-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
481 lines (364 loc) · 25.1 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
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
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Find out more about Tom's background in the creative digital web industry.">
<meta name="theme-color" content="#F16232" />
<title>About Tom — Creative in Japan</title>
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="stylesheet" href="styles/styles.css">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EM8L85Y4DG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EM8L85Y4DG');
</script>
<!-- Hotjar (future) -->
</head>
<body class="main-content" id="about">
<div class="wrapper">
<header class="container-fluid real">
<nav>
<a class="topnav__logo" href="/">
<!-- <img class="logo" src="img/tr6.svg" /> -->
<svg class="logo" width="60" viewBox="0 0 118 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.924 39.07L11.7076 36.6919L11.7076 36.6919L14.924 39.07ZM49.7252 77.8832L45.9055 79.0705L49.7252 77.8832ZM100.042 26.2696C98.3023 24.9084 95.7884 25.2155 94.4272 26.9555C93.066 28.6955 93.3731 31.2095 95.1131 32.5706L100.042 26.2696ZM18.1403 41.4481C23.5824 34.0878 29.6398 28.3984 34.3495 24.546C36.6992 22.624 38.6996 21.1706 40.0995 20.2056C40.799 19.7233 41.3474 19.3639 41.7131 19.1297C41.8959 19.0127 42.0329 18.927 42.1202 18.873C42.1638 18.846 42.195 18.8269 42.2132 18.8158C42.2224 18.8103 42.2283 18.8067 42.2308 18.8051C42.2321 18.8043 42.2326 18.8041 42.2322 18.8043C42.2321 18.8044 42.2317 18.8046 42.2311 18.805C42.2308 18.8052 42.2302 18.8055 42.23 18.8056C42.2294 18.806 42.2287 18.8064 40.1741 15.3744C38.1195 11.9424 38.1187 11.9429 38.1178 11.9434C38.1174 11.9437 38.1165 11.9442 38.1158 11.9446C38.1143 11.9455 38.1127 11.9465 38.1108 11.9476C38.1071 11.9499 38.1025 11.9526 38.0971 11.9559C38.0863 11.9624 38.0721 11.971 38.0546 11.9816C38.0197 12.0029 37.9716 12.0323 37.9109 12.0699C37.7895 12.145 37.6174 12.2527 37.3987 12.3928C36.9615 12.6728 36.3375 13.0823 35.559 13.6189C34.0027 14.6917 31.8245 16.276 29.2844 18.3538C24.2143 22.5009 17.6467 28.6594 11.7076 36.6919L18.1403 41.4481ZM40.1741 15.3744C42.4972 18.6307 42.4961 18.6314 42.4952 18.6321C42.495 18.6323 42.4941 18.6329 42.4937 18.6332C42.4928 18.6338 42.4924 18.6341 42.4922 18.6342C42.4919 18.6344 42.493 18.6337 42.4954 18.632C42.5001 18.6286 42.5102 18.6215 42.5255 18.6109C42.5562 18.5895 42.6077 18.5539 42.6794 18.5052C42.8228 18.4079 43.0465 18.2586 43.3442 18.0676C43.9401 17.6852 44.8298 17.1373 45.9639 16.5043C48.2399 15.2338 51.4598 13.6432 55.236 12.3518C62.88 9.73782 72.2044 8.54157 80.6787 12.8624L84.3126 5.73536C73.0717 0.00386664 61.2353 1.84539 52.6474 4.78222C48.3076 6.26631 44.6436 8.07936 42.0648 9.51879C40.7716 10.2406 39.7411 10.8742 39.0237 11.3346C38.6648 11.5649 38.3835 11.7523 38.1861 11.8863C38.0874 11.9533 38.0096 12.007 37.9535 12.0461C37.9254 12.0656 37.9028 12.0815 37.8857 12.0936C37.8771 12.0996 37.87 12.1047 37.8642 12.1088C37.8613 12.1108 37.8587 12.1127 37.8565 12.1142C37.8554 12.115 37.854 12.116 37.8535 12.1164C37.8522 12.1173 37.851 12.1182 40.1741 15.3744ZM80.6787 12.8624C84.6535 14.889 85.4745 16.9782 85.5172 18.7203C85.5722 20.9621 84.3723 23.9685 81.7848 27.583C76.6772 34.7176 68.0332 41.7265 63.2332 45.6887L68.326 51.8583C72.8765 48.102 82.4481 40.3998 88.2897 32.2398C91.1768 28.2069 93.6349 23.4202 93.5148 18.5241C93.3825 13.1283 90.1955 8.73489 84.3126 5.73536L80.6787 12.8624ZM45.9055 79.0705C47.1994 83.2332 49.9757 89.4704 55.8468 93.0957C62.0418 96.921 70.4728 97.1464 81.4199 91.6561L77.8335 84.5051C68.448 89.2122 63.1244 88.1873 60.05 86.2888C56.6516 84.1904 54.6435 80.2302 53.5449 76.6959L45.9055 79.0705ZM53.5449 76.6959C52.2778 72.6195 53.3512 68.54 56.2516 64.212C59.1913 59.8255 63.6951 55.681 68.326 51.8583L63.2332 45.6887C58.5138 49.5845 53.234 54.3447 49.606 59.7583C45.9387 65.2305 43.66 71.8466 45.9055 79.0705L53.5449 76.6959ZM40.1741 15.3744C36.1751 15.4653 36.1751 15.4651 36.1751 15.4652C36.1751 15.4655 36.1751 15.4658 36.1751 15.4665C36.1752 15.4679 36.1752 15.4702 36.1753 15.4735C36.1754 15.4801 36.1756 15.4905 36.1759 15.5046C36.1765 15.5328 36.1774 15.576 36.1785 15.6338C36.1808 15.7493 36.1839 15.9231 36.1875 16.1515C36.1948 16.6085 36.2037 17.2842 36.2106 18.1509C36.2245 19.8845 36.2299 22.3808 36.1963 25.4176C36.129 31.4967 35.9053 39.7159 35.2819 48.3075C34.657 56.9218 33.6379 65.7981 32.0072 73.2318C31.1918 76.9486 30.2432 80.2124 29.1578 82.8611C28.0529 85.5574 26.9129 87.3494 25.8551 88.3742L31.4219 94.1198C33.6076 92.0021 35.2607 89.0662 36.5603 85.8946C37.8795 82.6754 38.9471 78.9315 39.8213 74.946C41.5699 66.9752 42.6238 57.669 43.261 48.8864C43.8998 40.0811 44.1274 31.689 44.1958 25.5061C44.2301 22.4119 44.2246 19.8644 44.2104 18.0871C44.2033 17.1984 44.1941 16.5018 44.1865 16.0253C44.1828 15.787 44.1795 15.6038 44.177 15.479C44.1758 15.4166 44.1749 15.3689 44.1742 15.3361C44.1738 15.3198 44.1736 15.3072 44.1734 15.2984C44.1733 15.294 44.1732 15.2906 44.1731 15.2881C44.1731 15.2869 44.1731 15.2857 44.1731 15.2851C44.173 15.2842 44.173 15.2836 40.1741 15.3744ZM25.8551 88.3742C23.9511 90.219 21.8395 90.4534 19.4311 89.2933C16.7727 88.0128 13.8111 84.9525 11.6934 80.2338C7.535 70.9679 7.14951 56.3129 18.1403 41.4481L11.7076 36.6919C-0.960275 53.8251 -0.975366 71.5436 4.39473 83.5093C7.04127 89.4064 11.1335 94.1763 15.9595 96.5008C21.0355 98.9458 26.839 98.56 31.4219 94.1198L25.8551 88.3742ZM81.4199 91.6561C91.4954 86.603 98.8199 82.7326 104.162 78.137C109.735 73.3425 113.034 67.8832 115.546 60.0106L107.925 57.5783C105.764 64.3487 103.174 68.4338 98.9449 72.0723C94.4841 75.9097 88.0908 79.3608 77.8335 84.5051L81.4199 91.6561ZM115.546 60.0106C118.502 50.7483 113.918 41.9765 109.612 36.2203C107.378 33.2334 105.006 30.7663 103.204 29.0524C102.299 28.1914 101.527 27.5104 100.974 27.0383C100.697 26.8021 100.474 26.6176 100.315 26.4884C100.236 26.4237 100.172 26.3729 100.127 26.3363C100.104 26.318 100.085 26.3032 100.071 26.2921C100.064 26.2865 100.058 26.2819 100.053 26.2781C100.051 26.2762 100.049 26.2746 100.047 26.2732C100.046 26.2724 100.045 26.2715 100.044 26.2712C100.043 26.2704 100.042 26.2696 97.5777 29.4201C95.1131 32.5706 95.1123 32.5699 95.1115 32.5693C95.1113 32.5692 95.1106 32.5686 95.1103 32.5684C95.1096 32.5678 95.1092 32.5675 95.1091 32.5674C95.1089 32.5673 95.1098 32.568 95.1117 32.5695C95.1157 32.5727 95.1241 32.5793 95.1366 32.5893C95.1617 32.6093 95.2036 32.643 95.2611 32.6899C95.3762 32.7836 95.5531 32.9298 95.782 33.125C96.2401 33.5158 96.9029 34.1 97.6902 34.8489C99.2733 36.3547 101.316 38.4856 103.206 41.0119C107.148 46.2821 109.642 52.1975 107.925 57.5783L115.546 60.0106Z" fill="url(#paint0_linear_65_846)"/>
<defs>
<linearGradient id="paint0_linear_65_846" x1="46.968" y1="-7.03096" x2="46.968" y2="75.8253" gradientUnits="userSpaceOnUse">
<stop offset="0.5625" stop-color="#737373"/>
<stop offset="1"/>
</linearGradient>
</defs>
</svg>
</a>
</nav>
<button id="burger" class="open-main-nav">
<span class="burger"></span>
<span class="burger-text">Menu</span>
</button>
</header>
<nav class="main-nav" id="main-nav">
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/about">About me</a>
</li>
<!-- <li>
<a href="#">Speaker & Writer</a>
</li> -->
<!-- <li>
<a href="#">Work</a>
</li> -->
<li>
<a href="/contact">Contact</a>
</li>
<li>
<a href="https://medium.com/@tomroseveare" target="_blank">Blog <i class="fab fa-medium"></i></a>
</li>
</ul>
</nav>
<main>
<section class="clippy">
<style>
.clippy {
clip-path: circle(100.0% at 51% 0);
}
</style>
</section>
<section class="hero" id="hero">
<div class="container">
<div class="main-title">
<span class="bg-text" lang="ja">私について</span>
<h2> About <span>Me</span> </h2>
</div>
</div>
</section>
<section class="intro">
<div class="container">
<h2 class="section-title">Introduction</h2>
<div class="grid">
<div class="left">
<h3 class="subtitle">From digital diplomacy to open community platforms</h3>
<div class="accent" aria-hidden="true"></div>
<p class="intro">I've worked in the web industry for over a decade, from supporting digital diplomacy at the UK's FCO to deliver better engagement, working with consular needs and content strategy on GOV.UK, open community platforms and inbound tourism efforts in Japan.</p>
<p class="intro">I take a holistic approach to delivering value for clients, across all web facets like SEO, accessibility, performance and responsive design.</p>
<p class="large"><span class="text-btn"><a href="/contact" class="underline--magical">Say hello</a>!</span></p>
</div>
<!-- <div class="right">
<div class="ws-container">
<a href="/story/pets.html">
<h3>My Web Story</h3>
<span>1/22/33</span>
</a>
</div>
</div> -->
</div><!-- end of grid-->
</div>
</section>
<section class="projects">
<div class="container">
<h2 class="section-title projects">What has he ever done?</h2>
<p class="intro">Browse a range of projects I've been proud to be involved in over recent years.</p>
<div class="projects">
<div class="timeline web">
<!-- <h4 class="stat-title">Projects</h4> -->
<h3>Web Productions</h3>
<div class="timeline-item">
<div class="tl-icon ota">
<img src="img/ota-logo.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2015-2022</p>
<h5>Ota City Tourism <span class="url">ota-tokyo.com</span></h5>
<span class="role">Creative Director</span>
<p>Official tourism information for Ota City Tourism Association</p>
<span class="accolade">CSS Design Awards: Innovation, UI, UX, Special Kudos</span>
</div>
<div class="timeline-item">
<div class="tl-icon fukushima">
<img src="img/fico.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2018-2019</p>
<h5>Fukushima Travel <span class="url">fukushima.travel</span></h5>
<span class="role">Art Director</span>
<p>Official tourism information for Fukushima Prefecture</p>
</div>
<div class="timeline-item">
<div class="tl-icon tdt">
<img src="img/tdt.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2015-present</p>
<h5>Tokyo Day Trip <span class="url">trip.pref.kanagawa.jp</span></h5>
<span class="role">Art Director</span>
<p>Official tourism information for Kanagawa Prefecture</p>
</div>
<div class="timeline-item">
<div class="tl-icon jal">
<img src="img/jl.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2019-present</p>
<h5>Explore Japan <span class="url">jal.japantravel.com</span></h5>
<span class="role">Product Manager</span>
<p>Official tourism information from Japan Airlines</p>
</div>
<div class="timeline-item">
<div class="tl-icon hida">
<img src="img/hida.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2020-present</p>
<h5>Hida Travel <span class="url">hida.travel</span></h5>
<span class="role">Creative Director</span>
<p>Official tourism information for Hida City</p>
</div>
<div class="timeline-item">
<div class="tl-icon suruga">
<img src="img/sur.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2021-present</p>
<h5>Visit Suruga <span class="url">visit-suruga.com</span></h5>
<span class="role">Creative Director</span>
<p>Official tourism information for Suruga County</p>
</div>
<div class="timeline-item">
<div class="tl-icon jt">
<img src="img/jt-glyph.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2014-present</p>
<h5>Japan Travel (Media) <span class="url">jt.com</span></h5>
<span class="role">Creative Director</span>
<p>Japan's only social, open tourist info publishing platform</p>
</div>
<div class="timeline-item">
<div class="tl-icon jt jtb">
<img src="img/jtbike.svg" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration ">2018-21</p>
<h5>Japan Travel Bike <span class="url">jt.bike</span></h5>
<span class="role">Chief Bike Officer</span>
<p>Mobile web app for Docomo bike rentals</p>
</div>
<div class="timeline-item">
<div class="tl-icon fco">
<img src="img/fco-logo.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2012-14</p>
<h5>Digital Diplomacy <span class="url">digital.fco.gov.uk</span></h5>
<span class="role">Product Manager</span>
<p>Highlighting the FCO's digital work</p>
</div>
<div class="timeline-item">
<div class="tl-icon fco">
<img src="img/fco-logo.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2013-14</p>
<h5>FCO Blogs <span class="url">blogs.fco.gov.uk</span></h5>
<span class="role">Product Manager</span>
<p>Online engagement from the FCO's diplomats</p>
</div>
<div class="timeline-item">
<div class="tl-icon fco">
<img src="img/fco-logo.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2013-14</p>
<h5>FCO Web <span class="url">fco.gov.uk</span></h5>
<span class="role">Change Manager</span>
<p>Managing change requests and site updates</p>
</div>
<div class="timeline-item">
<div class="tl-icon govuk">
<img src="img/gov-uk.png" loading="lazy" alt="">
</div>
<div class="connector end"></div>
<p class="tl-duration">2013-14</p>
<h5>GOV.UK <span class="url">gov.uk</span></h5>
<span class="role">Consular Change Manager</span>
<p>Government services that are simpler, clearer and faster for users</p>
<span class="accolade">London Design Museum: Design of the Year</span>
</div>
</div>
<div class="timeline medias">
<h3 id="media">Media</h3>
<div class="timeline-item">
<div class="tl-icon mori">
<img src="/img/nhk-logo.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2018</p>
<h5>NHK J-Trip Plan <span class="url">NHK</span></h5>
<span class="role">Reporter</span>
<p>"Museums for all tastes"</p>
</div>
<div class="timeline-item">
<div class="tl-icon mori">
<img src="/img/tv-tokyo.svg" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2018</p>
<h5>Cool Japan<span class="url">TV Tokyo</span></h5>
<span class="role">Reporter</span>
<p>Cool Japan segment</p>
</div>
<div class="timeline-item">
<div class="tl-icon mori">
<img src="/img/ylm-logo.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">Mar 2019</p>
<h5>Feature<span class="url">Yahoo Life Magazine</span></h5>
<span class="role">Interviewee</span>
<p>Column about comparing British and Japanese drinking culture</p>
</div>
<div class="timeline-item">
<div class="tl-icon mori">
<img src="/img/jln-logo.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2018</p>
<h5>GeoPark Guides are Increasing<span class="url">Jalan</span></h5>
<span class="role">Mention</span>
<p>Visiting Yumura Onsen in Hyogo</p>
</div>
<div class="timeline-item">
<div class="tl-icon mori">
<img src="/img/asahi-logo.png" loading="lazy" alt="">
</div>
<div class="connector end"></div>
<p class="tl-duration">Sep 2018</p>
<h5>RWC19 Impact on Kyushu Tourism<span class="url">Asahi</span></h5>
<span class="role">Mention</span>
<p>Reporting on the upcoming Japan Rugby World Cup 2019</p>
</div>
</div>
<div class="timeline published">
<h3>Publications</h3>
<div class="timeline-item">
<div class="tl-icon jnto">
<img src="img/jnto.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2019</p>
<h5>Wanderlust Explorer <span class="url">japan.travel</span></h5>
<span class="role">Author</span>
<p>Discover a slower side of travel in northern Japan</p>
</div>
<div class="timeline-item">
<div class="tl-icon ttpo">
<img src="img/ttpo.svg" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2019–2020</p>
<h5>Tohoku Tourism <span class="url">tohokukanko.jp</span></h5>
<span class="role">Tohoku Ambassador</span>
<p>Official tourism information for Japan's Tohoku region</p>
</div>
<div class="timeline-item">
<div class="tl-icon rw">
<img src="img/rw.png" loading="lazy" alt="">
</div>
<div class="connector"></div>
<p class="tl-duration">2018</p>
<h5>2019 Rugby World Cup promotion <span class="url">rugbyworld.com</span></h5>
<span class="role">Author</span>
<p>Kyushu, the must-do destination for fans going to the 2019 Rugby World Cup</p>
</div>
<div class="timeline-item">
<div class="tl-icon mori">
<img src="img/mori.png" loading="lazy" alt="">
</div>
<div class="connector end"></div>
<p class="tl-duration">2012</p>
<h5>The Fearsome Kabuki Mask & Honda Bikes <span class="url">morinosuke.com</span></h5>
<span class="role">Translator</span>
<p>The Fearsome Kabuki Mask & Honda Bikes</p>
</div>
</div>
</div> <!-- projects-->
</div>
</section>
</main>
<div class="theme-btn">
<i class="fas fa-adjust"></i>
</div>
<footer class="footer">
<div class="container">
<div class="fgrid">
<div class="main">
<span class="copyright">© Tom Roseveare, 2022</span>
<p class="contact"><a href="mailto:[email protected]"><i class="fas fa-envelope"></i> [email protected]</a></p>
</div>
<div class="sns">
<ul class="list">
<li class="gh"><a href="https://www.linkedin.com/in/tomroseveare/" target="_blank" rel=noopener><i class="fab fa-linkedin"></i></a></li>
<li class="gh"><a href="https://github.com/tomrsvr" target="_blank" rel=noopener><i class="fab fa-github"></i></a></li>
<li class="gh"><a href="https://twitter.com/tomrsvr" target="_blank" rel=noopener><i class="fab fa-twitter"></i></a></li>
<li class="gh"><a href="https://www.instagram.com/tomrsvr/" target="_blank" rel=noopener><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div><!--end of grid-->
</div>
</footer>
</div><!--end of wrapper-->
<script src="app.js"></script>
</body>
</html>