Skip to content

Commit a1a6ee6

Browse files
authored
Merge pull request #149 from kitanbelles/master
Changes to teamMembers to include recent team members;
2 parents 5697317 + 273a138 commit a1a6ee6

File tree

10 files changed

+53120
-10958
lines changed

10 files changed

+53120
-10958
lines changed

package-lock.json

Lines changed: 41453 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

public/assets/olakitan-passport.jpg

1.14 MB
Loading

public/assets/person-icon.png

3.24 KB
Loading

src/components/TeamMember.js

Lines changed: 504 additions & 242 deletions
Large diffs are not rendered by default.

src/components/TeamRep.js

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
import React from 'react';
2+
3+
const TeamRep = ({repName, srcPhoto, profession, story, motto,
4+
jobDescription, twitterProfile, facebookProfile,
5+
linkedinProfile, githubProfile, index}) => {
6+
return (
7+
<div className="col-md-4 col-sm-6 mb-4">
8+
<div className="our-team">
9+
<div className="image-container">
10+
<img
11+
src={srcPhoto}
12+
alt={repName}
13+
/>
14+
</div>
15+
<div className="team-content">
16+
<h3 className="title">{repName}</h3>
17+
<span className="post">{profession}</span>
18+
<p className="description">
19+
{story}
20+
</p>
21+
<p className="tech-stack">
22+
{jobDescription}
23+
</p>
24+
<ul className="social">
25+
<li>
26+
<a
27+
className="fab fa-twitter"
28+
href={twitterProfile}
29+
target="_blank"
30+
rel="noopener noreferrer"
31+
>
32+
{' '}
33+
</a>
34+
</li>
35+
<li>
36+
<a
37+
className="fab fa-github"
38+
href={githubProfile}
39+
target="_blank"
40+
rel="noopener noreferrer"
41+
>
42+
{' '}
43+
</a>
44+
</li>
45+
<li>
46+
<a
47+
className="fab fa-linkedin"
48+
href={linkedinProfile}
49+
target="_blank"
50+
rel="noopener noreferrer"
51+
>
52+
{' '}
53+
</a>
54+
</li>
55+
</ul>
56+
</div>
57+
</div>
58+
</div>
59+
);
60+
}
61+
62+
export default TeamRep;

src/components/TeamStyled.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22
padding: 0 30px 30px;
33
padding: 0 clamp(24px, 6vw, 120px) 30px;
44
}
5+
.team-shell {
6+
display: flex;
7+
flex-direction: column;
8+
justify-content: center;
9+
align-items: center;
10+
}
511

