-
Notifications
You must be signed in to change notification settings - Fork 0
/
test.html
171 lines (168 loc) · 7.1 KB
/
test.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
<!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="author" content="Joe Bloggs">
<meta name="description"
content="Joe Bloggs CV, 32 Years, 5 Years Full Stack experience, Keyskills: Productivity, Learning, Stability, Stress Resistance, Linux Usage, Experience with server setup, Full Stack developer, Advanced PC User, Debugging, Team Lead Experience, C#, C++">
<meta name="keywords" content="С#, C++, Full Stack developer, CV">
<title>CV</title>
</head>
<body>
<main>
<section class="contacts">
<div class="image">
<img src="no-avatar.png" alt="No avatar user" width="250" height="250">
</div>
<div class="contacts">
<p><strong>E-Mail</strong>: <a href="mailto:joe@bloggs.com" target="_blank">joe@bloggs.com</a></p>
<p><strong>Web</strong>: <a href="https://www.bloggs.com" target="_blank">www.bloggs.com</a></p>
<p><strong>Phone</strong>: <a href="tel:1234567890" target="_blank">1234567890</a></p>
</div>
<div class="text">
<h1>Joe Bloggs</h1>
<p>Job Title</p>
</div>
</section>
<hr>
<article class="content">
<h2><em>Personal Profile</em></h2>
<section class="theme">
<h3>About me</h3>
Minim tempor adipisicing exercitation cillum adipisicing sunt duis mollit enim aute
officia eu.
Aliqua nisi occaecat consequat laborum et labore non do magna do.
Ullamco eu nisi magna elit est esse. Id veniam ut reprehenderit tempor ex. Id cupidatat esse fugiat
exercitation officia in occaecat ullamco aliquip exercitation proident velit ut. Nisi aute aute ut officia
aliquip sunt consequat anim reprehenderit excepteur. Enim enim est adipisicing ea occaecat ullamco sint
cillum et dolore commodo. Sunt enim occaecat sint enim dolore exercitation ipsum enim cupidatat anim
deserunt. Quis non sit pariatur ipsum ut ex nulla irure eiusmod aliqua. Consectetur minim excepteur elit
aliqua et non Lorem reprehenderit deserunt ex Lorem incididunt. Culpa laboris reprehenderit mollit sint
ipsum ullamco nulla esse. Sunt commodo cupidatat velit quis mollit id.
</section>
<hr>
<section class="theme">
<h2><em>Work Experience</em></h2>
<div class="text">
<h3>Job Title at Company</h3>
<br>
<em>April 2011 - Present</em>
<br>
<br>
Esse dolor veniam enim ut aliqua proident adipisicing in sunt incididunt ipsum laboris. Voluptate
voluptate est ea labore do pariatur laborum culpa. Nisi elit do veniam irure minim Lorem aliqua in irure
pariatur fugiat. Do elit incididunt laboris deserunt dolor sint. Dolor ad veniam nostrud in ullamco ad eu
ad duis. Eiusmod elit quis minim enim cupidatat consequat fugiat reprehenderit ex. Incididunt anim ad
consequat nisi dolore sint nulla ipsum id. Minim et Lorem ad enim esse commodo mollit dolore magna mollit
sit nostrud minim. Anim voluptate mollit officia consectetur consectetur excepteur in aute dolor
adipisicing cillum do mollit dolore.
</div>
<div class="text">
<h3>Job Title at Company</h3>
<br>
<em>January 2007 - March 2011</em>
<br>
<br>
Esse dolor veniam enim ut aliqua proident adipisicing in sunt incididunt ipsum laboris. Voluptate
voluptate est ea labore do pariatur laborum culpa. Nisi elit do veniam irure minim Lorem aliqua in irure
pariatur fugiat. Do elit incididunt laboris deserunt dolor sint. Dolor ad veniam nostrud in ullamco ad eu
ad duis. Eiusmod elit quis minim enim cupidatat consequat fugiat reprehenderit ex. Incididunt anim ad
consequat nisi dolore sint nulla ipsum id. Minim et Lorem ad enim esse commodo mollit dolore magna mollit
sit nostrud minim. Anim voluptate mollit officia consectetur consectetur excepteur in aute dolor
adipisicing cillum do mollit dolore.
</div>
<div class="text">
<h3>Job Title at Company</h3>
<br>
<em>October 2004 - December 2006</em>
<br>
<br>
Esse dolor veniam enim ut aliqua proident adipisicing in sunt incididunt ipsum laboris. Voluptate
voluptate est ea labore do pariatur laborum culpa. Nisi elit do veniam irure minim Lorem aliqua in irure
pariatur fugiat. Do elit incididunt laboris deserunt dolor sint. Dolor ad veniam nostrud in ullamco ad eu
ad duis. Eiusmod elit quis minim enim cupidatat consequat fugiat reprehenderit ex. Incididunt anim ad
consequat nisi dolore sint nulla ipsum id. Minim et Lorem ad enim esse commodo mollit dolore magna mollit
sit nostrud minim. Anim voluptate mollit officia consectetur consectetur excepteur in aute dolor
adipisicing cillum do mollit dolore.
</div>
</section>
<hr>
<section class="theme">
<h2><em>Key Skills</em></h2>
<table class="skills">
<tr>
<td>
Productivity
</td>
<td>
Learning
</td>
<td>
Stability
</td>
</tr>
<tr>
<td>
Stress Resistence
</td>
<td>
Linux usage
</td>
<td>
Experience with server setup
</td>
</tr>
<tr>
<td>
Full Stack developer
</td>
<td>
Advanced PC User
</td>
<td>
Debugging
</td>
</tr>
<tr>
<td>
Team Lead Experience
</td>
<td>
Web Development
</td>
<td>
C#, C++
</td>
</tr>
</table>
</section>
<hr>
<section class="theme">
<h2><em>Education</em></h2>
<div class="text">
<h3>College/University</h3>
<br>
<em>Qualification</em>
<br>
<br>
Esse dolor veniam enim ut aliqua proident adipisicing in sunt incididunt ipsum laboris. Voluptate
voluptate est ea labore do pariatur laborum culpa. Nisi elit do veniam irure minim Lorem aliqua in irure
pariatur fugiat. Do elit incididunt laboris deserunt dolor sint. Dolor ad veniam nostrud in ullamco ad eu
ad duis.
<h3>College/University</h3>
<br>
<em>Qualification</em>
<br>
<br>
Esse dolor veniam enim ut aliqua proident adipisicing in sunt incididunt ipsum laboris. Voluptate
voluptate est ea labore do pariatur laborum culpa. Nisi elit do veniam irure minim Lorem aliqua in irure
pariatur fugiat. Do elit incididunt laboris deserunt dolor sint. Dolor ad veniam nostrud in ullamco ad eu
ad duis.
</div>
</section>
</article>
</main>
</body>
</html>