From b9c6b909b37c0de784a8e59ba69aa3d7f9ff5208 Mon Sep 17 00:00:00 2001 From: Dipesh Jaiswal Date: Thu, 15 Apr 2021 14:33:02 +0530 Subject: [PATCH 01/12] Create "hire-with-us" route --- src/Routes.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/Routes.js b/src/Routes.js index 33890559..59553b9c 100755 --- a/src/Routes.js +++ b/src/Routes.js @@ -368,6 +368,13 @@ const renderRoutes = () => ( )} /> + ( +

hello duniya

+ )} + /> From 0665c7083beef0a41b478705314e9bbb313a1a0c Mon Sep 17 00:00:00 2001 From: Dipesh Jaiswal Date: Thu, 15 Apr 2021 14:52:31 +0530 Subject: [PATCH 02/12] Render "hire-with-us" page --- src/Routes.js | 5 ++++- src/views/pages/Hire-With-Us/index.js | 11 +++++++++++ 2 files changed, 15 insertions(+), 1 deletion(-) create mode 100644 src/views/pages/Hire-With-Us/index.js diff --git a/src/Routes.js b/src/Routes.js index 59553b9c..786f721e 100755 --- a/src/Routes.js +++ b/src/Routes.js @@ -40,6 +40,7 @@ const Success = lazy(() => import('./views/pages/PaymentStatus/Success')); const Cancelled = lazy(() => import('./views/pages/PaymentStatus/Failure')); const EventsView = lazy(() => import('src/views/pages/EventsView')); // const HireWithUsView = lazy(() => import('src/views/pages/HireWithUsView')); +const HIRE_WITH_US = lazy(() => import('src/views/pages/Hire-With-Us')); const renderRoutes = () => ( }> @@ -372,7 +373,9 @@ const renderRoutes = () => ( path={`/hire-with-us`} exact render={props => ( -

hello duniya

