session-4/index.html at master · edj-initiation-code/session-4 · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Exercice de style</title>
	<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
	<header>
		<div class="centered">
			<p class="subtitle">Software Developer</p>
			<h1>John Doe</h1>
			<address>
				<ul>
					<li>john.doe@email.com</li>
					<li>0123456543</li>
					<li>johndoe.com</li>
					<li>johnyD</li>
				</ul>
			</address>
		</div>
	</header>

	<main>

		<section>
			<h2>Experience</h2>
			<article>
				<h3>Company A</h3>
				<p class="details">
					<span class="object">Developer</span>
					<span class="period">since January 2016</span>
				</p>
				<p>Programming and watching cute cat videos</p>
			</article>
			<article>
				<h3>Company B</h3>
				<p class="details">
					<span class="object">Frontend Developer</span>
					<span class="period">January 2015 - December 2015</span>
				</p>
				<p>Fulfillment of extemely important tasks</p>
			</article>
			<article>
				<h3>Company C</h3>
				<p class="details">
					<span class="object">Trainee</span>
					<span class="period">March 2014 - December 2014</span>
				</p>
				<p>Making coffee and baking cookies</p>
			</article>
		</section>

		<section>
			<h2>Education</h2>
			<article>
				<h3>Major in Hacking and Computer Penetration, University A, New York, USA</h3>
				<p class="details">
					<span class="object">Master of arts</span>
					<span class="period">March 2012 - December 2013</span>
				</p>
			</article>
			<article>
				<h3>Major in Engineering, University B, Los Angeles, USA</h3>
				<p class="details">
					<span class="object">Bachelor of Science</span>
					<span class="period">March 2009 - December 2011</span>
				</p>
			</article>
		</section>

		<section>
			<h2>Skills</h2>
			<p>Also proficient in Adobe Photoshop and Illustrator, grew up bilingual (English and Klingon).</p>
			<ul>
				<li>HTML 5</li>
				<li>CSS 3</li>
				<li>JavaScript</li>
				<li>Node.js</li>
				<li>Angular 2</li>
				<li>Type Script</li>
				<li>ES.Next</li>
				<li>Docker</li>
			</ul>
		</section>

	</main>

	<footer>
		<div class="centered">
			<h2>About me</h2>
			<p>Hi, my name is John Doe. I'm just about the most boring type of person you could possible imagine. I like collecting leaves from the tree in my back yard and documenting each time I eat a peanut that is non-uniform. I am not a robot. Please hire me.</p>
		</div>
	</footer>
</body>
</html>