-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
340 lines (289 loc) · 23.6 KB
/
index.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
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!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>Artists Theme</title>
<!-- Open Sans font embed -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
<!-- stylesheets -->
<link rel="stylesheet" href="assets/css/reset.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header id="top">
<div class="logo">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M25.000,50.000 C11.193,50.000 -0.000,38.807 -0.000,25.000 C-0.000,11.193 11.193,0.000 25.000,0.000 C38.807,0.000 50.000,11.193 50.000,25.000 C50.000,38.807 38.807,50.000 25.000,50.000 ZM32.434,7.000 L13.000,27.967 L23.164,27.967 L18.565,43.000 L37.999,21.983 L27.835,21.983 L32.434,7.000 Z"/></svg>
</div>
<nav>
<a href="#about">About Me</a>
<a href="#work">Work</a>
<a href="#clients">Clients</a>
<a href="#contact">Contact</a>
</nav>
<h1 id="heroText"><span>Artists Theme</span></h1>
<p class="kicker">Thinker // Designer // YouTuber</p>
</header>
<section id="about">
<h3 class="smallBold">About Myself</h3>
<div class="faceLockup">
<div class="faceImg"><div></div></div>
<div class="iconPencil">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="40px" height="40px"><path d="M38.995,2.622 L35.163,14.775 C35.142,14.842 35.106,14.902 35.076,14.966 C35.067,14.986 35.068,15.008 35.058,15.029 C35.052,15.039 35.041,15.045 35.036,15.055 C34.968,15.177 34.888,15.291 34.789,15.390 L15.819,34.361 C15.819,34.361 15.819,34.361 15.819,34.361 C15.818,34.361 15.818,34.361 15.818,34.361 L11.076,39.103 C10.492,39.687 9.554,39.695 8.979,39.120 L0.659,30.800 C0.084,30.225 0.092,29.287 0.676,28.703 L5.418,23.961 C5.418,23.961 5.418,23.961 5.418,23.961 C5.418,23.960 5.419,23.960 5.419,23.960 L24.389,4.990 C24.488,4.891 24.603,4.811 24.724,4.744 C24.734,4.738 24.740,4.727 24.751,4.722 C24.771,4.711 24.793,4.713 24.814,4.703 C24.877,4.673 24.937,4.638 25.004,4.616 L37.157,0.784 C38.208,0.452 39.327,1.571 38.995,2.622 ZM10.053,35.966 L12.682,33.338 L6.441,27.098 L3.813,29.726 L10.053,35.966 ZM26.953,12.207 L25.033,8.507 L8.555,24.984 L14.795,31.224 L31.273,14.747 L27.573,12.826 C27.439,12.756 27.320,12.668 27.216,12.564 C27.111,12.459 27.023,12.340 26.953,12.207 ZM27.565,6.904 L29.380,10.399 L32.876,12.214 L35.322,4.458 L27.565,6.904 Z"/></svg>
</div>
<div class="iconMouse">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30px" height="48px"><path d="M15.000,48.000 C6.729,48.000 -0.000,41.271 -0.000,33.000 L-0.000,15.000 C-0.000,6.730 6.729,-0.000 15.000,-0.000 C23.270,-0.000 30.000,6.730 30.000,15.000 L30.000,33.000 C30.000,41.271 23.270,48.000 15.000,48.000 ZM15.000,3.000 C8.383,3.000 3.000,8.383 3.000,15.000 L3.000,33.000 C3.000,39.617 8.383,45.000 15.000,45.000 C21.617,45.000 27.000,39.617 27.000,33.000 L27.000,15.000 C27.000,8.383 21.617,3.000 15.000,3.000 ZM15.183,20.530 C13.115,20.530 11.433,18.848 11.433,16.780 L11.433,12.280 C11.433,10.212 13.115,8.530 15.183,8.530 C17.251,8.530 18.933,10.212 18.933,12.280 L18.933,16.780 C18.933,18.848 17.251,20.530 15.183,20.530 ZM15.183,11.530 C14.770,11.530 14.433,11.867 14.433,12.280 L14.433,16.780 C14.433,17.193 14.770,17.530 15.183,17.530 C15.596,17.530 15.933,17.193 15.933,16.780 L15.933,12.280 C15.933,11.867 15.596,11.530 15.183,11.530 Z"/></svg>
</div>
<div class="iconBrowser">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48px" height="40px"><path d="M46.500,39.500 L1.500,39.500 C0.671,39.500 -0.000,38.829 -0.000,38.000 L-0.000,2.000 C-0.000,1.171 0.671,0.500 1.500,0.500 L46.500,0.500 C47.329,0.500 48.000,1.171 48.000,2.000 L48.000,38.000 C48.000,38.829 47.329,39.500 46.500,39.500 ZM45.000,3.500 L3.000,3.500 L3.000,11.246 L45.000,11.246 L45.000,3.500 ZM45.000,14.246 L3.000,14.246 L3.000,36.500 L45.000,36.500 L45.000,14.246 ZM7.847,6.005 C8.605,6.005 9.220,6.620 9.220,7.378 C9.220,8.136 8.605,8.751 7.847,8.751 C7.089,8.751 6.475,8.136 6.475,7.378 C6.475,6.620 7.089,6.005 7.847,6.005 ZM13.189,6.005 C13.947,6.005 14.562,6.620 14.562,7.378 C14.562,8.136 13.947,8.751 13.189,8.751 C12.431,8.751 11.816,8.136 11.816,7.378 C11.816,6.620 12.431,6.005 13.189,6.005 ZM18.531,6.005 C19.289,6.005 19.904,6.620 19.904,7.378 C19.904,8.136 19.289,8.751 18.531,8.751 C17.773,8.751 17.158,8.136 17.158,7.378 C17.158,6.620 17.773,6.005 18.531,6.005 Z"/></svg>
</div>
<div class="iconVideo">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="54px" height="36px"><path d="M52.500,35.500 L1.500,35.500 C0.671,35.500 -0.000,34.829 -0.000,34.000 L-0.000,2.000 C-0.000,1.171 0.671,0.500 1.500,0.500 L52.500,0.500 C53.329,0.500 54.000,1.171 54.000,2.000 L54.000,34.000 C54.000,34.829 53.329,35.500 52.500,35.500 ZM51.000,3.500 L3.000,3.500 L3.000,32.500 L51.000,32.500 L51.000,3.500 ZM19.993,26.493 L19.993,9.505 L33.997,17.999 L19.993,26.493 Z"/></svg>
</div>
</div>
<div class="blurb">
<p><strong>Lorem, ipsum dolor sit amet.</strong> Delectus dolor earum, voluptatem cum ipsum, temporibus eveniet blanditiis accusantium ratione consectetur possimus? Possimus temporibus et molestias corporis similique incidunt ad omnis? Possimus temporibus et molestias corporis similique incidunt ad omnis? Delectus dolor earum, voluptatem cum ipsum, temporibus eveniet blanditiis accusantium ratione consectetur possimus? Possimus</p>
</div>
<div class="skillLockup clearfix">
<div class="skillUnit">
<div class="skillLabel">Communication</div>
<div class="skillIcons skill9">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
<div class="skillUnit">
<div class="skillLabel">Organization</div>
<div class="skillIcons skill7">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
<div class="skillUnit">
<div class="skillLabel">Learning</div>
<div class="skillIcons skill10">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
<div class="skillUnit">
<div class="skillLabel">Teaching</div>
<div class="skillIcons skill6">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
<div class="skillUnit">
<div class="skillLabel">Planning</div>
<div class="skillIcons skill7">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
<div class="skillUnit">
<div class="skillLabel">Visual Design</div>
<div class="skillIcons skill5">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
<div class="skillUnit">
<div class="skillLabel">UX Design</div>
<div class="skillIcons skill8">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
<div class="skillUnit">
<div class="skillLabel">Programming</div>
<div class="skillIcons skill6">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
</div>
</section>
<section id="work">
<h3 class="smallBold">Work</h3>
<div class="workBelt">
<div class="thumbWrap">
<div class="thumbContainer clearfix">
<div class="thumbUnit" data-folder = "proj-1" style="background-image: url('assets/img/work/proj-1/thumb.jpg');">
<div class="thumbOverlay">
<strong>Typo International design talks</strong>
</div>
</div>
<div class="thumbUnit" data-folder = "proj-2" style="background-image: url(assets/img/work/proj-2/thumb.jpg);">
<div class="thumbOverlay">
<strong>city-in website concept</strong>
</div>
</div>
<div class="thumbUnit" data-folder = "proj-3" style="background-image: url(assets/img/work/proj-3/thumb.jpg);">
<div class="thumbOverlay">
<strong>crispy icons</strong>
</div>
</div>
<div class="thumbUnit" data-folder = "proj-4" style="background-image: url(assets/img/work/proj-4/thumb.jpg);">
<div class="thumbOverlay">
<strong>flat mobile ui/ux concept</strong>
</div>
</div>
<div class="thumbUnit" data-folder = "proj-5" style="background-image: url(assets/img/work/proj-5/thumb.jpg);">
<div class="thumbOverlay">
<strong>fresh it up</strong>
</div>
</div>
<div class="thumbUnit" data-folder = "proj-6" style="background-image: url(assets/img/work/proj-6/thumb.jpg);">
<div class="thumbOverlay">
<strong>timeline page</strong>
</div>
</div>
<div class="thumbUnit" data-folder = "proj-7" style="background-image: url(assets/img/work/proj-7/thumb.jpg);">
<div class="thumbOverlay">
<strong>weather dashboard</strong>
</div>
</div>
<div class="thumbUnit" data-folder = "proj-8" style="background-image: url(assets/img/work/proj-8/thumb.jpg);">
<div class="thumbOverlay">
<strong>stripes & co</strong>
</div>
</div>
</div>
</div>
<div class="workWrap">
<div class="workContainer">
<div class="workReturn">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <g> <path d="m64.5,122.6c32,0 58.1-26 58.1-58.1s-26-58-58.1-58-58,26-58,58 26,58.1 58,58.1zm0-108c27.5,5.32907e-15 49.9,22.4 49.9,49.9s-22.4,49.9-49.9,49.9-49.9-22.4-49.9-49.9 22.4-49.9 49.9-49.9z"/> <path d="m70,93.5c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2 1.6-1.6 1.6-4.2 0-5.8l-23.5-23.5 23.5-23.5c1.6-1.6 1.6-4.2 0-5.8s-4.2-1.6-5.8,0l-26.4,26.4c-0.8,0.8-1.2,1.8-1.2,2.9s0.4,2.1 1.2,2.9l26.4,26.4z"/> </g> </g></svg>
</div>
<h4 class="projectTitle">Do Work</h4>
<div class="projectLoad"></div>
</div>
</div>
</div>
</section>
<section id="clients">
<h3 class="smallBold">Clients</h3>
<div class="clientControls">
<div class="clientControlNext">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 40 40" xml:space="preserve"><path d="M12.576,35.954c-0.253,0-0.507-0.097-0.7-0.292c-0.387-0.389-0.387-1.021,0-1.41L26.024,20L11.876,5.748c-0.387-0.389-0.387-1.02,0-1.41c0.387-0.39,1.013-0.39,1.4,0l14.847,14.957c0.387,0.389,0.387,1.021,0,1.41L13.276,35.662C13.083,35.857,12.83,35.954,12.576,35.954z"/></svg>
</div>
<div class="clientControlPrev">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 40 40" xml:space="preserve"><path d="M26.724,35.662L11.876,20.705c-0.387-0.389-0.387-1.02,0-1.41L26.724,4.338c0.387-0.39,1.013-0.39,1.4,0c0.387,0.389,0.387,1.02,0,1.41L13.976,20l14.148,14.252c0.387,0.39,0.387,1.021,0,1.41c-0.193,0.195-0.447,0.292-0.7,0.292C27.17,35.954,26.917,35.857,26.724,35.662z"/></svg>
</div>
</div>
<div class="clientsMobileNav">
<span></span><span></span><span></span><span></span>
</div>
<div class="clientsBelt">
<div class="clientUnit">
<div class="clientFace">
<img src="assets/img/clients/face-aaroni.jpg" alt="Client image">
<strong class="clientName">Scott Summers</strong>
<em class="clientTitle">Director of Design, Qubec Inc.</em>
</div>
<div class="clientContent">
<div class="clientQuoteMark">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 55 55" xml:space="preserve"><path d="M50.692,9.732c-12.207,6.16-18.309,14.697-18.309,25.615c0,3.64,1.147,6.733,3.443,9.28c2.295,2.548,5.01,3.821,8.146,3.821c2.799,0,5.123-0.979,6.971-2.939c1.848-1.959,2.771-4.367,2.771-7.223c0-2.688-0.953-5.052-2.855-7.097c-1.904-2.043-4.312-3.233-7.223-3.569c0-4.535,3.415-8.482,10.246-11.842L50.692,9.732z M19.87,9.732C7.72,15.891,1.645,24.429,1.645,35.347c0,3.64,1.134,6.733,3.401,9.28c2.268,2.548,4.968,3.821,8.104,3.821c2.799,0,5.136-0.979,7.013-2.939c1.875-1.959,2.813-4.367,2.813-7.223c0-2.688-0.953-5.052-2.856-7.097c-1.904-2.043-4.34-3.233-7.307-3.569c0-4.535,3.443-8.482,10.33-11.842L19.87,9.732z"/></svg>
</div>
<p><strong>While we all felt that Travis was a great</strong> asset to our team — and really worked hard to understand our products from the point of view of the customer — we also all agree he should shower more often.</p>
</div>
</div>
<div class="clientUnit">
<div class="clientFace">
<img src="assets/img/clients/face-atariboy.jpg" alt="Client image">
<strong class="clientName">Hank McCoy</strong>
<em class="clientTitle">Eater of Salad, Antartica Int.</em>
</div>
<div class="clientContent">
<div class="clientQuoteMark">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 55 55" xml:space="preserve"><path d="M50.692,9.732c-12.207,6.16-18.309,14.697-18.309,25.615c0,3.64,1.147,6.733,3.443,9.28c2.295,2.548,5.01,3.821,8.146,3.821c2.799,0,5.123-0.979,6.971-2.939c1.848-1.959,2.771-4.367,2.771-7.223c0-2.688-0.953-5.052-2.855-7.097c-1.904-2.043-4.312-3.233-7.223-3.569c0-4.535,3.415-8.482,10.246-11.842L50.692,9.732z M19.87,9.732C7.72,15.891,1.645,24.429,1.645,35.347c0,3.64,1.134,6.733,3.401,9.28c2.268,2.548,4.968,3.821,8.104,3.821c2.799,0,5.136-0.979,7.013-2.939c1.875-1.959,2.813-4.367,2.813-7.223c0-2.688-0.953-5.052-2.856-7.097c-1.904-2.043-4.34-3.233-7.307-3.569c0-4.535,3.443-8.482,10.33-11.842L19.87,9.732z"/></svg>
</div>
<p><strong>Working with Travis was the highlight of my career.</strong> Other moments of note were collecting the largest number of paperclips in the office, and winning a trophy for saying "uh huh, and then what?" 30 times in a row to my girlfriend without her noticing.</p>
</div>
</div>
<div class="clientUnit">
<div class="clientFace">
<img src="assets/img/clients/face-jackiesaik.jpg" alt="Client image">
<strong class="clientName">Stacy Lang</strong>
<em class="clientTitle">Social Media Girl, Quebec Int.</em>
</div>
<div class="clientContent">
<div class="clientQuoteMark">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 55 55" xml:space="preserve"><path d="M50.692,9.732c-12.207,6.16-18.309,14.697-18.309,25.615c0,3.64,1.147,6.733,3.443,9.28c2.295,2.548,5.01,3.821,8.146,3.821c2.799,0,5.123-0.979,6.971-2.939c1.848-1.959,2.771-4.367,2.771-7.223c0-2.688-0.953-5.052-2.855-7.097c-1.904-2.043-4.312-3.233-7.223-3.569c0-4.535,3.415-8.482,10.246-11.842L50.692,9.732z M19.87,9.732C7.72,15.891,1.645,24.429,1.645,35.347c0,3.64,1.134,6.733,3.401,9.28c2.268,2.548,4.968,3.821,8.104,3.821c2.799,0,5.136-0.979,7.013-2.939c1.875-1.959,2.813-4.367,2.813-7.223c0-2.688-0.953-5.052-2.856-7.097c-1.904-2.043-4.34-3.233-7.307-3.569c0-4.535,3.443-8.482,10.33-11.842L19.87,9.732z"/></svg>
</div>
<p><strong>Yea, I guess hes good at computers or something,</strong> but let me ask you this: If a cat always lands on its feet, and buttered bread always lands butter side down, what would happen if you tied buttered bread on top of a cat?</p>
</div>
</div>
<div class="clientUnit">
<div class="clientFace">
<img src="assets/img/clients/face-teleject.jpg" alt="Client image">
<strong class="clientName">Cleatus Cassidy</strong>
<em class="clientTitle">VP of Helmut, Lorem Sorem LLC.</em>
</div>
<div class="clientContent">
<div class="clientQuoteMark">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" enable-background="new 0 0 55 55" xml:space="preserve"><path d="M50.692,9.732c-12.207,6.16-18.309,14.697-18.309,25.615c0,3.64,1.147,6.733,3.443,9.28c2.295,2.548,5.01,3.821,8.146,3.821c2.799,0,5.123-0.979,6.971-2.939c1.848-1.959,2.771-4.367,2.771-7.223c0-2.688-0.953-5.052-2.855-7.097c-1.904-2.043-4.312-3.233-7.223-3.569c0-4.535,3.415-8.482,10.246-11.842L50.692,9.732z M19.87,9.732C7.72,15.891,1.645,24.429,1.645,35.347c0,3.64,1.134,6.733,3.401,9.28c2.268,2.548,4.968,3.821,8.104,3.821c2.799,0,5.136-0.979,7.013-2.939c1.875-1.959,2.813-4.367,2.813-7.223c0-2.688-0.953-5.052-2.856-7.097c-1.904-2.043-4.34-3.233-7.307-3.569c0-4.535,3.443-8.482,10.33-11.842L19.87,9.732z"/></svg>
</div>
<p><strong>Back in old country</strong> only nerds who is playing on computers. Now all bros is wanting to make codes and junk. I lost foot in war. You dont see girls asking me about homework.</p>
</div>
</div>
</div>
<div class="clientsLogos">
<img class="clientLogo" src="assets/img/clients/logo1.png" alt="Client logo"/>
<img class="clientLogo" src="assets/img/clients/logo2.png" alt="Client logo"/>
<img class="clientLogo" src="assets/img/clients/logo3.png" alt="Client logo"/>
<img class="clientLogo" src="assets/img/clients/logo4.png" alt="Client logo"/>
</div>
</section>
<section id="contact">
<h3 class="smallBold">Contact</h3>
<div class="socialLinks">
<a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter fa-fw fa-2x"></i></a>
<a href="https://dribbble.com/" target="_blank"><i class="fab fa-dribbble fa-fw fa-2x"></i></a>
<a href="https://www.behance.net/" target="_blank"><i class="fab fa-behance fa-fw fa-2x"></i></a>
<a href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube fa-fw fa-2x"></i></a>
<a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in fa-fw fa-2x"></i></a>
</div>
<hr class="bar">
<a href="mailto:mgrmadusanka@yahoo.com" class="bigLink">mgrmadusanka@yahoo.com</a>
</section>
<section id="contactForm">
<h3 class="smallBold">Let's work together</h3>
<form action="https://formspree.io/mgrmadusanka@yahoo.com" method="POST">
<div class="contactInfoGroup">
<label for="name">
<span>Your Name</span>
<input type="text" name="name">
</label>
<label for="_replyto">
<span>Your Email</span>
<input type="email" name="_replyto">
</label>
</div>
<label for="message">
<span>Tell me about your project</span>
<textarea name="message"></textarea>
</label>
<div class="submitWrap">
<input type="submit" value="Send">
</div>
</form>
</section>
<footer>
<div class="lockup clearfix">
<div class="logo">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M25.000,50.000 C11.193,50.000 -0.000,38.807 -0.000,25.000 C-0.000,11.193 11.193,0.000 25.000,0.000 C38.807,0.000 50.000,11.193 50.000,25.000 C50.000,38.807 38.807,50.000 25.000,50.000 ZM32.434,7.000 L13.000,27.967 L23.164,27.967 L18.565,43.000 L37.999,21.983 L27.835,21.983 L32.434,7.000 Z"/></svg>
</div>
<div class="contentWrap">
<nav>
<a href="#about">About Me</a>
<a href="#work">Work</a>
<a href="#clients">Clients</a>
<a href="#contact">Contact</a>
</nav>
<p class="copyright">All content copyright 2018</p>
</div>
</div>
</footer>
<a href="#top" id="goTop">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 476.737 476.737" style="enable-background:new 0 0 476.737 476.737;" xml:space="preserve"><g><g><g><path d="M238.369,0C106.726,0,0,106.726,0,238.369c0,131.675,106.726,238.369,238.369,238.369c131.675,0,238.369-106.694,238.369-238.369C476.737,106.726,370.043,0,238.369,0z M352.722,289.221c-6.198,6.198-16.273,6.198-22.47,0l-91.883-91.883l-91.883,91.883c-6.198,6.198-16.273,6.198-22.47,0c-6.198-6.166-6.198-16.273,0-22.47L227.086,163.68c3.115-3.115,7.183-4.64,11.283-4.64s8.168,1.526,11.283,4.64L352.722,266.75C358.92,272.948,358.92,282.991,352.722,289.221z"/></g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
</a>
<!-- JavaScripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/functions.js"></script>
</body>
</html>