+ + + )} /> diff --git a/src/views/pages/Hire-With-Us/index.js b/src/views/pages/Hire-With-Us/index.js new file mode 100644 index 00000000..a8283ab4 --- /dev/null +++ b/src/views/pages/Hire-With-Us/index.js @@ -0,0 +1,11 @@ +import React from 'react' + +function HIRE_WITH_US() { + return ( +
+

Hello ji

+
+ ) +} + +export default HIRE_WITH_US From d1db498efbbfa5b09b0b9e472feafa9b8915546a Mon Sep 17 00:00:00 2001 From: Dipesh Jaiswal Date: Thu, 15 Apr 2021 16:16:54 +0530 Subject: [PATCH 03/12] Create TopMain section --- src/views/pages/Hire-With-Us/TopMain.js | 43 +++++++++++++++++++++++++ src/views/pages/Hire-With-Us/index.js | 4 +-- 2 files changed, 45 insertions(+), 2 deletions(-) create mode 100644 src/views/pages/Hire-With-Us/TopMain.js diff --git a/src/views/pages/Hire-With-Us/TopMain.js b/src/views/pages/Hire-With-Us/TopMain.js new file mode 100644 index 00000000..17abb24e --- /dev/null +++ b/src/views/pages/Hire-With-Us/TopMain.js @@ -0,0 +1,43 @@ +import React from 'react' +import { makeStyles, Typography } from '@material-ui/core'; + +import HeroWithBackgroundImage from '../../../components/Hero/HeroWithBackgroundImage'; +import ButtonComponent from 'src/components/Button/ButtonComponent'; + + +const useStyles = makeStyles({ + root: { + backgroundImage: "url('/static/images/hire-with-us/hero.png')", + backgroundSize: 'cover', + }, +}); + +function TopMain() { + const classes = useStyles() + return ( + <> + + Explore Endless Possiblities With Developers Forged In Code And + Atticates Start Hiring + + } + secondComponent={ + + } + /> + + ); +} + +export default TopMain diff --git a/src/views/pages/Hire-With-Us/index.js b/src/views/pages/Hire-With-Us/index.js index a8283ab4..37acae64 100644 --- a/src/views/pages/Hire-With-Us/index.js +++ b/src/views/pages/Hire-With-Us/index.js @@ -1,9 +1,9 @@ import React from 'react' - +import TopMain from "./TopMain"; function HIRE_WITH_US() { return (
-

Hello ji

+
) } From fdf30aad9c699c537e3e8106096b8f31599b30fb Mon Sep 17 00:00:00 2001 From: Dipesh Jaiswal Date: Thu, 15 Apr 2021 21:42:25 +0530 Subject: [PATCH 04/12] Add button styling --- src/views/pages/Hire-With-Us/TopMain.js | 73 ++++++++++++++----------- 1 file changed, 41 insertions(+), 32 deletions(-) diff --git a/src/views/pages/Hire-With-Us/TopMain.js b/src/views/pages/Hire-With-Us/TopMain.js index 17abb24e..16a7a4cc 100644 --- a/src/views/pages/Hire-With-Us/TopMain.js +++ b/src/views/pages/Hire-With-Us/TopMain.js @@ -1,43 +1,52 @@ -import React from 'react' +import React from 'react'; import { makeStyles, Typography } from '@material-ui/core'; import HeroWithBackgroundImage from '../../../components/Hero/HeroWithBackgroundImage'; import ButtonComponent from 'src/components/Button/ButtonComponent'; - const useStyles = makeStyles({ - root: { - backgroundImage: "url('/static/images/hire-with-us/hero.png')", - backgroundSize: 'cover', - }, + root: { + backgroundImage: "url('/static/images/hire-with-us/hero.png')", + backgroundSize: 'cover' + }, + button: { + backgroundColor: 'blue', + width: '250px', + fontWeight: 'bold', + fontSize: '17px', + + '&:hover': { + backgroundColor: 'rgba(0, 0, 220, 1)', + } + } }); function TopMain() { - const classes = useStyles() - return ( - <> - - Explore Endless Possiblities With Developers Forged In Code And - Atticates Start Hiring - - } - secondComponent={ - - } - /> - - ); + const classes = useStyles(); + return ( + <> + + Explore Endless Possiblities With Developers Forged In Code And + Atticates Start Hiring + + } + secondComponent={ + + } + /> + + ); } -export default TopMain +export default TopMain; From 7e5739d538c1de6af4de878b05fd84ff5f338ca1 Mon Sep 17 00:00:00 2001 From: Dipesh Jaiswal Date: Thu, 15 Apr 2021 21:42:38 +0530 Subject: [PATCH 05/12] Add other sections --- src/views/pages/Hire-With-Us/index.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/views/pages/Hire-With-Us/index.js b/src/views/pages/Hire-With-Us/index.js index 37acae64..e8c64827 100644 --- a/src/views/pages/Hire-With-Us/index.js +++ b/src/views/pages/Hire-With-Us/index.js @@ -1,9 +1,19 @@ import React from 'react' import TopMain from "./TopMain"; +import Developer from '../HireWithUsView/Developer/Developer'; +import Major from '../HireWithUsView/Major/Major'; +import Philosphy from '../HireWithUsView/Philosphy/Philosphy'; +import Footer from '../common/Footer'; + function HIRE_WITH_US() { return (
+ + + + +
) } From 2e406869e35b9aeff99b78ad572c402da6f882a7 Mon Sep 17 00:00:00 2001 From: Dipesh Jaiswal Date: Sat, 17 Apr 2021 14:37:03 +0530 Subject: [PATCH 06/12] Create HireAtEase section --- src/views/pages/Hire-With-Us/HireAtEase.js | 175 +++++++++++++++++++++ src/views/pages/Hire-With-Us/index.js | 2 + 2 files changed, 177 insertions(+) create mode 100644 src/views/pages/Hire-With-Us/HireAtEase.js diff --git a/src/views/pages/Hire-With-Us/HireAtEase.js b/src/views/pages/Hire-With-Us/HireAtEase.js new file mode 100644 index 00000000..ba776f26 --- /dev/null +++ b/src/views/pages/Hire-With-Us/HireAtEase.js @@ -0,0 +1,175 @@ +import React from 'react'; + +import { + Grid, + Typography, + makeStyles, + Card, + CardContent +} from '@material-ui/core'; +import ButtonComponent from 'src/components/Button/ButtonComponent'; + +const useStyles = makeStyles(theme => ({ + root: { + fontFamily: "'Montserrat', sans-serif", + height: '700px', + flexGrow: 1 + }, + heading: { + display: 'flex', + justifyContent: 'center', + alignItems: 'center', + marginBottom: '50px' + }, + + card1: { + background: ' #FF8989', + margin: '5px', + width: 'auto', + height: '220px', + boxShadow: '0px 0px 50px rgba(0, 0, 0, 0.4), inset 0px 0px 8px #FFEEEE', + borderRadius: '300px 0px 300px 300px', + textAlign: 'center', + display: 'flex', + justifyContent: 'center', + alignItems: 'center' + }, + card2: { + background: ' #FFC85D', + margin: '5px', + width: 'auto', + height: '220px', + boxShadow: '0px 0px 50px rgba(0, 0, 0, 0.4), inset 0px 0px 8px #FFEEEE', + borderRadius: '300px 0px 300px 300px', + textAlign: 'center', + display: 'flex', + justifyContent: 'center', + alignItems: 'center' + }, + card3: { + background: '#C6FF7E', + margin: '5px', + width: 'auto', + height: '220px', + boxShadow: '0px 0px 50px rgba(0, 0, 0, 0.4), inset 0px 0px 8px #FFEEEE', + borderRadius: '300px 0px 300px 300px', + textAlign: 'center', + display: 'flex', + justifyContent: 'center', + alignItems: 'center' + }, + card4: { + background: '#7A8FFF', + margin: '5px', + width: 'auto', + height: '220px', + boxShadow: '0px 0px 50px rgba(0, 0, 0, 0.4), inset 0px 0px 8px #FFEEEE', + borderRadius: '300px 0px 300px 300px', + textAlign: 'center', + display: 'flex', + justifyContent: 'center', + alignItems: 'center' + }, + + text: { + color: '#676767' + }, + bottomText: { + textAlign: 'center', + margin: '100px 0 0 0' + }, + bottomButton: { + textAlign: 'center', + margin: '10px 0 0 0' + }, + button: { + backgroundColor: 'blue', + width: '250px', + fontWeight: 'bold', + fontSize: '17px', + '&:hover': { + backgroundColor: 'rgba(0, 0, 220, 1)' + } + } +})); + +function HireAtEase() { + const classes = useStyles(); + + return ( +
+ + + + HIRE At Ease + + + + {/* Cards */} + + + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt + + + + + + + + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt + + + + + + + + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt + + + + + + + + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor incididunt + + + + + + {/* Bottom */} + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
{' '} + do eiusmod tempor incididunt + + + + + + + +
+ ); +} + +export default HireAtEase; diff --git a/src/views/pages/Hire-With-Us/index.js b/src/views/pages/Hire-With-Us/index.js index e8c64827..80869c07 100644 --- a/src/views/pages/Hire-With-Us/index.js +++ b/src/views/pages/Hire-With-Us/index.js @@ -1,6 +1,7 @@ import React from 'react' import TopMain from "./TopMain"; import Developer from '../HireWithUsView/Developer/Developer'; +import HireAtEase from "./HireAtEase"; import Major from '../HireWithUsView/Major/Major'; import Philosphy from '../HireWithUsView/Philosphy/Philosphy'; import Footer from '../common/Footer'; @@ -11,6 +12,7 @@ function HIRE_WITH_US() { +