-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
128 lines (113 loc) · 5.84 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>About</title>
<link rel="stylesheet" href="./CSS/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<script src="./JavaScript/about.js" async></script>
</head>
<body>
<header>
<h1>Gigapet</h1>
<nav>
<a href="index.html">Home</a>
<a href="index.html">Features</a>
<a class="last-children" href="#contact">Contact</a>
<a class="last-children" href="about.html">About</a>
</nav>
</header>
<div class="container">
<div class="intro-section">
<h2>Meet the Team!</h2>
</div>
<div class="bios-section">
<div class="bios" id="elvis">
<div class="name animated slideInLeft">
<h3>Elvis Ibarra</h3>
<h4>Team Lead</h4>
</div>
<div class="info animated slideInRight">
<img src="./assets/elvisHeadshot.png" alt="Elvis Headshot">
<p>I am a full stack web engineer who is passionate about new technologies, education, and mission driven work.</p>
</div>
</div>
<div class="bios" id="jacob">
<div class="name animated slideInLeft">
<h3>Jacob Ryans</h3>
<h4>Front End Dev</h4>
</div>
<div class="info animated slideInRight reverse">
<img src="./assets/jacobHeadshot.jpg" alt="Jacob Headshot">
<p>I’m a hardware repair technician full-time, and an overall tech junkie. Some of my hobbies include gaming, aerobics, and volunteering at local animal shelters. The technologies used in our project include React, Redux, and ChartJS.</p>
</div>
</div>
<div class="bios" id="james">
<div class="name animated slideInLeft">
<h3>James Bieber</h3>
<h4>Front End Dev</h4>
</div>
<div class="info animated slideInRight">
<img src="./assets/jamesHeadshot.jpg" alt="James Headshot">
<p>Currently, I'm an IT Technician. When I'm not working I like to learn more about programming and play video games. I also played Rugby in college, so naturally I'm a huge fan of the sport.</p>
</div>
</div>
<div class="bios" id="ronny">
<div class="name animated slideInLeft">
<h3>Ronny Alvarado</h3>
<h4>Front End Dev</h4>
</div>
<div class="info animated slideInRight reverse">
<img src="./assets/ronnyHeadshot.png" alt="Ronny Headshot">
<p>I'm an environmental scientist full-time, spare-time I just play PC games and hang out with the wife, and the tecnologies we've used are React with Redux, Styled-Components, Canvas.js, and ChartJS.</p>
</div>
</div>
<div class="bios" id="christene">
<div class="name animated slideInLeft">
<h3>Christene Bennett</h3>
<h4>Back End Dev</h4>
</div>
<div class="info animated slideInRight">
<img src="./assets/christene_profile.jpeg" alt="Christene Headshot">
<p>I’m a web dev intern and a full-stack web development student. When I’m not creating with code, I’m usually having a dance party with my kids or watching TV with my husband. To build the Gigapet API, I used Node, Express, PostgreSQL,
and JSON Web Tokens.</p>
</div>
</div>
<div class="bios" id="ben">
<div class="name animated slideInLeft">
<h3>Benjamin Quackenbush</h3>
<h4>UI Dev</h4>
</div>
<div class="info animated slideInRight reverse">
<img src="./assets/benHeadshot.jpg" alt="Ben Headshot">
<p>I first got started in learning how to code by taking advice from some programming friends and taking an introduction to web development course on UDEMY. Since dipping my toe into the water, I have now taken the plunge and am currently
studying Full Stack Web Development at Lambda School online. I am also a proud father of two Sphynx cats. I love video games, fishing, archery, and currently exploring the fun talent of balcony gardening.</p>
</div>
</div>
<div class="bios" id="cory">
<div class="name animated slideInLeft">
<h3>Cory Hale</h3>
<h4>UI Dev</h4>
</div>
<div class="info animated slideInRight">
<img src="./assets/coryHeadshot.jpeg" alt="Cory Headshot">
<p>I work full-time as a car salesman, I am also attending Lambda School to become a Full-Stack Web Developer. I love playing video games, my favorite being Days Gone, and spending time with my wife and daughter. I used HTML, CSS, and
JavaScript to create this website.</p>
</div>
</div>
</div>
<footer id="contact">
<address>
<h3>Contact</h3>
<p>123 Way 456 Street</br>
Somewhere, USA</p>
<p>1 (888) 888-8888</p>
<p>[email protected]</p>
</address>
<p class="copyright">Copyright Gigapet, 2019</p>
</footer>
</div>
</body>
</html>