-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (141 loc) · 4.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Castoro:ital@0;1&family=Noto+Sans+TC:wght@300;400;700&family=Noto+Serif+TC&family=Roboto:wght@300;400;700&display=swap"
media="print" onload="this.media='all'" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="reset.css" />
<link rel="stylesheet" href="style.css" />
<title>VITO RESUME</title>
</head>
<body>
<header class="header container pt-10 fz-header">
<h1>VITO</h1>
<figure class="header-img mx-auto">
<img
src="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week1/vito.png"
alt="vito" loading="lazy" />
</figure>
<h2 class="text-right">RESUME</h2>
</header>
<!-- end of header -->
<div class="intro py-3 bg-secondary">
<div class="container">
<p class="w-half ml-auto">
I'm Vito, a UI Designer with 5+ years of
experience. I create visually appealing
interfaces for web and mobile apps.
Proficient in Sketch, Adobe XD, Figma,
HTML, CSS, and JavaScript. I enjoy
collaborating with others to create high-
quality products.
</p>
</div>
</div>
<!-- end of intro -->
<main class="main container py-20 mb-20">
<section class="cv w-half">
<h3 class="cv-title mb-4">Vito Evans</h3>
<ul class="cv-txt mb-8 font-sm">
<li class="mb-2">
<p>456 Walnut Avenue, Someville, USA</p>
</li>
<li class="mb-2">
<a href="tel:+1 123 456 7890">+1 123 456 7890</a>
</li>
<li class="mb-2">
<a href="mailto: service@hexschool.com">info@hexschool.com</a>
</li>
<li class="mb-2">
<a href="https://www.hexschool.com/">www.infohexschool.com</a>
</li>
</ul>
</section>
<section class="cv w-half">
<h3 class="cv-title mb-4">Education</h3>
<ul class="cv-txt mb-6 font-sm">
<li class="mb-4">
<span class="cv-txt-year">2014-2018</span>
<p>
Bachelor of Science in Business Administration, University
of California, Los Angeles
</p>
</li>
<li class="mb-4">
<span class="cv-txt-year">2012-2014</span>
<p>
Associate of Arts in Graphic Design, San Francisco State
University
</p>
</li>
<li class="mb-4">
<span class="cv-txt-year">2008-2012</span>
<p>High School Diploma, Lincoln High School</p>
</li>
</ul>
</section>
<section class="cv w-half">
<h3 class="cv-title mb-4">Work</h3>
<ul class="cv-txt mb-6 font-sm">
<li class="mb-4">
<span class="cv-txt-year">2018-2021</span>
<p>Marketing Manager, ABC Company</p>
</li>
<li class="mb-4">
<span class="cv-txt-year">2016-2018</span>
<p>Sales Associate, XYZ Corporation</p>
</li>
<li class="mb-4">
<span class="cv-txt-year">2014-2016</span>
<p>Customer Service Representative, QRS Inc.</p>
</li>
</ul>
</section>
<section class="cv w-half">
<h3 class="cv-title mb-4">Awards</h3>
<ul class="cv-txt mb-6 font-sm">
<li class="mb-4">
<p>Best in Show Award, National Advertising Awards, 2020</p>
</li>
<li class="mb-4">
<p>
Honorable Mention, International Design Competition,
2019
</p>
</li>
<li class="mb-4">
<p>People's Choice Award, Local Art Exhibition, 2018</p>
</li>
</ul>
</section>
</main>
<!-- end of main -->
<footer class="footer bg-black text-center">
<div class="container py-4">
<ul class="sns-list">
<li class="inline-block mr-10">
<a href="https://hex.school/P12UP"><img
src="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week1/fb.png"
alt="FB" loading="lazy" class="size-16" /></a>
</li>
<li class="inline-block mr-10">
<a href="https://www.instagram.com/hexschool/"><img
src="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week1/instagram.png"
alt="IG" loading="lazy" class="size-16" /></a>
</li>
<li class="inline-block mr-10">
<a href="https://hex.school/qgbMS"><img
src="https://raw.githubusercontent.com/hexschool/2022-web-layout-training/main/2023week1/line.png"
alt="LINE" loading="lazy" class="size-16" /></a>
</li>
</ul>
</div>
</footer>
<!-- end of footer -->
</body>
</html>