Skip to content

Commit edc8cc8

Browse files
dvidsilvadvidsilva
authored
Merge pull request #17 from corgicode/feature/3-about
Added about page
2 parents 2a54259 + 95c7788 commit edc8cc8

File tree

3 files changed

+172
-10
lines changed

3 files changed

+172
-10
lines changed

‎src/containers/about/index.js

Lines changed: 170 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,174 @@
11
import React from 'react';
2+
import Hoverimage from '../../components/hoverImage';
3+
import logo from '../../images/logo-large.png';
4+
import logoHover from '../../images/logo-large-hover.png';
5+
import patternBg from '../../images/pattern-background03.png';
26

3-
const About = () => (
4-
<div>
5-
<h1>About Page</h1>
6-
<p>Did you get here via Redux?</p>
7-
</div>
8-
);
7+
class About extends React.Component {
8+
render() {
9+
return(
10+
<main>
11+
<section id="hero" className="tint-bg img-bg-softer" style={{backgroundImage: `url(${patternBg})`}}>
12+
<div className="container inner">
13+
<div className="row">
14+
<div className="col-sm-10 aos-init aos-animate" data-aos="fade-up">
15+
<header>
16+
<h1>Hi, we are codecorgi!</h1>
17+
</header>
18+
</div>
19+
</div>
20+
</div>
21+
</section>
22+
<section id="who-we-are">
23+
<div className="container inner-md">
24+
<div className="row inner-top-xs">
25+
<div className="col-sm-6 inner-right-xs inner-bottom-xs">
26+
<h2>Our Mission</h2>
27+
<p>
28+
Codecorgi is a visual portfolio for front-end developers to showcase their code
29+
and experience. Codecorgi's vision is to help employ the workforce by providing
30+
developers continuous training and project experience. Our company believes
31+
that junior developers have a difficulty landing their first programming
32+
career.
33+
</p>
34+
<p>
35+
Our founders want to help novice developers get hired and expand their
36+
opportunities regardless of where they are educated or located. Codecorgi sees
37+
newly minted programmers as underemployed, in a role these students did not
38+
invest time and money for.
39+
</p>
40+
<p>
41+
Codecorgi provides simulation project tickets so that junior programmers gain competitive abilities. Learn by doing projects applicable to the corporate world.
42+
</p>
43+
</div>
44+
<div className="col-sm-6 inner-left-xs inner-bottom-xs">
45+
<figure>
46+
<div className="icon-overlay icn-link">
47+
<Hoverimage className="logo" alt="codecorgi logo" image1={logo} image2={logoHover} />
48+
</div>
49+
</figure>
50+
</div>
51+
</div>
52+
</div>
53+
</section>
54+
<section id="team" className="light-bg">
55+
<div className="container inner-top inner-bottom-sm">
56+
<div className="row">
57+
<div className="col-md-8 col-sm-10 center-block text-center">
58+
<header>
59+
<h1>Our Team</h1>
60+
</header>
61+
</div>
62+
</div>
63+
<div className="row inner-top-sm text-center">
64+
<div className="col-sm-6 inner-bottom-sm ">
65+
<figure className="member">
66+
<div className="icon-overlay icn-link">
67+
<a><img src="/images/team/sydney.png" className="img-circle"/></a>
68+
</div>
69+
<figcaption>
70+
<h2>
71+
Sydney Lai
72+
<span>CEO</span>
73+
</h2>
74+
<p>
75+
Startup growth mentor, award-winning background in sales and business
76+
development @Techstars, @US Dept of Commerce, LGBT Technology Leader by
77+
The White House, Office of Science and Technology Policy, TEDx Speaker.
78+
</p>
79+
<ul className="social">
80+
<li><a href="https://twitter.com/sydneylai" target="_blank"><i className="icon-s-twitter"/></a></li>
81+
</ul>
82+
</figcaption>
83+
</figure>
84+
</div>
85+
<div className="col-sm-6 inner-bottom-sm ">
86+
<figure className="member">
87+
<div className="icon-overlay icn-link">
88+
<a><img src="/images/team/david.png" className="img-circle"/></a>
89+
</div>
90+
<figcaption>
91+
<h2>
92+
David Silva
93+
<span>CTO</span>
94+
</h2>
95+
<p>10+ years of programming experience, Angular speaker,
96+
Developer Bootcamp founder, @ Diamond, Techqueria,
97+
Doctor on Demand, AngelHack, 40 Under 40: Tech Diversity – Silicon Valley.
98+
</p>
99+
<ul className="social">
100+
<li><a href="https://twitter.com/dvidsilva" target="_blank"><i className="icon-s-twitter"/></a></li>
101+
</ul>
102+
</figcaption>
103+
</figure>
104+
</div>
105+
</div>
106+
<div className="row inner-top-sm text-center">
107+
<div className="col-sm-6 inner-bottom-sm ">
108+
<figure className="member">
109+
<div className="icon-overlay icn-link">
110+
<a><img src="/images/team/iva.png" alt="iva avatar" className="img-circle" /></a>
111+
{/* <!-- http://www.iconninja.com/avatar-user-woman-girl-female-person-icon-7092 --> */}
112+
</div>
113+
<figcaption>
114+
<h2>
115+
Iva Žic
116+
<span>UX Designer</span>
117+
</h2>
118+
<p>
119+
UX Designer with a background in Graphic design,
120+
10+ experience in empathizing with customers, and a
121+
lifelong responsibility to do something valuable
122+
for others.
123+
</p>
124+
<ul className="social">
125+
<li><a href="https://www.linkedin.com/in/ivazickim/" target="_blank"><i className="icon-linkedin"/></a></li>
126+
</ul>
127+
</figcaption>
128+
</figure>
129+
</div>
130+
<div className="col-sm-6 inner-bottom-sm ">
131+
<figure className="member">
132+
<div className="icon-overlay icn-link">
133+
<a><img src="/images/team/tere.png" className="img-circle" /></a>
134+
</div>
135+
<figcaption>
136+
<h2>
137+
Tere Gallarreta
138+
<span>Web Developer</span>
139+
</h2>
140+
<p>Web Developer who values building bridges between cultures and people, creating beautiful and meaningful things, and connecting people to resources that enrich their lives.</p>
141+
<ul className="social">
142+
<li><a href="https://www.linkedin.com/in/tere-gallarreta/" target="_blank"><i className="icon-linkedin"/></a></li>
143+
</ul>
144+
</figcaption>
145+
</figure>
146+
</div>
147+
</div>
148+
<div className="row inner-top-sm text-center">
149+
<div className="col-sm-6 inner-bottom-sm ">
150+
<figure className="member">
151+
<div className="icon-overlay icn-link">
152+
<a><img src="/images/team/corginson.png" className="img-circle" /></a>
153+
</div>
154+
<figcaption>
155+
<h2>
156+
Corginson
157+
<span>Chief Happiness Officer</span>
158+
</h2>
159+
<p/>
160+
<ul className="social">
161+
<li><a href="https://twitter.com/codecorgi" target="_blank"><i className="icon-s-twitter"/></a></li>
162+
</ul>
163+
</figcaption>
164+
</figure>
165+
</div>
166+
</div>
167+
</div>
168+
</section>
169+
</main>
170+
);
171+
}
172+
}
9173

10174
export default About;

‎src/containers/app/index.js

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,8 @@ import Footer from '../../components/footer';
88
const App = () => (
99
<div>
1010
<Header />
11-
<main>
12-
<Route exact path="/" component={Home} />
13-
<Route exact path="/about-us" component={About} />
14-
</main>
11+
<Route exact path="/" component={Home} />
12+
<Route exact path="/about" component={About} />
1513
<Footer />
1614
</div>
1715
);

‎src/images/pattern-background03.png

4.21 KB
Loading

0 commit comments

Comments
 (0)