-
Notifications
You must be signed in to change notification settings - Fork 0
/
accueil.html
168 lines (164 loc) · 6.4 KB
/
accueil.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Sébastien Schopfer</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico" />
<!-- Load external CSS styles -->
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<h1>Sébastien Schopfer</h1>
</header>
<nav>
<ul class="menu">
<li><a class="menu_lien" href="/accueil.html">accueil</a></li>
</ul>
<ul class="menu">
<li><a class="menu_lien" href="apropos.html">à propos</a></li>
</ul>
</nav>
<main>
<div class="background_information">
<div class="information_gauche_item">
<p class="information_gauche_item_text">
<span class="information_gauche_item_text_h3">Naissance </span>1984<br>
<span class="information_gauche_item_text_h3">Ville </span>Genève<br>
<span class="information_gauche_item_text_h3">Nationalité </span>Suisse<br>
<span class="information_gauche_item_text_h3">Statut </span>Marié
</p>
</div>
<div class="information_centre_item"></div><!--background-->
<div class="information_centre_item_text"><!--style du texte-->
<div>Persévérant</div>
<div>Résiliant</div>
<div>Pédagogue</div>
</div>
<div class="information_photo"></div><!--background-->
<div class="information_photo_position">
<img src="images/profil.png" alt="photo de profil" class="photo_profil">
</div>
</div>
<div class="background_professionnel">
<div class="description_carte">
<h2 class="description_carte_titre">Compétences</h2>
<p class="description_carte_paragraphe">
<a href="#">Gestion de groupe</a>
et gestion de dynamique de groupe.<br />
Création d'animation adapter à la dynamique de groupe et à
l'environnement<br />
Gestion et création de planning
</p>
</div>
<div class="description_carte">
<h2 class="description_carte_titre">Expérience</h2>
<p class="description_carte_paragraphe">test 2</ class="description_carte_paragraphe">
</div>
<div class="description_carte">
<h2 class="description_carte_titre">Education</h2>
<p class="description_carte_paragraphe">
Gestion de groupe et gestion de dynamique de groupe.<br />
Création d'animation adapter à la dynamique de groupe et à
l'environnement<br />
Gestion et création de planning
</p>
</div>
<div class="description_carte">
<h2 class="description_carte_titre">Hobby</h2>
<p class="description_carte_paragraphe">
<span class="span_description_carte">
<svg viewBox="0 0 452 520">
<title>HTML5 Logo Badge</title>
<path
fill="RGB(227,79,38)"
d="M 41,460 L 0,0 451,0 410,460 225,512"
/>
<path
fill="RGB(239,101,42)"
d="M 226,472 L 375,431 410,37 226,37"
/>
<path
fill="RGB(236,237,238)"
d="M 226,208 L 151,208 146,150 226,150 226,94 84,94 99,265 226,265 z M 226,355 L162,338 158,293 102,293 109,382 226,414 z"
/>
<path
fill="RGB(255,255,255)"
d="M 226,265 L 295,265 288,338 226,355 226,414 341,382 357,208 226,208 z M 226,94 L226,150 362,150 367,94 z"
/>
</svg>
<svg viewBox="0 0 452 520">
<title>Javascript Logo Badge</title>
<path
fill="RGB(229,162,40)"
d="M 0,0 L 451,0 410,460 225,512 41,460"
/>
<path
fill="RGB(241,191,38)"
d="M 226,472 L375,431 410,37 226,37"
/>
<path
fill="RGB(236,237,238)"
d="M 226,94 L 113,94 102,265 226,265 226,208 160,208 165,150 226,150 z M 226,355 L 162,338 158,293 102,293 109,382 226,414 z"
/>
<path
fill="RGB(255,255,255)"
d="M 226,265 L 295,265 288,338 226,355 226,414 341,382 357,208 226,208 z M 226,94 L 339,94 357,180 301,180 293,150 226,150 z"
/>
</svg>
<svg viewBox="0 0 452 520">
<title>CSS3 Logo Badge</title>
<path
fill="RGB(12,115,184)"
d="M 41,460 L 0,0 451,0 410,460 225,512"
/>
<path
fill="RGB(48,169,220)"
d="M 226,472 L 375,431 410,37 226,37"
/>
<path
fill="RGB(236,237,238)"
d="M 226,208 L 94,208 99,265 226,265 z M 226,94 L 84,94 89,150 226,150 z M 226,355 L 102,322 109,382 226,414 z"
/>
<path
fill="RGB(255,255,255)"
d="M 226,265 L 295,265 288,338 226,355 226,414 341,382 367,94 226,94 226,150 306,150 300,208 226,208 z"
/>
</svg>
<img src="/images/reading.svg" alt="lecture" />
</span>
</p>
</div>
</div>
<div class="background_autre">
<div class="description_carte">
<h2 class="description_carte_titre">Bénévolat</h2>
<p class="description_carte_paragraphe">Autre truc à dire</p>
</div>
</div>
</main>
<footer>
<div class="footer_carte">
<p class="footer_paragraphe">
Petit excercice
</p>
</div>
<div class="footer_carte">
<img class="footer_image"
src="/images/signature.png"
alt="signature de mous_tik">
</p>
</div>
<div class="footer_carte">
<p class="footer_paragraphe">
made by mous_tik
</p>
</div>
</div>
</footer>
<!-- Load external JavaScript -->
<script src="scripts.js"></script>
</body>
</html>