Skip to content
This repository was archived by the owner on Mar 7, 2024. It is now read-only.

Commit fdf9998

Browse files
Corrects minor css and text changes (#48)
1 parent 6fd2900 commit fdf9998

File tree

9 files changed

+42
-33
lines changed

9 files changed

+42
-33
lines changed

src/components/AboutCard/MainCard.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ const useStyles = makeStyles(theme => ({
99
padding: 0
1010
},
1111
card: {
12+
minHeight: '628px',
1213
backgroundColor: '#EEF5FF',
1314
borderRadius: '10px',
1415
padding: '50px 30px'

src/components/AboutCard/SubCard.js

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import { Grid, Typography, makeStyles } from '@material-ui/core';
2+
import { Grid, Typography, makeStyles, Box } from '@material-ui/core';
33

44
const useStyles = makeStyles(theme => ({
55
root: {
@@ -20,14 +20,16 @@ const SubCard = ({ point }) => {
2020
return (
2121
<Grid container className={classes.root}>
2222
<Grid item md={2}>
23-
<img alt="Select file" height="55px" src={point.img} />
23+
<img alt="title-img" style={{ marginTop: '6px' }} height="55px" src={point.img} />
2424
</Grid>
2525
<Grid item md={10}>
26+
2627
<Typography
2728
className={classes.extraMargin}
28-
align="justify"
29-
variant="subtitle2"
29+
variant="subtitle1"
3030
>
31+
<Box component="span" style={{ fontWeight: 'bold' }} display="inline-block">{`${point.contentTitle} :`}</Box>
32+
{` `}
3133
{point.content}
3234
</Typography>
3335
</Grid>

src/views/pages/HomeView/CTA.js

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,11 @@ const useStyles = makeStyles(theme => ({
5050
},
5151
primeBtn: {
5252
backgroundColor: '#A60000',
53-
color: '#ffffff'
53+
color: '#ffffff',
54+
'&:hover': {
55+
backgroundColor: '#A60000',
56+
opacity: '0.8',
57+
}
5458
},
5559
secondaryBtn: {
5660
borderColor: '#A60000',

src/views/pages/HomeView/Events.js

Lines changed: 6 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
33
import clsx from 'clsx';
44

55
import {
6-
Link,
76
Box,
87
Button,
98
Container,
@@ -63,6 +62,10 @@ const useStyles = makeStyles((theme) => ({
6362
[theme.breakpoints.down('sm')]: {
6463
width: '100%',
6564
marginBottom: '20px'
65+
},
66+
'&:hover': {
67+
backgroundColor: '#000',
68+
opacity: '0.8',
6669
}
6770
},
6871
btn: {
@@ -192,18 +195,8 @@ function Events({ className, ...rest }) {
192195
</Grid>
193196
</Box>
194197
<Typography className={classes.secondaryText}>
195-
Our Youtube Channel for
196-
<Link
197-
style={{
198-
color: '#a60000'
199-
}}
200-
component="a"
201-
href="https://www.youtube.com/c/CodeforCause/videos"
202-
target="_blank"
203-
>
204-
{` Previous Webinars`}
205-
</Link>
206-
</Typography>
198+
Our Youtube Channel for Upcoming Webinars
199+
</Typography>
207200
</div>
208201
</Grid>
209202
</Grid>

src/views/pages/HomeView/Hero.js

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -55,12 +55,15 @@ const useStyles = makeStyles(theme => ({
5555
hide: {
5656
display: 'none'
5757
},
58-
Button: {
58+
btn: {
5959
backgroundColor: '#A60000',
6060
color: '#ffffff',
6161
textTransform: 'capitalize',
6262
[theme.breakpoints.down('sm')]: {
6363
width: '100%'
64+
},
65+
'&:hover': {
66+
backgroundColor: 'rgba(166, 0, 0, 0.8)',
6467
}
6568
}
6669
}));
@@ -81,11 +84,10 @@ function Hero({ className, ...rest }) {
8184
className={clsx(classes.extraPadding, className)}
8285
>
8386
<Typography
84-
variant="h4"
87+
variant="h1"
8588
gutterBottom
86-
style={{ color: '#A60000' }}
8789
>
88-
Welcome to
90+
Learn for Cause
8991
</Typography>
9092
<Typography variant="h1">Code for Cause</Typography>
9193
<Hidden mdUp>
@@ -109,7 +111,7 @@ function Hero({ className, ...rest }) {
109111
<Grid container xs={12} md={12}>
110112
<Grid item xs={12} md={12}>
111113
<Button
112-
className={classes.Button}
114+
className={classes.btn}
113115
component="a"
114116
href="https://youtube.com/codeforcause"
115117
target="_blank"

src/views/pages/HomeView/HomeViewData.js

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ export const mentors = [
6161
},
6262
{
6363
id: '6',
64-
name: 'Bharat Bhardwaj',
64+
name: 'Bharat Kumar',
6565
avatar: '/static/images/members/bharat.png',
6666
linkedin: 'https://www.linkedin.com/in/bharatbbhardwaj/'
6767
}
@@ -105,18 +105,21 @@ export const openKnowledgeContent = {
105105
{
106106
id: '1',
107107
img: '/static/images/icons/ok1.svg',
108+
contentTitle: 'Live Classes',
108109
content:
109110
'We host live classes and workshops regularly with focus on hands-on learning, which is crucial in gaining real-world software development experience.'
110111
},
111112
{
112113
id: '2',
113114
img: '/static/images/icons/ok2.svg',
115+
contentTitle: 'Doubt Resolution',
114116
content:
115117
'Get connected to a large group of developers and open-source enthusiasts to get all your doubts resolved - whether technical, career-oriented or soft skills.'
116118
},
117119
{
118120
id: '3',
119121
img: '/static/images/icons/ok3.svg',
122+
contentTitle: 'Career Guidance',
120123
content:
121124
'Learn from the experiences of the community members in the industry which will help you with career guidance for the path best suited to you.'
122125
}
@@ -131,20 +134,24 @@ export const openSourceContent = {
131134
{
132135
id: '1',
133136
img: '/static/images/icons/os1.svg',
137+
contentTitle: 'Develop Products',
134138
content:
135139
'Practical development experience is crucial in becoming a pragmatic programmer. Join us and develop products to enhance your skill set for real.'
136140
},
137141
{
138142
id: '2',
139143
img: '/static/images/icons/os2.svg',
144+
contentTitle: 'Collaborative Coding',
140145
content:
141146
'When talking about graphs, the edges matter as much as the nodes. We follow Collaborative Working that helps you generate showcasable work.'
142147
},
143148
{
144149
id: '3',
145150
img: '/static/images/icons/os3.svg',
151+
contentTitle: 'Networking Events',
146152
content:
147-
'Software development professionals flourish by networking. Get connected to people who matter by our online/offline events.'
153+
154+
'As we already know software development professionals flourish by networking. Get connected to people who matter by our online/offline events.'
148155
}
149156
]
150157
};

src/views/pages/HomeView/MainCards.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,10 +21,10 @@ function MainCards({ className, ...rest }) {
2121
return (
2222
<Container className={clsx(classes.root, className)} {...rest}>
2323
<Grid alignItems="center" container justify="center" spacing={8}>
24-
<Grid item md={6} xs={12}>
24+
<Grid item md={6} sm={6} xs={12}>
2525
<MainCard content={openKnowledgeContent} />
2626
</Grid>
27-
<Grid item md={6} xs={12}>
27+
<Grid item md={6} sm={6} xs={12}>
2828
<MainCard content={openSourceContent} />
2929
</Grid>
3030
</Grid>

src/views/pages/HomeView/Promoters.js

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ function Promoters({ className, ...rest }) {
3939
justify="center"
4040
alignItems="center"
4141
>
42-
<Grid item xs={12} md={4}>
42+
<Grid item xs={12} md={5}>
4343
<Typography variant="h4" gutterBottom>
4444
Our mentors are associated with
4545
</Typography>
@@ -50,13 +50,12 @@ function Promoters({ className, ...rest }) {
5050
<Grid item xs={6} md={2}>
5151
<img alt="Logo" src="/static/images/promoters/microsoft.svg" />
5252
</Grid>
53-
<Grid item xs={6} md={2}>
54-
<img alt="Logo" src="/static/images/promoters/ibm.svg" />
55-
</Grid>
56-
5753
<Grid item xs={6} md={2}>
5854
<img alt="Logo" src="/static/images/promoters/redhat.svg" />
5955
</Grid>
56+
<Grid item xs={6} md={1}>
57+
<img alt="Logo" src="/static/images/promoters/ibm.svg" />
58+
</Grid>
6059
</Grid>
6160
</Container>
6261
</div>

src/views/pages/HomeView/WatchVideos.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,8 @@ const useStyles = makeStyles(theme => ({
2929
height: 90,
3030
'&:hover': {
3131
scale: 1.2,
32-
transition: 'ease-in .2s'
32+
transition: 'ease-in .2s',
33+
opacity: '0.8'
3334
},
3435
[theme.breakpoints.down('sm')]: {
3536
height: 120,

0 commit comments

Comments
 (0)