-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (106 loc) · 4.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css"></link>
<script src="https://kit.fontawesome.com/f6ef3563a7.js" crossorigin="anonymous"></script>
<title>Jamie Piper - Senior Frontend Developer</title>
</head>
<body>
<div class="container">
<div class="page">
<header class="include-sidebar">
<div class="name-and-job-title">
<h1>Jamie Piper</h1>
<h2>Senior Frontend Developer</h2>
</div>
<div class="contact">
<ul>
<li>
<i class="fas fa-phone-square fa-lg"></i>
<span>07850 965 175</span>
</li>
<li>
<i class="fas fa-envelope-square fa-lg"></i>
<span>[email protected]</span>
</li>
<li>
<i class="fas fa-globe fa-lg"></i>
<span>jamiethepiper.com</span>
</li>
<li>
<i class="fas fa-map-marker-alt fa-lg"></i>
<span>Southampton, UK</span>
</li>
</ul>
</div>
</header>
<hr>
<section>
<p>Summarise your career here. Donec quam felis, ultricies nec, pellentesque eu. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.
Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh.
</p>
</section>
<hr>
<section class="include-sidebar">
<article>
<h3 class="section-heading">Work Experience</h3>
<div class="role-and-period">
<h4>Senior Frontend Developer</h4>
<span>Esteé Lauder | 2019 - 2020</span>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis alias culpa ea neque molestiae harum minima,
nihil nulla sapiente id vitae, cumque quis nam error est vel? Praesentium, nobis qui.</p>
<hr>
<div class="role-and-period">
<h4>Senior Delivery Lead</h4>
<span>Si Digital | 2018 - 2019</span>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis alias culpa ea neque molestiae harum minima,
nihil nulla sapiente id vitae, cumque quis nam error est vel? Praesentium, nobis qui.</p>
<hr>
<div class="role-and-period">
<h4>Senior Frontend Developer</h4>
<span>Alliants | 2011 - 2018</span>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis alias culpa ea neque molestiae harum minima,
nihil nulla sapiente id vitae, cumque quis nam error est vel? Praesentium, nobis qui.</p>
<hr>
<div class="role-and-period">
<h4>Frontend Developer</h4>
<span>Lawdit | 2011</span>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis alias culpa ea neque molestiae harum minima,
nihil nulla sapiente id vitae, cumque quis nam error est vel? Praesentium, nobis qui.</p>
<hr>
<div class="role-and-period">
<h4>Frontend Developer</h4>
<span>Printing.com | 2010</span>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis alias culpa ea neque molestiae harum minima,
nihil nulla sapiente id vitae, cumque quis nam error est vel? Praesentium, nobis qui.</p>
</article>
<article class="sidebar">
<h3 class="section-heading">Technical</h3>
<p>
HTML - CSS/SCSS - JS<br>
Angular - React - Vue<br>
Node.js
</p>
<h3 class="section-heading">Education</h3>
<p>
5 A-Levels<br>
11 GCSEs
</p>
<h3 class="section-heading">Interests</h3>
<p>Climbing</p>
</article>
</section>
</div>
</div>
</body>
</html>