612
.qa {
713
color: #12376d;

src/components/testimonial/TestimonialDetail.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import React from 'react';
2-
import testimonialImage from '../assets/image/homepage/course-img.png';
2+
import testimonialImage from '../assets/image/homepage/course-img.png';
33
const TestimonialDetail = ({name, company, description, summary, position, imgUrl}) => {
44
return (
55
<div className="testimonial-item">
@@ -13,7 +13,7 @@ const TestimonialDetail = ({name, company, description, summary, position, imgUr
1313
</p>
1414
</div>
1515
<div className="client-details text-white mt-3">
16-
<img src={testimonialImage} alt="" />
16+
<img src={imgUrl} alt={name} />
1717
<div className="ml-3">
1818
<p className="bold-manrope mb-0">
1919
{name}

src/components/testimonial/TestimonialList.js

Lines changed: 33 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -27,54 +27,47 @@ const TestimonialList = () => {
2727

2828
const testimonials = [
2929
{
30-
summary: 'Incredible Experience Humans',
31-
description: ` I had an incredible experience learning with CodeClan and was greatly impressed by the big
32-
difference in only three weeks. I am so grateful for the wonderful improvements they helped me make
33-
and their ability help me
34-
get familiar with the concept so quickly. It acted as a catalyst to take our career to the next
35-
level.`,
36-
name: 'Temitope Ajiboye',
37-
position: 'CEO',
38-
company: 'ABC Corporation',
39-
imgUrl: '../assets/image/homepage/course-img.png'
30+
summary: 'Improved my UI/UX skills',
31+
description: `I worked with my mentor at CodeClan to improve my UI development skills
32+
and was able to hone my bootstrap skills while holding down a high demand job`,
33+
name: 'Opeyemi Oni',
34+
position: 'Integration Engineer',
35+
company: 'Ericsson',
36+
imgUrl:'./assets/person-icon.png'
4037
},
4138
{
42-
summary: 'Incredible Experience Humans',
43-
description: ` I had an incredible experience learning with CodeClan and was greatly impressed by the big
44-
difference in only three weeks. I am so grateful for the wonderful improvements they helped me make
45-
and their ability help me
46-
get familiar with the concept so quickly. It acted as a catalyst to take our career to the next
47-
level.`,
39+
summary: 'Got my first job as a software dev!',
40+
description: `Joined the community at the beginning of the year and after five months of tutorials and
41+
intense interview preparations with my mentor, I landed a job as a frontend software developer.
42+
I am so grateful for all the help I got and the tutor's patience with the difficult concepts.`,
4843
name: 'Fortune Ochi',
49-
position: 'CEO',
50-
company: 'ABC Corporation',
51-
imgUrl: '../assets/image/homepage/course-img.png'
44+
position: 'Software Developer',
45+
company: 'Magogo Software',
46+
imgUrl: './assets/person-icon.png'
5247
},
5348
{
54-
summary: 'Incredible Experience Humans',
55-
description: ` I had an incredible experience learning with CodeClan and was greatly impressed by the big
56-
difference in only three weeks. I am so grateful for the wonderful improvements they helped me make
57-
and their ability help me
58-
get familiar with the concept so quickly. It acted as a catalyst to take our career to the next
59-
level.`,
49+
summary: 'Incredible learning experience',
50+
description: ` I had an incredible experience learning react with codeclan and was impressed by the new skills
51+
I learnt during the Bootcamp. The exercises helped me get familiar with new concepts quickly.
52+
The skills I gained at the Bootcamp served as a catalyst to help take my career to the next level.`,
6053
name: 'John Odey',
61-
position: 'CEO',
62-
company: 'ABC Corporation',
63-
imgUrl: '../assets/image/homepage/course-img.png'
54+
position: 'Fullstack developer',
55+
company: 'Openwit Tech',
56+
imgUrl: './assets/person-icon.png'
6457
},
6558
{
66-
summary: 'Incredible Experience Humans',
67-
description: ` I had an incredible experience learning with CodeClan and was greatly impressed by the big
68-
difference in only three weeks. I am so grateful for the wonderful improvements they helped me make
69-
and their ability help me
70-
get familiar with the concept so quickly. It acted as a catalyst to take our career to the next
71-
level.`,
59+
summary: 'Switched to a tech role from sales',
60+
description: ` After years of wanting to leave sales, I was finally able to get a job as a
61+
software developer after joining codeclan. The tutorials were really easy to follow and my mentor
62+
was always available to help whenever I had challenges. I appreciate the continued support I've been
63+
getting on the job, it has made the job easier.`,
7264
name: 'Femi Adebayo',
73-
position: 'CEO',
74-
company: 'ABC Corporation',
75-
imgUrl: '../assets/image/homepage/course-img.png'
65+
position: 'Software Developer',
66+
company: 'Achmed Corporation',
67+
imgUrl: './assets/person-icon.png'
7668
},
77-
]
69+
]
70+
7871
return (
7972
<TestimonialListStyled>
8073
<section className="testimonials pry-padd-form position-relative">
@@ -93,10 +86,10 @@ const TestimonialList = () => {
9386
responsive={responsive}
9487
ssr={false} // means to render carousel on server-side.
9588
infinite={true}
96-
autoPlaySpeed={1000}
89+
autoPlaySpeed={100}
9790
keyBoardControl={true}
9891
customTransition="all .5"
99-
transitionDuration={500}
92+
transitionDuration={50}
10093
containerClass="carousel-container"
10194
removeArrowOnDeviceType={["tablet", "mobile", "desktop"]}
10295
dotListClass="custom-dot-list-style"

src/routes.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import React from 'react';
22
import { Route, Switch } from 'react-router-dom';
3-
import Team from './components/Team';
3+
import Team from './components/TeamMember';
44
import Events from './components/Events';
55
import About from './components/About';
66
import ContactUs from './components/ContactUs';

0 commit comments

Comments
 (0)