-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
675 lines (639 loc) · 34.5 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
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
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
<!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">
<title>Resume</title>
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="ionicons/css/ionicons.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/aos.css" rel="stylesheet">
<!-- main style -->
<link href="css/style.css" rel="stylesheet">
<script src="js/blobity.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media
queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]> <script
src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script
src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]-->
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div id="status">
<div class="preloader" aria-busy="true" aria-label="Loading, please wait." role="progressbar"></div>
</div>
</div>
<!-- ./Preloader -->
<!-- header -->
<header class="navbar-fixed-top">
<nav>
<ul>
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#experience">experience</a>
</li>
<li>
<a href="#projects">projects</a>
</li>
<li>
<a target="blank_" href="https://vsco.co/ermes/images/1"> Photography</a>
</li>
<li>
<a href="#contact">contact</a>
</li>
</ul>
</nav>
</header>
<!-- ./header -->
<!-- home -->
<div class="section" id="home" data-stellar-background-ratio="0.5">
<div class="container">
<div class="disply-table">
<div class="table-cell" data-aos="fade-up" data-aos-delay="0">
<h4 class="hero">Ermanno Fissore</h4>
<h1 class="hero-text">Product Designer</h1>
</div>
</div>
</div>
</div>
<!-- ./home -->
<!-- about -->
<div class="section" id="about">
<div class="container">
<div class="col-md-6" data-aos="fade-up">
<h4>01</h4>
<h1 class="size-50">Know
<br />
About me</h1>
<div class="h-50"></div>
<p>Firmly believing that design is first and foremost the solution to most
problems.</p>
<p>This is why I have dedicated myself to create a career that can offer my
contribution in every phase of the interaction with the product.</p>
<div class="h-50"></div>
</div>
<div class="col-md-6 about-img-div">
<div class="about-border text-right" data-aos="fade-up" data-aos-delay=".5"></div>
<img src="img/profile.JPG" width="400" class="img-responsive" alt="" data-aos="fade-right"
data-aos-delay="0" />
</div>
</div>
</div>
<!-- ./about -->
<!-- experience -->
<div class="section" id="experience">
<div class="container">
<div class="col-md-12">
<h4>02</h4>
<h1 class="size-50">My
<br />
Experience</h1>
<div class="h-50"></div>
</div>
<div class="col-md-12">
<ul class="timeline">
<li class="timeline-event" data-aos="fade-up" data-aos-delay=".2">
<label class="timeline-event-icon"></label>
<div class="timeline-event-copy">
<p class="timeline-event-thumbnail">August 2020 - Present</p>
<h3>Senior Product Designer</h3>
<h4><a target="blank_" href="https://primarybid.com/uk"> PrimaryBid</a></h4>
<p>
<strong>UX/UI Design</strong>
<br>Design of the PrimaryBid mobile app and the b2b portal.</p>
</div>
</li>
<li class="timeline-event" data-aos="fade-up">
<label class="timeline-event-icon"></label>
<div class="timeline-event-copy">
<p class="timeline-event-thumbnail">May 2019 - August 2020</p>
<h3>Product Designer</h3>
<h4><a target="blank_" href="https://www.oddschecker.com">Oddschecker</a></h4>
<p>
<strong>UX/UI Design</strong>
<br>Design of the Oddschecker mobile app</p>
</div>
</li>
<li class="timeline-event" data-aos="fade-up" data-aos-delay=".2">
<label class="timeline-event-icon"></label>
<div class="timeline-event-copy">
<p class="timeline-event-thumbnail">October 2018 - November 2019</p>
<h3>UX/UI Designer</h3>
<h4><a target="blank_" href="https://www.tryvium.io"> Tryvium</a></h4>
<p>
<strong>UX/UI Design</strong>
<br>Design of the Tryvium Travel web platform based in Malta.</p>
</div>
</li>
<li class="timeline-event" data-aos="fade-up" data-aos-delay=".4">
<label class="timeline-event-icon"></label>
<div class="timeline-event-copy">
<p class="timeline-event-thumbnail">November 2018 - November 2020</p>
<h3>UX/UI Designer</h3>
<h4><a target="blank_" href="https://www.babuhawaiifoundation.org">BabuHawaii</a></h4>
<p>
<strong>UX/UI and Web Design</strong>
<br>Design of the BabuHawaii Foundation's website based in Honolulu.</p>
</div>
</li>
<li class="timeline-event" data-aos="fade-up" data-aos-delay=".6">
<label class="timeline-event-icon"></label>
<div class="timeline-event-copy">
<p class="timeline-event-thumbnail">May 2018 - Jannuary 2019</p>
<h3>UI/HMI Designer Consultant</h3>
<h4><a target="blank_" href="https://www.altran.com/uk/en/">Altran</a></h4>
<p>
<strong>Automotive HMI Design</strong>
<br>Automotive UX/UI Designer in the Changan European Designing Center based in
Rivoli.</p>
</div>
</li>
<li class="timeline-event" data-aos="fade-up" data-aos-delay=".8">
<label class="timeline-event-icon"></label>
<div class="timeline-event-copy">
<p class="timeline-event-thumbnail">November 2017 - May 2018</p>
<h3>UX/UI Designer</h3>
<h4><a target="blank_" href="http://www.fastinformatica.com">FastArt</a></h4>
<p>
<strong>Mobile UX/UI Designer</strong>
<br>
Mobile design of Meedox healtcare app in FastArt Consulting s.r.l based in
Turin.</p>
</div>
</li>
<li class="timeline-event" data-aos="fade-up" data-aos-delay=".10">
<label class="timeline-event-icon"></label>
<div class="timeline-event-copy">
<p class="timeline-event-thumbnail">April 2017 - June 2017</p>
<h3>UX/UI Designer</h3>
<h4><a target="blank_" href="https://apps.apple.com/us/app/clueless-app-find-things-to-do-made-for-you/id1237440988"> Clueless</a></h4>
<p>
<strong>Mobile UX/UI and Graphic Designer</strong>
<br>Design for the iOS entertaiment app for the Clueless Chicago-based startup.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- ./experience -->
<!-- projects -->
<div class="section" id="projects">
<div class="container">
<div class="col-md-12">
<h4>03</h4>
<h1 class="size-50">My
<br />
Projects</h1>
</div>
<!-- main container -->
<div class="main-container portfolio-inner clearfix">
<!-- portfolio div -->
<div class="portfolio-div">
<div class="portfolio">
<!-- portfolio_filter -->
<div class="categories-grid wow fadeInLeft">
<nav class="categories">
<ul class="portfolio_filter">
<li>
<a href="" class="active" data-filter="*">All</a>
</li>
<li>
<a href="" data-filter=".user-experience">UX/UI</a>
</li>
<li>
<a href="" data-filter=".website">Website</a>
</li>
<li>
<a href="" data-filter=".graphics">Graphics</a>
</li>
</ul>
</nav>
</div>
<!-- portfolio_filter -->
<!-- portfolio_container -->
<div class="no-padding portfolio_container clearfix" data-aos="fade-up">
<!-- single work -->
<div class="col-md-4 col-sm-6 user-experience">
<a id="demo01" href="#modal-01" class="portfolio_item">
<img src="img/oddschecker_design_system/Portfolio%20cover.png" alt="design system"
class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>Design System</span>
<em>UX/UI Internal Tool</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
<!-- single work -->
<div class="col-md-4 col-sm-6 user-experience">
<a id="demo02" href="#modal-02" class="portfolio_item">
<img src="img/Strava iOS case study/Strava Portfolio Cover.png" alt="Strava Cover image" class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>Strava iOS app</span>
<em>
Mobile UX/UI Case Study
</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
<!-- single work -->
<div class="col-md-4 col-sm-6 user-experience">
<a id="demo03" href="#modal-03" class="portfolio_item">
<img src="img/portfolio/02.jpg" alt="image" class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>PrimaryBid Mobile App</span>
<em>Mobile UX/UI</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
<!-- single work -->
<div class="col-md-4 col-sm-6 user-experience">
<a id="demo04" href="#modal-04" class="portfolio_item">
<img src="img/portfolio/04.jpg" alt="image" class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>Infermiera Jay</span>
<em>Web App</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
<!-- single work -->
<div class="col-md-4 col-sm-6 user-experience">
<a id="demo05" href="#modal-05" class="portfolio_item">
<img src="img/portfolio/05.jpg" alt="image" class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>Infermiera Jay</span>
<em>Mobile UX/UI</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
<!-- single work -->
<div class="col-md-4 col-sm-6 user-experience">
<a id="demo06" href="#modal-06" class="portfolio_item">
<img src="img/portfolio/010.jpg" alt="image" class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>Oddschecker In-Play</span>
<em>Mobile UX/UI</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
<!-- single work -->
<div class="col-md-4 col-sm-6 user-experience">
<a id="demo07" href="#modal-07" class="portfolio_item">
<img src="img/portfolio/06.jpg" alt="image" class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>Oddschecker Onboarding</span>
<em>Mobile UX/UI</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
<!-- single work -->
<div class="col-md-4 col-sm-6 graphics ads">
<a id="demo08" href="#modal-08" class="portfolio_item">
<img src="img/portfolio/07.jpg" alt="image" class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>Mobile devices</span>
<em>Graphics / Ads</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
<!-- single work -->
<div class="col-md-4 col-sm-6 graphics ads">
<a id="demo09" href="#modal-09" class="portfolio_item">
<img src="img/portfolio/08.jpg" alt="image" class="img-responsive" />
<div class="portfolio_item_hover">
<div class="portfolio-border clearfix">
<div class="item_info">
<span>Mobile devices</span>
<em>Graphics / Ads</em>
</div>
</div>
</div>
</a>
</div>
<!-- end single work -->
</div>
<!-- end portfolio_container -->
</div>
<!-- portfolio -->
</div>
<!-- end portfolio div -->
</div>
<!-- end main container -->
</div>
</div>
<!-- ./projects -->
<!-- contact -->
<div class="section" id="contact">
<div class="container">
<div class="col-md-12">
<h4>04</h4>
<h1 class="size-50">Contact Me</h1>
<div class="h-50"></div>
</div>
<div class="col-md-4" data-aos="fade-up">
<h3>Phone Number</h3>
<p>+44 (0) 7926 963165</p>
<h3>Email</h3>
</p>
<h3>Social Network</h3>
<ul class="social">
<li>
<a target="blank" href="https://github.com/Ermesss">
<i class="ion-social-github"></i>
</a>
</li>
<li>
<a target="blank" href="https://twitter.com/sir_oktomat">
<i class="ion-social-twitter"></i>
</a>
</li>
<li>
<a target="blank" href="https://www.linkedin.com/in/ermanno-fissore-a1757b62/">
<i class="ion-social-linkedin"></i>
</a>
</li>
<li>
<a target="blank" href="https://dribbble.com/Ermanno">
<i class="ion-social-dribbble"></i>
</a>
</li>
</ul>
<div class="clearfix"></div>
<div class="h-50"></div>
</div>
<div class="col-md-8" data-aos="fade-up">
<!-- FORMSPRESS START-->
<form action="https://formspree.io/mqkdrzwq" class="contact-bg" id="contact-form" name="contact"
method="post" novalidate="novalidate">
<label>
Your name:
<input type="text" name="name" class="form-control" placeholder="Your Name" />
</label>
<label>
Your email:
<input type="text" name="_replyto" class="form-control" placeholder="Your Email" />
</label>
<label>
Your message:
<textarea name="message" class="form-control" placeholder="Your Message"></textarea>
</label>
<!-- your other form fields go here -->
<button id="submit" type="submit" class="btn btn-glance">Send</button>
</form>
<!-- FORMSPRESS END -->
</div>
</div>
</div>
<!-- ./contact -->
<!--DEMO01-->
<div id="modal-01" class="popup-modal">
<!--THIS IS IMPORTANT! to close the modal, the class name has to match the name
given on the ID -->
<!--Oddschecker Design System-->
<div id="btn-close-modal" class="close-modal-01 close-popup-modal">
<i class="ion-close-round"></i>
</div>
<div class="clearfix"></div>
<div class="modal-content portfolio-subtitle">
<div class="container">
<div class="portfolio-padding">
<div class="col-md-8 col-md-offset-2">
<h2>Oddschecker Design System</h2>
<h5>
<a target="blank" href="https://www.oddschecker.com">Oddschecker</a>
</h5>
<div class="h-50"></div>
<h3>Introduction</h3>
<p>During my first retro in Oddschecker I remember a developer asking a tool or
a way to have an easy access to all the icons and assets for the app. Till that
time the exchange of the assets between the design and the developers team was
tackle exporting single elements from the Sketch file and send it via Slack.</p>
<p>Another problem I discovered during my first month in the product team, was
the lack of connection in-between the team member. Each designer was working
offline on his file and only when the design process was ended, the flow was
made it public on Zeplin. This was mean that there wasn’t any kind of
centralised library or assets and any source of true for the design.</p>
<br />
<br />
<img src="img/oddschecker_design_system/DS_cover.png" alt="cover image"
class="img-responsive" />
<br />
<br />
<h3>The Style Guide</h3>
<p>
My first task as a side project was to bring all the assets from the different
files, analyse it and isolate the important components. After that step I create
a Sketch file with all the symbols, Then I shared that file with my team, but
the problem of updating was still there.</p>
<br />
<br />
<h3>Sharing to make the design live</h3>
<p>
The next important step was to make all the components easily shareable and
downloadable from the developers. I start my research for the perfect tool that
suits my need, I went to a Skype call with the guys of inVision for their Design
System Manager, I tested Notion and Zeroheight.</p>
<br />
<br />
<h3>The right tool</h3>
<p>The right tool for the design system was ZeroHeight. An easy to use and easy
to update platform with free plan and a cheap subscription plan for more
advanced features.
</p>
<br />
<br />
<h3>The evolution of the project</h3>
<img src="img/oddschecker_design_system/DS_home.png" alt="Design System homepage"
class="img-responsive" />
<p>From the initial idea of linking the Product Design team with the Develop
Team, it then become a source of true of the design for the entire company.</p>
<br />
<br />
<h3>Different export options</h3>
<img src="img/oddschecker_design_system/DS_logo.png" alt="design system export options"
class="img-responsive" />
<p>Graphic designer, iOS and Android Developers need assets with different file
export.</p>
<p>
This was an easy step to complete. I created a preset in Sketch with all the
export requested by the teams, and once imported into the platform, every
components is available in different version.</p>
<br />
<br />
<h3>A well organised platform</h3>
<img src="img/oddschecker_design_system/DS_colours.png"
alt="design system details of the documentations" class="img-responsive">
<p>Marketing, Deign and Develop Team now can easily access the platform and find
all the assets well organised and documented.</p>
<br />
<br />
<h3>The Big Step</h3>
<p>My last step was to transform the team from “solo designer” to a real team.</p>
<p>I ran and introduction demo about the pros and cons about Figma, and days
after I ran a more in depth workshop on how to use Figma in team and how to
access the library for the shared components.</p>
<p>The demo slide I created are visible
<a target="blank"
href="https://www.figma.com/file/KUWPRuKPKRYxiRSyai1V0I/Oddschecker-Design-Team-Communication-System?node-id=0%3A1">here</a>
</p>
<br />
<br />
</div>
</div>
</div>
</div>
</div>
<!--DEMO02-->
<div id="modal-02" class="popup-modal">
<!--THIS IS IMPORTANT! to close the modal, the class name has to match the name
given on the ID -->
<!--Strava iOS Case Study-->
<div id="btn-close-modal" class="close-modal-02 close-popup-modal">
<i class="ion-close-round"></i>
</div>
<div class="clearfix"></div>
<div class="modal-content portfolio-subtitle">
<div class="container">
<div class="portfolio-padding">
<div class="col-md-8 col-md-offset-2">
<h2>Strava Mobile app Case Study</h2>
<h5>
<a target="blank" href="https://www.strava.com">Strava</a>
</h5>
<div class="h-50"></div>
<h3>Introduction</h3>
<p>Strava is a gps based app that help you track your training, speed, distance, altitude and time you spent out practising your favourite sport.</p>
<p><blockquote>Strava turns every iPhone and Android into a sophisticated running and cycling computer</blockquote></p>
<p>In this exercise my goal was to add a feature to the existing Strava app.
The feature was <b> Create a route for me.</b>
The time given to complete the project was 5 days.</p>
<br />
<br />
<img src="img/Strava iOS case study/strava-hero.png" alt="cover image"
class="img-responsive" />
<br />
<br />
<h3>The Style Guide</h3>
<p>
My first task as a side project was to bring all the assets from the different
files, analyse it and isolate the important components. After that step I create
a Sketch file with all the symbols, Then I shared that file with my team, but
the problem of updating was still there.</p>
<br />
<br />
<h3>Sharing to make the design live</h3>
<p>
The next important step was to make all the components easily shareable and
downloadable from the developers. I start my research for the perfect tool that
suits my need, I went to a Skype call with the guys of inVision for their Design
System Manager, I tested Notion and Zeroheight.</p>
<br />
<br />
<h3>The right tool</h3>
<p>The right tool for the design system was ZeroHeight. An easy to use and easy
to update platform with free plan and a cheap subscription plan for more
advanced features.
</p>
<br />
<br />
<h3>The evolution of the project</h3>
<img src="img/oddschecker_design_system/DS_home.png" alt="Design System homepage"
class="img-responsive" />
<p>From the initial idea of linking the Product Design team with the Develop
Team, it then become a source of true of the design for the entire company.</p>
<br />
<br />
<h3>Different export options</h3>
<img src="img/oddschecker_design_system/DS_logo.png" alt="design system export options"
class="img-responsive" />
<p>Graphic designer, iOS and Android Developers need assets with different file
export.</p>
<p>
This was an easy step to complete. I created a preset in Sketch with all the
export requested by the teams, and once imported into the platform, every
components is available in different version.</p>
<br />
<br />
<h3>A well organised platform</h3>
<img src="img/oddschecker_design_system/DS_colours.png"
alt="design system details of the documentations" class="img-responsive">
<p>Marketing, Deign and Develop Team now can easily access the platform and find
all the assets well organised and documented.</p>
<br />
<br />
<h3>The Big Step</h3>
<p>My last step was to transform the team from “solo designer” to a real team.</p>
<p>I ran and introduction demo about the pros and cons about Figma, and days
after I ran a more in depth workshop on how to use Figma in team and how to
access the library for the shared components.</p>
<p>The demo slide I created are visible
<a target="blank"
href="https://www.figma.com/file/KUWPRuKPKRYxiRSyai1V0I/Oddschecker-Design-Team-Communication-System?node-id=0%3A1">here</a>
</p>
<br />
<br />
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- plugins -->
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/jquery.validate.min.js"></script>
<!-- main script -->
<script src="js/custom.js"></script>
</body>
</html>