diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
index 2c8dd518..82bd3d97 100644
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@@ -14,22 +14,22 @@ appearance, race, religion, or sexual identity and orientation.
Examples of behavior that contributes to creating a positive environment
include:
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
Examples of unacceptable behavior by participants include:
-* The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
- professional setting
+- The use of sexualized language or imagery and unwelcome sexual attention or
+ advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
+ address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+ professional setting
## Our Responsibilities
diff --git a/src/Routes.js b/src/Routes.js
index 2faf2f7b..4b7e4421 100755
--- a/src/Routes.js
+++ b/src/Routes.js
@@ -4,6 +4,7 @@ import { Switch, Redirect, Route } from 'react-router-dom';
import MainLayout from 'src/layouts/MainLayout';
import DocsLayout from 'src/layouts/DocsLayout';
import HomeView from 'src/views/pages/HomeView';
+import CAView from 'src/views/pages/CAView';
import LoadingScreen from 'src/components/LoadingScreen';
const routesConfig = [
@@ -42,6 +43,20 @@ const routesConfig = [
}
]
},
+ {
+ path: '/campusLeaders',
+ layout: MainLayout,
+ routes: [
+ {
+ exact: true,
+ path: '/campusLeaders',
+ component: CAView
+ },
+ {
+ component: () =>
+ }
+ ]
+ },
{
path: '*',
layout: MainLayout,
diff --git a/src/components/AboutCard/SubCard.js b/src/components/AboutCard/SubCard.js
index ce6b0be2..6775e079 100644
--- a/src/components/AboutCard/SubCard.js
+++ b/src/components/AboutCard/SubCard.js
@@ -1,7 +1,7 @@
import React from 'react';
import { Grid, Typography, makeStyles, Box, Hidden } from '@material-ui/core';
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles(theme => ({
root: {
padding: 0,
paddingTop: '40px',
@@ -17,7 +17,7 @@ const useStyles = makeStyles((theme) => ({
[theme.breakpoints.down('xs')]: {
margin: '0 auto',
float: 'none',
- textAlign: 'center',
+ textAlign: 'center'
}
},
contentTitle: {
@@ -31,7 +31,7 @@ const useStyles = makeStyles((theme) => ({
display: 'inline-block',
float: 'left',
[theme.breakpoints.down('xs')]: {
- float: 'none',
+ float: 'none'
}
}
}));
@@ -41,7 +41,12 @@ const SubCard = ({ point }) => {
return (
-
+ {
align="justify"
variant="subtitle1"
>
- {`${ point.contentTitle }`}
-
+ {`${point.contentTitle}`}
+
- : { point.content }
+ :
+ {point.content}
diff --git a/src/layouts/MainLayout/TopBar/index.js b/src/layouts/MainLayout/TopBar/index.js
index 5d3a8995..d4c5c370 100755
--- a/src/layouts/MainLayout/TopBar/index.js
+++ b/src/layouts/MainLayout/TopBar/index.js
@@ -68,6 +68,7 @@ function TopBar({ className, onMobileNavOpen, ...rest }) {
>
{[
+ { title: 'Campus Leaders', link: '/campusLeaders' },
{ title: 'Events', link: '#events' },
{ title: 'About', link: '#about' },
{ title: 'Team', link: '#team' },
@@ -130,6 +131,7 @@ function TopBar({ className, onMobileNavOpen, ...rest }) {
+
diff --git a/src/views/pages/CAView/Hero.js b/src/views/pages/CAView/Hero.js
new file mode 100755
index 00000000..f40eed84
--- /dev/null
+++ b/src/views/pages/CAView/Hero.js
@@ -0,0 +1,148 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+
+import {
+ Box,
+ Button,
+ Container,
+ Grid,
+ Hidden,
+ Typography,
+ makeStyles
+} from '@material-ui/core';
+import PlayArrowIcon from '@material-ui/icons/PlayArrow';
+
+const background = 'linear-gradient(270.72deg, #180255 0.25%, #000000 97.54%)';
+
+const useStyles = makeStyles(theme => ({
+ root: {
+ color: '#FFF',
+ background,
+ paddingTop: 80,
+ paddingBottom: 60,
+ paddingLeft: 70,
+ paddingRight: 70,
+ [theme.breakpoints.down('md')]: {
+ paddingLeft: 15,
+ paddingRight: 15
+ }
+ },
+ extraPadding: {
+ padding: '0 70px 0px 0px',
+ textAlign: 'justify',
+ [theme.breakpoints.down('sm')]: {
+ padding: '0'
+ }
+ },
+ image: {
+ perspectiveOrigin: 'left center',
+ transformStyle: 'preserve-3d',
+ perspective: 1500,
+ '& > img': {
+ maxWidth: '100%',
+ height: 'auto',
+ backfaceVisibility: 'hidden'
+ },
+ [theme.breakpoints.down('md')]: {
+ alignItems: 'center',
+ display: 'flex',
+ flexDirection: 'column',
+ height: '100%',
+ justifyContent: 'center'
+ }
+ },
+ hide: {
+ display: 'none'
+ },
+ btn: {
+ backgroundColor: '#A60000',
+ color: '#ffffff',
+ textTransform: 'capitalize',
+ [theme.breakpoints.down('sm')]: {
+ width: '100%'
+ },
+ '&:hover': {
+ backgroundColor: 'rgba(166, 0, 0, 0.8)'
+ }
+ }
+}));
+
+function Hero({ className, ...rest }) {
+ const classes = useStyles();
+
+ return (
+
+
+
+
+
+
+ Learn for Cause
+
+ Code for Cause
+
+
+
+
+
+
+
+
+
+ An initiative to help the community by providing training,
+ guidance and awareness about the possibilities in the software
+ field to students & professionals.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+