-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (137 loc) · 4.63 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>CV de Noémie Martin: Développeuse fullstack</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://kit.fontawesome.com/6002d8f0af.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<nav class="primary-block">
<div>
<h2>Noémie MARTIN</h2>
</div>
<div id="menu">
<ul>
<li><a href="#presentation">Présentation</a></li>
<li><a href="#experiences">Experiences</a></li>
<li><a href="#formations">Formations</a></li>
</ul>
</div>
</nav>
<header class="secondary-block">
<div id="header-description">
<h1>Noémie MARTIN</h1>
<h2>Développeuse fullstack</h2>
</div>
<div>
<img src="./img/noemie_martin.png" alt="Photo de Noémie MARTIN" />
</div>
</header>
<section id="presentation" class="primary-block">
<div class="content">
<h3>Présentation</h3>
<div>
<ul class="list-with-points">
<li>Passionée</li>
<li>Autonome</li>
<li>Une bonne journée...</li>
</ul>
</div>
</div>
</section> <!-- /section presentation -->
<section id="projet" class="secondary-block">
<div class="content">
<h3>Mes projets personels</h3>
<div>
<ul>
<li><a href="./blog-cuisine/index.html">Mon blog Cui'zine</a></li>
</ul>
</div>
</div>
</section>
<section id="experiences" class="secondary-block">
<div class="content">
<h3>Experience Pro</h3>
<div>
<div>
<div class="experience-title">
<span>Stagiaire</span>
<span>2018</span>
</div>
<ul>
<li>
Création site web
</li>
<li>Manageement de projet</li>
</ul>
</div>
<div>
<div class="experience-title">
<span>Bénévole</span>
<span>2016-2018</span>
</div>
<ul>
<li>
Création site web
</li>
<li>Manageement de projet</li>
</ul>
</div>
</div>
</div>
</section> <!-- /section experience-->
<section id="formations" class="primary-block">
<div class="content">
<h3>Formations</h3>
<ul>
<li class="experience-title">
<span>License</span>
<span> 2018</span>
</li>
<li class="experience-title">
<span>Bac</span>
<span>2015</span>
</li>
</ul>
</div>
</section> <!-- /section formations-->
<section class="secondary-block">
<div class="content">
<h3>Passions</h3>
<p>saut en parachute, voyage, bali</p>
<div class="content">
</section>
<footer class="primary-block">
<div id="footer-links">
<div id="footer-links-inside">
<div>
<ul>
<li>
<a href="http://konexio.eu" target="_blank">Mon blog de voyage</a>
</li>
<li>
<a href="http://konexio.eu" target="_blank">Mon blog tech</a>
</li>
</ul>
</div> <!-- /liens blog -->
<div>
<ul>
<li>
<a href="http://konexio.eu" target="_blank">
<i class="fab fa-twitter-square"></i>Twitter
</a>
</li>
<li>
<a href="http://konexio.eu" target="_blank">
<i class="fab fa-linkedin"></i>Linkedin
</a>
</li>
</ul>
</div> <!-- /liens sociaux -->
</div>
</div>
</footer>
</body>
</html>