-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
158 lines (149 loc) · 19.5 KB
/
Copy pathindex.html
File metadata and controls
158 lines (149 loc) · 19.5 KB
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
<!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>JLawson</title>
<!-- <link rel="stylesheet" href="./style.scss"> -->
<script src="/script.cc5eea7c.js"></script>
<link rel="stylesheet" href="/style.55b92f51.css">
<link rel="stylesheet" href="/script.cc5eea7c.css"><script src="/style.55b92f51.js"></script></head>
<body>
<header>
<section class="header-block">
<h1>Hi, I'm Joshua Lawson</h1>
<h3>(you can call me Josh).</h3>
<a id="arrow" href="#start">
<h3>V</h3>
</a>
</section>
<nav id="start">
<ul>
<a href="#bio">
<li>Bio</li>
</a>
<a href="#contact">
<li>Contact</li>
</a>
<a href="#portfolio">
<li>Portfolio</li>
</a>
</ul>
</nav>
</header>
<main>
<article class="bio-block" id="bio">
<h2>A little about me:</h2>
<h3>Some things I love...</h3>
<div class="icons">
<figure class="icon" id="coffee">
<svg id="cuppa" alt="A steaming cup of liquid pleasure." enable-background="new 0 0 511.988 511.988" version="1.1" viewbox="0 0 511.988 511.988" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m394.66 202.65h-298.67c-17.643 0-32 14.357-32 32v21.333c0 76.117 42.048 145.15 109.72 180.16 5.227 2.688 11.669 0.661 14.379-4.587 2.688-5.227 0.661-11.669-4.587-14.379-60.544-31.317-98.176-93.077-98.176-161.2v-21.333c0-5.888 4.779-10.667 10.667-10.667h298.67c5.888 0 10.667 4.779 10.667 10.667v21.333c0 68.117-37.632 129.88-98.197 161.17-5.248 2.709-7.275 9.152-4.587 14.379 1.899 3.669 5.632 5.781 9.493 5.781 1.664 0 3.328-0.384 4.885-1.195 67.691-34.987 109.74-104 109.74-180.14v-21.333c0-17.641-14.358-31.998-32-31.998z"></path>
<path d="m489.86 422.56c-1.664-3.989-5.547-6.592-9.856-6.592h-469.33c-4.309 0-8.192 2.603-9.856 6.592s-0.747 8.576 2.304 11.627l23.915 23.936c14.123 14.101 32.853 21.867 52.8 21.867h330.96c19.947 0 38.699-7.765 52.843-21.867l23.915-23.936c3.05-3.051 3.967-7.638 2.303-11.627zm-41.322 20.48c-10.069 10.069-23.488 15.616-37.717 15.616h-330.99c-14.229 0-27.648-5.547-37.717-15.616l-5.717-5.717h417.86l-5.717 5.717z"></path>
<path d="m491.36 253.02c-28.736-18.475-74.645 1.579-79.787 3.904-5.355 2.453-7.744 8.768-5.291 14.144s8.747 7.744 14.144 5.291c10.283-4.672 43.264-15.744 59.392-5.355 7.275 4.672 10.837 13.739 10.837 27.648 0 42.709-86.144 68.523-119.4 74.88l-7.552 1.493c-5.781 1.131-9.536 6.741-8.405 12.523 1.003 5.077 5.461 8.597 10.453 8.597 0.683 0 1.365-0.064 2.069-0.213l7.488-1.472c5.589-1.067 136.68-26.773 136.68-95.808 1e-3 -21.461-6.953-36.8-20.628-45.632z"></path>
<path d="m328.37 113.31c17.344-21.675 17.344-55.616 0-77.291-3.691-4.608-10.368-5.376-14.997-1.664-4.608 3.691-5.355 10.389-1.664 14.997 10.987 13.717 10.987 36.907-0.021 50.667-17.365 21.675-17.365 55.616 0 77.291 2.112 2.645 5.205 4.011 8.341 4.011 2.325 0 4.693-0.768 6.656-2.347 4.608-3.691 5.355-10.411 1.664-14.997-11.008-13.718-11.008-36.907 0.021-50.667z"></path>
<path d="m264.29 113.31c17.365-21.675 17.365-55.616 0-77.291-3.669-4.608-10.389-5.355-14.997-1.664s-5.355 10.411-1.664 14.997c11.008 13.717 11.008 36.907-0.021 50.667-17.344 21.675-17.344 55.616 0 77.291 2.112 2.645 5.205 4.011 8.341 4.011 2.325 0 4.672-0.768 6.656-2.347 4.608-3.691 5.355-10.389 1.664-14.997-10.987-13.718-10.987-36.907 0.021-50.667z"></path>
<path d="m200.37 113.33c17.344-21.675 17.344-55.616 0-77.291-3.669-4.608-10.368-5.376-14.997-1.664-4.587 3.669-5.333 10.389-1.664 14.976 10.987 13.717 10.987 36.907-0.021 50.667-17.365 21.675-17.365 55.616 0 77.291 2.112 2.645 5.205 4.011 8.341 4.011 2.325 0 4.693-0.768 6.656-2.325 4.608-3.691 5.355-10.411 1.664-14.997-11.008-13.74-11.008-36.908 0.021-50.668z"></path>
</svg>
<figcaption>Coffee</figcaption>
</figure>
<figure class="icon" id="cpu">
<svg alt="A desktop computer" id="monitor" enable-background="new 0 0 511.999 511.999" version="1.1" viewbox="0 0 511.999 511.999" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m481.09 27.937h-450.18c-17.043 0-30.909 13.866-30.909 30.909v310.82c0 17.043 13.866 30.909 30.909 30.909h154.26v22.49c0 20.617-16.774 37.391-37.391 37.391h-33.997c-6.518 0-11.803 5.284-11.803 11.803s5.285 11.803 11.803 11.803h284.44c6.518 0 11.803-5.284 11.803-11.803s-5.285-11.803-11.803-11.803h-33.998c-20.617 0-37.391-16.774-37.391-37.391v-22.489h154.26c17.043 0 30.91-13.866 30.91-30.909v-310.82c2e-3 -17.043-13.864-30.909-30.907-30.909zm-285.17 432.52c8.046-10.336 12.857-23.308 12.857-37.391v-22.49h94.447v22.49c0 14.083 4.811 27.056 12.857 37.391h-120.16zm292.47-90.791c0 4.027-3.276 7.304-7.304 7.304h-450.18c-4.027 0-7.304-3.276-7.304-7.304v-62.033h464.79v62.033zm0-85.64h-464.79v-225.18c0-4.027 3.276-7.304 7.304-7.304h450.18c4.027 0 7.305 3.276 7.305 7.304v225.18z"></path>
<circle cx="256" cy="342.3" r="12.738"></circle>
<path d="m276.24 109.25c-4.61-4.609-12.081-4.609-16.693 0l-83.414 83.414c-4.609 4.609-4.609 12.083 0 16.693 2.306 2.305 5.325 3.457 8.347 3.457s6.041-1.152 8.346-3.457l83.414-83.414c4.609-4.609 4.609-12.083 0-16.693z"></path>
<path d="m325.68 157.59c-4.608-4.609-12.079-4.609-16.692-1e-3l-33.23 33.228c-4.609 4.61-4.609 12.084 0 16.693 2.305 2.305 5.325 3.457 8.346 3.457 3.02 0 6.041-1.152 8.346-3.457l33.23-33.228c4.609-4.609 4.609-12.083 0-16.692z"></path>
</svg>
<figcaption>Technology</figcaption>
</figure>
<figure class="icon" id="music">
<svg id="vinyl" alt="Record player" viewbox="1 -59 511.99997 511" xmlns="http://www.w3.org/2000/svg">
<path d="m492.21 0.5h-472.41c-10.914 0-19.793 8.8789-19.793 19.793v134.27c0 4.2031 3.4062 7.6094 7.6133 7.6094 4.2031 0 7.6133-3.4062 7.6133-7.6094v-134.27c0-2.5195 2.0469-4.5664 4.5664-4.5664h472.41c2.5195 0 4.5664 2.0469 4.5664 4.5664v35.102c0 4.2031 3.4102 7.6133 7.6133 7.6133 4.207 0 7.6133-3.4102 7.6133-7.6133v-35.102c0-10.914-8.8789-19.793-19.793-19.793z"></path>
<path d="m504.39 78.23c-4.2031 0-7.6133 3.4062-7.6133 7.6133v287.68c0 2.5156-2.0469 4.5664-4.5664 4.5664h-472.41c-2.5195 0-4.5664-2.0508-4.5664-4.5664v-188.51c0-4.2031-3.4102-7.6133-7.6133-7.6133-4.207 0-7.6133 3.4102-7.6133 7.6133v188.51c0 10.914 8.8789 19.793 19.793 19.793h472.41c10.914 0 19.793-8.8789 19.793-19.793v-287.68c0-4.207-3.4102-7.6133-7.6133-7.6133z"></path>
<path d="m214.59 37.988c-79.27 0-143.43 64.145-143.43 143.43 0 94.938 90.262 163.2 181.31 138.36 4.0547-1.1055 6.4492-5.293 5.3398-9.3477-1.1055-4.0586-5.2969-6.4492-9.3477-5.3398-81.516 22.242-162.08-38.961-162.08-123.67 0-70.852 57.34-128.2 128.2-128.2 70.852 0 128.2 57.34 128.2 128.2 0 49.398-27.758 91.668-67.684 113.06-3.707 1.9883-5.1016 6.6016-3.1172 10.309 1.9883 3.7031 6.6016 5.0977 10.309 3.1133 44.66-23.926 75.719-71.203 75.719-126.48 0-79.27-64.148-143.43-143.43-143.43z"></path>
<path d="m331.57 181.41c0-64.793-52.348-117.04-116.98-117.04-64.684 0-117.04 52.344-117.04 117.04 0 64.68 52.344 117.04 117.04 117.04 64.254 0 116.98-51.926 116.98-117.04zm-116.98 101.81c-91.156 0-135.46-110.33-71.992-173.8 64.355-64.355 173.75-17.949 173.75 71.992 0 57.613-46.859 101.81-101.76 101.81z"></path>
<path d="m214.59 155.73c-22.68 0-34.383 27.617-18.164 43.844 16.348 16.352 43.84 4.4102 43.84-18.16 0-14.035-11.281-25.684-25.676-25.684zm0 36.141c-9.2852 0-14.02-11.23-7.3945-17.855 6.6758-6.6758 17.844-1.7812 17.844 7.3984 0 5.4727-4.3164 10.457-10.449 10.457z"></path>
<path d="m59.484 372.65c30.578 0 45.277-36.949 24.086-58.145-13.312-13.309-34.855-13.309-48.168 0-21.566 21.566-5.9453 58.145 24.082 58.145zm13.316-47.375c7.3633 7.3594 7.3633 19.27 0 26.633-11.754 11.754-32.152 3.5234-32.152-13.316 0-16.625 20.25-25.223 32.152-13.316z"></path>
<path d="m33.617 245.74c-17.457 17.457-5.2227 47.746 19.777 47.746 24.895 0 37.285-30.242 19.777-47.746-10.934-10.93-28.621-10.934-39.555 0zm28.789 10.766c7.9531 7.9531 2.375 21.754-9.0117 21.754-7.043 0-12.746-5.6953-12.746-12.742 0.003906-11.305 13.758-17.008 21.758-9.0117z"></path>
<path d="m406.38 254.93-17.113 17.582c-3.1445-1.4609-6.6094-2.2344-10.18-2.2344-6.457 0-12.516 2.5078-17.062 7.0547l-36.195 36.195c-15.117 15.117-4.3867 41.168 17.062 41.168 6.4531 0 12.516-2.5039 17.062-7.0508l36.195-36.199c4.5469-4.5469 7.043-10.605 7.043-17.062 0-4.0586-0.99609-7.957-2.8633-11.426l16.953-17.41c9.2773-9.5195 14.383-22.074 14.383-35.371v-44.723c25.414-3.6953 44.996-25.629 44.996-52.051s-19.582-48.355-44.996-52.051v-14.879h12.117c7.3711 0 13.367-6 13.367-13.367v-13.359c0-7.3672-5.9961-13.367-13.367-13.367h-38.234c-7.3711 0-13.359 6-13.359 13.367v13.359c0 7.3672 5.9883 13.367 13.359 13.367h10.891v14.879c-25.414 3.6953-45.004 25.629-45.004 52.051s19.59 48.355 45.004 52.051v44.723c0 9.2969-3.5742 18.086-10.059 24.754zm-21 45.75-36.195 36.203c-1.6758 1.6641-3.9102 2.5898-6.293 2.5898-7.9805 0-11.836-9.668-6.293-15.176l36.195-36.207c3.4102-3.4102 9.0938-3.4922 12.586 0 3.5391 3.543 3.3594 9.2539 0 12.59zm76.055-167.28c0 18.008-12.801 33.078-29.77 36.602v-11.156c25.184-7.543 25.168-43.34 0-50.883v-11.164c16.969 3.5234 29.77 18.594 29.77 36.602zm-29.77 8.3945v-16.777c4.9727 4.5312 4.9336 12.281 0 16.777zm-24.25-90.551v-9.6406h34.512v9.6406h-34.512zm9.0234 90.562c-4.957-4.5195-4.9766-12.266 0-16.801zm-29.781-8.4062c0-18.008 12.809-33.078 29.781-36.602v11.164c-25.246 7.543-25.129 43.379 0 50.883v11.156c-16.973-3.5234-29.781-18.594-29.781-36.602z"></path>
</svg>
<figcaption>Music</figcaption>
</figure>
</div>
<p>I have always loved technology. Nary a gadget within 10 feet of me was left unfiddled. By sheer providence, the internet and I came of age at around the same time, so of course the stage was set for me to become one of the great front end developers!</p>
<p>Instead, I learned some HTML and took the next decade off, technology-wise.</p>
<p>What I did next was a lot of work that I found unfulfilling in an attempt to make a living. I often found myself frustrated and bored. I am a lifelong learner, and my work just wasn’t giving me what I needed. I had to do some soul-searching; I tried to get at the source of what was missing in my life.</p>
<p>I thought back to high school, when I had elected to take a certification course in Cisco networking. Working with computers was the one thing I had always been naturally good at; I thought it was going to be a slam dunk!</p>
<p>It was not. What can I say, the exam was hard! But the exam was nowhere near as hard as how I internalized that experience, because that was the moment I lost faith in my technical ability.</p>
<p>Looking back, of course, that was a complete overreaction. You experience a failure, you try to learn from it, and you get back on the horse and you teach that dumb horse a lesson!</p>
<p>The journey up to that point was by no means wasted, however. I learned a lot about myself; I discovered that I am a natural leader and that I enjoy helping others be their best. I’m also dedicated to the point of stubborness. I genuinely enjoy the results that only true collaboration can bring.</p>
<p>So, I view part of my journey as putting things back to the way they should have been all along. I went to The Iron Yard (RIP) to learn how to code. I had a lot of catching up to do, but I’m happy to be in a career where learning is always rewarded!</p>
</article>
<section id="contact" class="contact-block">
<h2>Contact</h2>
<div class="logos">
<a href="mailto:ordinarycryptid@gmail.com" target="_blank">
<!--<img alt="Gmail logo" src="./images/logo_gmail_128px.png">-->
<svg class="logo" id="gmail" alt="Gmail logo" version="1.1" viewbox="0 0 510 510" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path class="active-path" d="M459,51H51C22.95,51,0,73.95,0,102v306c0,28.05,22.95,51,51,51h408c28.05,0,51-22.95,51-51V102 C510,73.95,487.05,51,459,51z M459,408h-51V183.6l-153,96.9l-153-96.9V408H51V102h30.6L255,209.1L428.4,102H459V408z" data-original="#000000"></path>
</svg>
</a>
<a href="https://github.com/encryptid" target="_blank">
<!--<img alt="Github logo" src="./images/GitHub-Mark-Light-120px-plus.png">-->
<svg class="logo" id="octo" alt="Octocat logo for Github" version="1.1" viewbox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<path d="m512 256c0 127.97-93.895 234-216.56 252.98-2.769 0.428-5.559 0.815-8.359 1.149-9.007 1.097-18.16 1.714-27.429 1.839-1.222 0.022-2.434 0.032-3.657 0.032s-2.435-0.01-3.657-0.031c-9.268-0.125-18.422-0.742-27.429-1.839-2.8-0.334-5.59-0.721-8.359-1.149-122.66-18.976-216.56-125.01-216.56-252.98 0-141.38 114.62-256 256-256s256 114.62 256 256z" fill="#D0719D"></path>
<g>
<path d="m512 256c0 9.644-0.533 19.163-1.578 28.536-0.115 1.045-0.23 2.1-0.355 3.145-0.658 5.308-1.484 10.574-2.456 15.778-0.188 1.034-0.387 2.058-0.596 3.072-18.098 90.436-83.832 163.65-169.94 192.36-12.978 2.508-17.586-5.465-17.586-12.288 0-8.432 0.293-35.997 0.293-70.249 0-23.886-8.182-39.466-17.356-47.407 44.335-4.932 90.425-19.122 108.71-71.471 0.366-1.024 0.711-2.069 1.045-3.124 1.024-3.187 1.933-6.51 2.748-9.979 0.24-1.034 0.481-2.079 0.7-3.145 2.393-11.337 3.689-24.137 3.689-38.599 0-27.941-9.937-50.782-26.352-68.712 2.664-6.447 11.431-32.486-2.508-67.751 0 0-21.462-6.875-70.332 26.248-20.459-5.674-42.371-8.516-64.125-8.62-21.755 0.104-43.656 2.947-64.084 8.62-48.912-33.123-70.416-26.248-70.416-26.248-13.897 35.265-5.13 61.304-2.476 67.751-16.374 17.93-26.384 40.772-26.384 68.712 0 14.451 1.296 27.251 3.699 38.588 0.219 1.066 0.449 2.111 0.69 3.145 0.815 3.469 1.735 6.802 2.759 9.989 0.334 1.055 0.69 2.1 1.045 3.124 18.275 52.255 64.24 66.644 108.45 71.67-7.325 6.395-13.96 17.69-16.259 34.241-14.608 6.541-51.66 17.847-74.491-21.285 0 0-13.542-24.576-39.246-26.384 0 0-24.984-0.324-1.745 15.559 0 0 16.771 7.879 28.421 37.46 0 0 15.026 45.693 86.246 30.208 0.115 21.389 0.345 41.556 0.345 47.658 0 6.76-4.692 14.691-17.492 12.319-86.162-28.681-151.97-101.91-170.08-192.38v-0.01c-0.209-1.014-0.408-2.038-0.585-3.062-0.982-5.204-1.808-10.47-2.456-15.778-0.136-1.045-0.251-2.09-0.366-3.145-1.044-9.373-1.577-18.892-1.577-28.536 0-141.38 114.64-256 256-256 141.38 0 256 114.62 256 256z"></path>
<path d="m94.678 363.7c-1.849-0.878-3.856-0.512-4.409 0.794-0.596 1.275 0.439 3.009 2.299 3.845 1.829 0.878 3.824 0.502 4.389-0.773 0.647-1.275-0.419-3.03-2.279-3.866z"></path>
<path d="m106.6 373.8c-1.682-1.776-3.992-2.309-5.245-1.181-1.243 1.149-0.93 3.542 0.742 5.319 1.62 1.787 4.012 2.32 5.235 1.191 1.275-1.15 0.94-3.522-0.732-5.329z"></path>
<path d="m117.46 387.71c-1.609-2.257-4.138-3.239-5.716-2.152-1.609 1.097-1.609 3.824-0.042 6.102 1.588 2.278 4.148 3.302 5.726 2.205 1.599-1.108 1.599-3.845 0.032-6.155z"></path>
<path d="m129.85 401.58c-2.205-2.1-5.214-2.529-6.635-0.982-1.4 1.546-0.784 4.483 1.452 6.541 2.194 2.111 5.183 2.529 6.583 0.982 1.495-1.536 0.816-4.482-1.4-6.541z"></path>
<path d="m146.14 411.14c-2.926-0.909-5.82 0.042-6.416 2.058-0.585 2.027 1.306 4.378 4.2 5.256 2.905 0.846 5.778-0.063 6.405-2.069 0.597-2.037-1.294-4.367-4.189-5.245z"></path>
<path d="m165.74 414.19c-3.062 0.052-5.465 1.776-5.465 3.908 0.031 2.079 2.508 3.793 5.569 3.72 3.041-0.031 5.507-1.787 5.433-3.897 1e-3 -2.09-2.497-3.794-5.537-3.731z"></path>
<path d="m190.78 414.6c-0.387-2.1-3.103-3.333-6.123-2.811-2.978 0.543-5.13 2.664-4.754 4.775 0.376 2.038 3.124 3.312 6.102 2.769 3.02-0.564 5.131-2.674 4.775-4.733z"></path>
</g>
</svg>
</a>
<a href="https://www.linkedin.com/in/joshuamlawson/" target="_blank">
<!--<img alt="LinkedIn logo" src="./images/In-2C-128px-TM.png">-->
<svg class="logo" id="linkedin" alt="LinkedIn logo" version="1.1" viewbox="0 0 430.117 430.117" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(.83451 0 0 .83451 35.589 35.589)">
<path class="active-path" d="m430.12 261.54v159.02h-92.188v-148.37c0-37.271-13.334-62.707-46.703-62.707-25.473 0-40.632 17.142-47.301 33.724-2.432 5.928-3.058 14.179-3.058 22.477v154.87h-92.219s1.242-251.28 0-277.32h92.21v39.309c-0.187 0.294-0.43 0.611-0.606 0.896h0.606v-0.896c12.251-18.869 34.13-45.824 83.102-45.824 60.673-1e-3 106.16 39.636 106.16 124.82zm-377.93-251.98c-31.548 0-52.183 20.693-52.183 47.905 0 26.619 20.038 47.94 50.959 47.94h0.616c32.159 0 52.159-21.317 52.159-47.94-0.606-27.212-20-47.905-51.551-47.905zm-46.706 411h92.184v-277.32h-92.184v277.32z" data-original="#000000"></path>
</g>
</svg>
</a>
</div>
</section>
<section id="portfolio" class="portfolio-block">
<h2>Portfolio</h2>
<div class="projects">
<figure>
<h3>Bank Project</h3>
<a href="https://bestbank.surge.sh" target="_blank"><img class="disp" src="/bank.4d08890d.png"></a>
<figcaption>A bank project for Ally Bank.</figcaption>
</figure>
<figure>
<h3>Coffee Shop</h3>
<a href="http://ill-cause.surge.sh/" target="_blank"><img class="disp" src="/cafe.9a984df3.png"></a>
<figcaption>A simple coffee shop menu app using HTML, CSS and JavaScript.</figcaption>
</figure>
<figure>
<h3>Movie Emporium</h3>
<a href="http://orange-pickle.surge.sh" target="_blank"><img class="disp" src="/movies.c0366f6e.png"></a>
<figcaption>A movie app using the "Movie DB" API, Foundation, and AngularJS.</figcaption>
</figure>
<figure>
<h3>Card Sharks</h3>
<a href="http://quixotic-woman.surge.sh/" target="_blank"><img class="disp" src="/cardsharks.ec0a1b48.png"></a>
<figcaption>A little version of Card Sharks using a playing card API, JavaScript, HTML and CSS.</figcaption>
</figure>
</div>
</section>
</main>
<footer>
<p>Copyright © 2018 Joshua Lawson</p>
<div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
</footer>
</body>
</html>