diff --git a/public/static/images/hire-with-us/topImage.png b/public/static/images/hire-with-us/topImage.png new file mode 100644 index 00000000..3dc0d5ee Binary files /dev/null and b/public/static/images/hire-with-us/topImage.png differ diff --git a/src/Routes.js b/src/Routes.js index 33890559..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 = () => ( }> @@ -368,6 +369,15 @@ const renderRoutes = () => ( )} /> + ( + + + + )} + /> diff --git a/src/data/courses/advanced/CompetitiveJava.js b/src/data/courses/advanced/CompetitiveJava.js index 997a4bc1..a10564eb 100644 --- a/src/data/courses/advanced/CompetitiveJava.js +++ b/src/data/courses/advanced/CompetitiveJava.js @@ -14,7 +14,7 @@ export const competitiveJava = { courseId: 'jcomp0121', dates: '15th Apr - 18th July', days: 'Sat, Sun, Wed, Fri', - timing: '06:00 PM - 08:00 PM (IST)', + timing: '09:00 PM - 11:00 PM (IST)', link: '', priceCut: '₹ 12,000', price: '₹ 5,850', diff --git a/src/data/courses/advanced/MachineLearning.js b/src/data/courses/advanced/MachineLearning.js index 2129c2a6..f95f4a84 100644 --- a/src/data/courses/advanced/MachineLearning.js +++ b/src/data/courses/advanced/MachineLearning.js @@ -14,7 +14,7 @@ export const machineLearning = { courseId: 'mlpy0121', dates: '15th Apr - 15th July', days: 'Sat, Sun, Tue, Thu', - timing: '08:00 PM - 10:00 PM (IST)', + timing: '09:00 PM - 11:00 PM (IST)', link: '', priceCut: '₹ 12,000', price: '₹ 5,850', 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..8225189e --- /dev/null +++ b/src/views/pages/Hire-With-Us/HireAtEase.js @@ -0,0 +1,290 @@ +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, + [theme.breakpoints.down('md')]: { + paddingBottom: '900px', + }, + [theme.breakpoints.down('xs')]: { + paddingBottom: '1400px', + paddingLeft: '50px', + paddingRight: '50px', + }, + + }, + heading: { + display: 'flex', + justifyContent: 'center', + alignItems: 'center', + marginBottom: '50px' + }, + + card1: { + background: ' #FF8989', + margin: '5px', + width: '100%', + 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/TopMain.js b/src/views/pages/Hire-With-Us/TopMain.js new file mode 100644 index 00000000..c06d2e16 --- /dev/null +++ b/src/views/pages/Hire-With-Us/TopMain.js @@ -0,0 +1,52 @@ +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: { + background: "url('/static/images/hire-with-us/topImage.png') no-repeat center", + 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={ + + } + /> + + ); +} + +export default TopMain; 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..4fbcd684 --- /dev/null +++ b/src/views/pages/Hire-With-Us/index.js @@ -0,0 +1,31 @@ +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'; +import { makeStyles } from '@material-ui/core'; + +const useStyles = makeStyles(theme => ({ + root: { + overflow: 'hidden' + } +})); + +function HIRE_WITH_US() { + const classes = useStyles(); + return ( +
+ + + + + + +
+ ); +} + +export default HIRE_WITH_US; diff --git a/src/views/pages/HireWithUsView/Philosphy/Philosphy.js b/src/views/pages/HireWithUsView/Philosphy/Philosphy.js index e89f3727..49659570 100644 --- a/src/views/pages/HireWithUsView/Philosphy/Philosphy.js +++ b/src/views/pages/HireWithUsView/Philosphy/Philosphy.js @@ -179,13 +179,13 @@ const useStyles = makeStyles(theme => ({ [theme.breakpoints.down('md')]: { height: '280px', width: '400px', - padding: '50px 10px 0 60px', + padding: '50px 10px 0 80px', transform: 'translate(20px,0px)' }, [theme.breakpoints.down('xs')]: { height: '170px', width: '280px', - padding: '30px 10px 0 32px', + padding: '30px 32px 0 50px', transform: 'translate(20px,0px)' } }, @@ -245,7 +245,8 @@ const useStyles = makeStyles(theme => ({ fontSize: '12px' }, [theme.breakpoints.down('xs')]: { - fontSize: '8px' + fontSize: '8px', + marginTop: '7px', } } }));