-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
240 lines (206 loc) · 23.2 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
<!doctype html>
<html lang="en">
<head>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="css/about.css">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Abel|Anton|Asap|Noto+Sans+TC|Questrial" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<script src="js/header.js" async></script>
<script src="js/nav.js" async></script>
<script src="js/index.js" async></script>
<script src="js/tabs.js" async></script>
<title>About -- Use My Tools</title>
</head>
<body>
<div class="container">
<header>
<div class="hdr-mn">
<img id="hdr-img" src="img/Use%20My%20Tools%20Logo%20Mockup%201%20(Primary%20Color%20with%20Gradient).svg" alt="Use my tools white logo.">
<h1 class="mn-hdr"></h1>
<h2 class="mn-hdr"></h2>
</div>
<div class=" menu--open">
<i class="fas fa-bars menu-button"></i>
<div class="menu">
<nav>
<button onclick="location.href='index.html';" class="navlink"></button>
<button onclick="location.href='about.html';"class="navlink"></button>
<button class="navlink"></button>
<button onclick="location.href='https://goofy-yalow-3fcad5.netlify.com/signup'" class="navlink"></button>
<button onclick="location.href='https://goofy-yalow-3fcad5.netlify.com/'" class="navlink"></button>
<!-- <a href="" class="navlink"></a>-->
</nav>
</div>
</div>
</header>
<div class="section">
<div class="tabs">
<div class="tabs-links">
<div class="tabs-link tabs-link-selected" data-tab="1">About the project</div>
<div class="tabs-link" data-tab="2">Team Lead</div>
<div class="tabs-link" data-tab="3">Front End</div>
<div class="tabs-link" data-tab="4">Back End</div>
<div class="tabs-link" data-tab="5">UX</div>
<div class="tabs-link" data-tab="6">UI -- 1</div>
<div class="tabs-link" data-tab="7">UI -- 2</div>
</div>
<div class="tabs-items">
<div class="tabs-item tabs-item-selected" data-tab="1">
<div class="tabs-item-title"></div>
<div class="tabs-item-description">
<h2>About Our Project</h2>
<p>I was UI Designer -- 2; UI Designer -- 1 was tasked with building a different representation of the same site. I was given color's, font's, and a logo to work with. The rest of the project I had to come up with on my own. I chose to go with a mobile first design as most users are now visiting you from a mobile site rather than visiting you from a computer or desktop site. </p>
<p>We started out with a team of 5 who did not know each other plus a Project Leader. We were given 4.5 days and were tasked with building a multi level site from different frameworks. You can see a bit more about the 5 people who worked on this project and their roles by clicking on the tabs above.</p>
</div>
</div>
<div class="tabs-item" data-tab="2">
<img class="images-about" src="https://github.com/sarahtennis.png" alt="Sarah Tennis Image">
<div class="tabs-item-title"><h1>Team Leader</h1></div>
<div class="tabs-item-description">
<h2>Sarah Tennis</h2>
<p>Sarah is training to become a Full Stack Web Developer. Her dream job would allow her to apply her knowledge to mathematics education. When not coding, Sarah enjoys reading and playing video games.</p>
</div>
</div>
<div class="tabs-item" data-tab="3">
<img class="images-about" src="http://github.com/DaytonS3.png" alt="Dayton Steinmeyer Image">
<div class="tabs-item-title"><h1>Front End</h1></div>
<div class="tabs-item-description">
<h2>Dayton Steinmeyer</h2>
<p>Okay I am 21 years old from Milledgeville, Ga. I am an aspiring software engineer, my hobbies are hiking , mountain biking, and wakeboarding. My favorite place to be in the world is at the lake.</p>
</div>
</div>
<div class="tabs-item" data-tab="4">
<img class="images-about" src="http://github.com/heyjuststart.png" alt="Steve Delfaus Image">
<div class="tabs-item-title"><h1>Back End</h1></div>
<div class="tabs-item-description">
<h1>Steve Delfaus</h1>
<p>Steve is a Zombie loving bacon specialist. Defiantly a Twitter junkie. He has always been a troublemaker as a student because he is a passionate gamer. This dude love's the food and believe it or not he is a "beer ninja", internet expert, and pop culture maven.
</p><p>--Steve was busy on his project still the above statements are random words taken from <a href="twitterbiogenerator.com">TwitterBioGenerator</a> and put into sentence form.</p>
</div>[ p
</div> <div class="tabs-item" data-tab="5">
<img class="images-about" src="http://github.com/nathanmelby.png" alt="Nathan Melby Image">
<div class="tabs-item-title"><h1>UX</h1></div>
<div class="tabs-item-description">
<h2>Nathan Melby</h2>
<p> Nathan is based in Minneapolis, MN. In his free time, he likes to cook, play PUBG, enjoy the limited warm months in Minnesota, and designing great products.</p>
</div>.
</div><div class="tabs-item" data-tab="6">
<img class="images-about" src="http://github.com/jonyonson.png" alt="Jonathan Taylor Image">
<div class="tabs-item-title"><h1>UI--1</h1></div>
<div class="tabs-item-description">
<h2>Jonathan Taylor</h2>
<p>Jonathan is an aspiring software engineer currently studying full-stack web development at Lambda School.</p>
</div>
</div><div class="tabs-item" data-tab="7">
<img class="images-about" src="http://github.com/skyler2440.png" alt="Skyler Dowdy Image">
<div class="tabs-item-title"><h1>UI--2</h1></div>
<div class="tabs-item-description">
<h2>Skyler Dowdy</h2>
<p>Skyler Dowdy is the designer of this beautiful page you see before you. I am an aspiring web development student with a small background in PHP, SQL, and JavaScript. I have a more extensive knowledge of HTML and CSS at this point. In my free time which I do not have very much of... I love hanging out with my family. </p>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="section">-->
<!-- <div class="tabs">-->
<!-- <div class="tabs-links">-->
<!-- <div class="tabs-link tabs-link-selected" data-tab="1">About Page</div>-->
<!-- <div class="tabs-link" data-tab="2">TL</div>-->
<!-- <div class="tabs-link" data-tab="3">Front End</div>-->
<!-- <div class="tabs-link" data-tab="4">Back End</div>-->
<!-- <div class="tabs-link" data-tab="5">UX</div>-->
<!-- <div class="tabs-link" data-tab="6">UI - 1</div>-->
<!-- <div class="tabs-link" data-tab="7">UI - 2</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="tabs-items">-->
<!-- <div class="tabs-item tabs-item-selected" data-tab="1">-->
<!-- <div class="tabsht">-->
<!-- <div class="tab-image"><img src="img/tls.png" alt=""></div>-->
<!-- <div class="tabs-item-title">About The Project</div>-->
<!-- <div class="tabs-item-description">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="tabs-item" data-tab="2">-->
<!-- <div class="tabsht">-->
<!-- <div class="tab-image"><img src="https://github.com/sarahtennis.png" alt=""></div>-->
<!-- <div class="tabs-item-title">Sarah Tennis</div>-->
<!-- <div class="tabs-item-description">-->
<!-- <h2>Team Leader</h2>-->
<!-- <p>-->
<!-- <p> v, iceland banjo pop-up palo santo gochujang. Cliche drinking vinegar bitters prism gluten-free listicle migas flannel messenger bag street art ugh. Pour-over williamsburg bespoke blog craft beer, messenger bag kombucha bushwick 3 wolf moon narwhal. Etsy raclette vape, adaptogen mlkshk DIY sriracha literally prism sustainable cardigan cred asymmetrical craft beer hoodie. Try-hard disrupt ramps fam, venmo palo santo sartorial church-key pickled viral tofu. Viral 3 wolf moon migas skateboard neutra poke DIY kogi.-->
<!-- Flexitarian pug chambray enamel pin YOLO paleo. Meditation kogi YOLO quinoa microdosing. La croix gastropub mlkshk try-hard bespoke. 3 wolf moon portland fingerstache pour-over truffaut. Meditation you probably haven't heard of them kale chips shoreditch pour-over.-->
<!-- Sartorial slow-carb you probably haven't heard of them retro listicle authentic squid kinfolk. Kitsch tofu flexitarian, godard microdosing kombucha wayfarers yuccie fanny pack street art irony prism wolf health goth. Succulents occupy slow-carb poutine selvage 90's. Umami organic ethical deep v plaid.-->
<!-- Lyft disrupt asymmetrical, keytar pop-up poutine waistcoat chambray put a bird on it. Quinoa skateboard subway tile tumblr taiyaki gentrify hexagon 3 wolf moon. Franzen vegan bushwick drinking vinegar put a bird on it. Poutine fanny pack neutra skateboard coloring book raw denim blog fam hashtag schlitz organic jianbing glossier chambray roof party.-->
<!-- Godard vape offal, small batch lyft kogi vice biodiesel bespoke. Af YOLO paleo shoreditch farm-to-table crucifix activated charcoal cloud bread vice adaptogen succulents hashtag heirloom iceland letterpress. Hammock umami ugh iPhone banjo poutine pabst jean shorts etsy vape tousled narwhal XOXO mustache. Wolf activated charcoal pour-over pok pok tousled brooklyn schlitz austin umami helvetica af 8-bit.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="tabs-item" data-tab="3">-->
<!-- <div class="tabsht"> <div class="tab-image"><img src="http://github.com/DaytonS3.png" alt=""></div> <div class="tabs-item-title">Dayton Steinmeyer</div>-->
<!-- <div class="tabs-item-description">-->
<!-- <h2>Front End</h2>-->
<!-- <p><p> v, iceland banjo pop-up palo santo gochujang. Cliche drinking vinegar bitters prism gluten-free listicle migas flannel messenger bag street art ugh. Pour-over williamsburg bespoke blog craft beer, messenger bag kombucha bushwick 3 wolf moon narwhal. Etsy raclette vape, adaptogen mlkshk DIY sriracha literally prism sustainable cardigan cred asymmetrical craft beer hoodie. Try-hard disrupt ramps fam, venmo palo santo sartorial church-key pickled viral tofu. Viral 3 wolf moon migas skateboard neutra poke DIY kogi.-->
<!-- Flexitarian pug chambray enamel pin YOLO paleo. Meditation kogi YOLO quinoa microdosing. La croix gastropub mlkshk try-hard bespoke. 3 wolf moon portland fingerstache pour-over truffaut. Meditation you probably haven't heard of them kale chips shoreditch pour-over.-->
<!-- Sartorial slow-carb you probably haven't heard of them retro listicle authentic squid kinfolk. Kitsch tofu flexitarian, godard microdosing kombucha wayfarers yuccie fanny pack street art irony prism wolf health goth. Succulents occupy slow-carb poutine selvage 90's. Umami organic ethical deep v plaid.-->
<!-- Lyft disrupt asymmetrical, keytar pop-up poutine waistcoat chambray put a bird on it. Quinoa skateboard subway tile tumblr taiyaki gentrify hexagon 3 wolf moon. Franzen vegan bushwick drinking vinegar put a bird on it. Poutine fanny pack neutra skateboard coloring book raw denim blog fam hashtag schlitz organic jianbing glossier chambray roof party.-->
<!-- Godard vape offal, small batch lyft kogi vice biodiesel bespoke. Af YOLO paleo shoreditch farm-to-table crucifix activated charcoal cloud bread vice adaptogen succulents hashtag heirloom iceland letterpress. Hammock umami ugh iPhone banjo poutine pabst jean shorts etsy vape tousled narwhal XOXO mustache. Wolf activated charcoal pour-over pok pok tousled brooklyn schlitz austin umami helvetica af 8-bit.</p></p>-->
<!-- </div>-->
<!-- </div></div>-->
<!-- <div class="tabs-item" data-tab="4">-->
<!-- <div class="tabsht"> <div class="tab-image"><img src="http://github.com/heyjuststart.png" alt=""></div> <div class="tabs-item-title">Steve Delfaus</div>-->
<!-- <div class="tabs-item-description">-->
<!-- <h2>Back End</h2>-->
<!-- <p> v, iceland banjo pop-up palo santo gochujang. Cliche drinking vinegar bitters prism gluten-free listicle migas flannel messenger bag street art ugh. Pour-over williamsburg bespoke blog craft beer, messenger bag kombucha bushwick 3 wolf moon narwhal. Etsy raclette vape, adaptogen mlkshk DIY sriracha literally prism sustainable cardigan cred asymmetrical craft beer hoodie. Try-hard disrupt ramps fam, venmo palo santo sartorial church-key pickled viral tofu. Viral 3 wolf moon migas skateboard neutra poke DIY kogi.-->
<!-- Flexitarian pug chambray enamel pin YOLO paleo. Meditation kogi YOLO quinoa microdosing. La croix gastropub mlkshk try-hard bespoke. 3 wolf moon portland fingerstache pour-over truffaut. Meditation you probably haven't heard of them kale chips shoreditch pour-over.-->
<!-- Sartorial slow-carb you probably haven't heard of them retro listicle authentic squid kinfolk. Kitsch tofu flexitarian, godard microdosing kombucha wayfarers yuccie fanny pack street art irony prism wolf health goth. Succulents occupy slow-carb poutine selvage 90's. Umami organic ethical deep v plaid.-->
<!-- Lyft disrupt asymmetrical, keytar pop-up poutine waistcoat chambray put a bird on it. Quinoa skateboard subway tile tumblr taiyaki gentrify hexagon 3 wolf moon. Franzen vegan bushwick drinking vinegar put a bird on it. Poutine fanny pack neutra skateboard coloring book raw denim blog fam hashtag schlitz organic jianbing glossier chambray roof party.-->
<!-- Godard vape offal, small batch lyft kogi vice biodiesel bespoke. Af YOLO paleo shoreditch farm-to-table crucifix activated charcoal cloud bread vice adaptogen succulents hashtag heirloom iceland letterpress. Hammock umami ugh iPhone banjo poutine pabst jean shorts etsy vape tousled narwhal XOXO mustache. Wolf activated charcoal pour-over pok pok tousled brooklyn schlitz austin umami helvetica af 8-bit.</p>-->
<!-- </div></div>-->
<!-- <div class="tabs-item" data-tab="5">-->
<!-- <div class="tabsht"> <div class="tab-image"><img src="http://github.com/nathanmelby.png" alt=""></div> <div class="tabs-item-title">Nathan Melby</div>-->
<!-- <div class="tabs-item-description">-->
<!-- <h2>UX Designer</h2>-->
<!-- <p> v, iceland banjo pop-up palo santo gochujang. Cliche drinking vinegar bitters prism gluten-free listicle migas flannel messenger bag street art ugh. Pour-over williamsburg bespoke blog craft beer, messenger bag kombucha bushwick 3 wolf moon narwhal. Etsy raclette vape, adaptogen mlkshk DIY sriracha literally prism sustainable cardigan cred asymmetrical craft beer hoodie. Try-hard disrupt ramps fam, venmo palo santo sartorial church-key pickled viral tofu. Viral 3 wolf moon migas skateboard neutra poke DIY kogi.-->
<!-- Flexitarian pug chambray enamel pin YOLO paleo. Meditation kogi YOLO quinoa microdosing. La croix gastropub mlkshk try-hard bespoke. 3 wolf moon portland fingerstache pour-over truffaut. Meditation you probably haven't heard of them kale chips shoreditch pour-over.-->
<!-- Sartorial slow-carb you probably haven't heard of them retro listicle authentic squid kinfolk. Kitsch tofu flexitarian, godard microdosing kombucha wayfarers yuccie fanny pack street art irony prism wolf health goth. Succulents occupy slow-carb poutine selvage 90's. Umami organic ethical deep v plaid.-->
<!-- Lyft disrupt asymmetrical, keytar pop-up poutine waistcoat chambray put a bird on it. Quinoa skateboard subway tile tumblr taiyaki gentrify hexagon 3 wolf moon. Franzen vegan bushwick drinking vinegar put a bird on it. Poutine fanny pack neutra skateboard coloring book raw denim blog fam hashtag schlitz organic jianbing glossier chambray roof party.-->
<!-- Godard vape offal, small batch lyft kogi vice biodiesel bespoke. Af YOLO paleo shoreditch farm-to-table crucifix activated charcoal cloud bread vice adaptogen succulents hashtag heirloom iceland letterpress. Hammock umami ugh iPhone banjo poutine pabst jean shorts etsy vape tousled narwhal XOXO mustache. Wolf activated charcoal pour-over pok pok tousled brooklyn schlitz austin umami helvetica af 8-bit.</p>-->
<!-- </div>-->
<!-- </div></div>-->
<!-- <div class="tabs-item" data-tab="6">-->
<!-- <div class="tabsht"> <div class="tab-image"><img src="http://github.com/jonyonson.png" alt=""></div> <div class="tabs-item-title">Jonathan Taylor</div>-->
<!-- <div class="tabs-item-description">-->
<!-- There is a theory which states that if ever anyone discovers exactly what the Universe is for and why it is here, it will-->
<!-- <p> v, iceland banjo pop-up palo santo gochujang. Cliche drinking vinegar bitters prism gluten-free listicle migas flannel messenger bag street art ugh. Pour-over williamsburg bespoke blog craft beer, messenger bag kombucha bushwick 3 wolf moon narwhal. Etsy raclette vape, adaptogen mlkshk DIY sriracha literally prism sustainable cardigan cred asymmetrical craft beer hoodie. Try-hard disrupt ramps fam, venmo palo santo sartorial church-key pickled viral tofu. Viral 3 wolf moon migas skateboard neutra poke DIY kogi.-->
<!-- Flexitarian pug chambray enamel pin YOLO paleo. Meditation kogi YOLO quinoa microdosing. La croix gastropub mlkshk try-hard bespoke. 3 wolf moon portland fingerstache pour-over truffaut. Meditation you probably haven't heard of them kale chips shoreditch pour-over.-->
<!-- Sartorial slow-carb you probably haven't heard of them retro listicle authentic squid kinfolk. Kitsch tofu flexitarian, godard microdosing kombucha wayfarers yuccie fanny pack street art irony prism wolf health goth. Succulents occupy slow-carb poutine selvage 90's. Umami organic ethical deep v plaid.-->
<!-- Lyft disrupt asymmetrical, keytar pop-up poutine waistcoat chambray put a bird on it. Quinoa skateboard subway tile tumblr taiyaki gentrify hexagon 3 wolf moon. Franzen vegan bushwick drinking vinegar put a bird on it. Poutine fanny pack neutra skateboard coloring book raw denim blog fam hashtag schlitz organic jianbing glossier chambray roof party.-->
<!-- Godard vape offal, small batch lyft kogi vice biodiesel bespoke. Af YOLO paleo shoreditch farm-to-table crucifix activated charcoal cloud bread vice adaptogen succulents hashtag heirloom iceland letterpress. Hammock umami ugh iPhone banjo poutine pabst jean shorts etsy vape tousled narwhal XOXO mustache. Wolf activated charcoal pour-over pok pok tousled brooklyn schlitz austin umami helvetica af 8-bit.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="tabs-item" data-tab="7">-->
<!-- <div class="tabsht"> <div class="tab-image"><img src="http://github.com/skyler2440.png" alt=""></div> <div class="tabs-item-title">Skyler Dowdy</div>-->
<!-- <div class="tabs-item-description">-->
<!-- <p> v, iceland banjo pop-up palo santo gochujang. Cliche drinking vinegar bitters prism gluten-free listicle migas flannel messenger bag street art ugh. Pour-over williamsburg bespoke blog craft beer, messenger bag kombucha bushwick 3 wolf moon narwhal. Etsy raclette vape, adaptogen mlkshk DIY sriracha literally prism sustainable cardigan cred asymmetrical craft beer hoodie. Try-hard disrupt ramps fam, venmo palo santo sartorial church-key pickled viral tofu. Viral 3 wolf moon migas skateboard neutra poke DIY kogi.-->
<!-- Flexitarian pug chambray enamel pin YOLO paleo. Meditation kogi YOLO quinoa microdosing. La croix gastropub mlkshk try-hard bespoke. 3 wolf moon portland fingerstache pour-over truffaut. Meditation you probably haven't heard of them kale chips shoreditch pour-over.-->
<!-- Sartorial slow-carb you probably haven't heard of them retro listicle authentic squid kinfolk. Kitsch tofu flexitarian, godard microdosing kombucha wayfarers yuccie fanny pack street art irony prism wolf health goth. Succulents occupy slow-carb poutine selvage 90's. Umami organic ethical deep v plaid.-->
<!-- Lyft disrupt asymmetrical, keytar pop-up poutine waistcoat chambray put a bird on it. Quinoa skateboard subway tile tumblr taiyaki gentrify hexagon 3 wolf moon. Franzen vegan bushwick drinking vinegar put a bird on it. Poutine fanny pack neutra skateboard coloring book raw denim blog fam hashtag schlitz organic jianbing glossier chambray roof party.-->
<!-- Godard vape offal, small batch lyft kogi vice biodiesel bespoke. Af YOLO paleo shoreditch farm-to-table crucifix activated charcoal cloud bread vice adaptogen succulents hashtag heirloom iceland letterpress. Hammock umami ugh iPhone banjo poutine pabst jean shorts etsy vape tousled narwhal XOXO mustache. Wolf activated charcoal pour-over pok pok tousled brooklyn schlitz austin umami helvetica af 8-bit.</p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<footer><h3>© 2019 Use My Tools</h3></footer>
</div>
</body>
</html>