-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (128 loc) · 6.22 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mon CV en Ligne</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<!-- START HEADER -->
<div class="container">
<div class="row">
<div class="col-xs-12 text-center">
<p class="titre1">CV de Trofleau Clément</p>
</div>
</div>
</div>
<!-- END HEADER -->
<!-- CORPS DE LA PAGE -->
<div class="container">
<div class="row">
<!-- START ASIDE -->
<div class="col-sm-3 text-center aside">
<!-- Photo -->
<div class="row">
<div class="col-xs-12">
<img src="photo.jpeg" alt="une photo de profils" class="photo">
</div>
</div>
<!-- End Photo -->
<!-- Présentation -->
<div class="row">
<div class="col-xs-12 presentation">
<p>Clément Trofleau 22 ans jeune, dynamique,serviable et souriant. travail en javascript depuis environs 6mois.</p>
</div>
</div>
<!-- End Présentation -->
<!-- START coordonnée -->
<div class="row coordonn">
<div class="col-xs-12 text-left">
<p class="text-center titre2">Coordonnée</p>
<ul class="coor">
<li>Tel : 07-89-56-62-14</li>
<li>e-mail : [email protected]</li>
<li>Adresse : 3 rue de noyon 80440 Amiens</li>
</ul>
</div>
</div>
<!-- END Coordonnée -->
<!-- START List LANGUE -->
<div class="row coordonnee">
<div class="col-xs-12 text-left">
<p class="titre2 text-center">Langue</p>
<ul class="coor">
<li>ANGLAIS</li>
</ul>
</div>
</div>
<!-- END List LANGUE -->
<!-- START LOISIR -->
<div class="row coordonnee bas">
<div class="col-xs-12 text-left">
<p class="titre2 text-center">Loisir</p>
<ul class="coor">
<li>Mangas</li>
<li>Lecture</li>
<li>Apprendre</li>
<li>Coder</li>
<li>Poker</li>
<li>Veille thecnologique</li>
</ul>
</div>
</div>
<!-- END LOISIR -->
</div>
<div class="col-sm-9 text-center">
<div class="row">
<div class="col-xs-12">
<h1>Mes Experiences</h1>
</div>
</div>
<div class="row exp">
<div class="col-xs-12">
<h2>titre secondaire</h2>
</div>
<div class="col-xs-12">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras facilisis congue nisi ut viverr a. Nulla ultrices risus id dui lacinia laoreet. Praesent et nunc tincidunt tellus mattis vulputate. Fusce et neque ut nibh dictum fermentum.
Suspendisse potenti. Phasellus sed ero s vitae lectus dictum elementum. Curabitur nec volutpat libero, ac varius lacus. Maecenas auc tor mauris lacus, quis luctus nunc posuere porta. Phasellus aliquam, odio eu ultricies aliquet,
augue metus consequat enim, laoreet au ctor urna purus at urna.</p>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h1>Mes Etudes</h1>
</div>
</div>
<div class="row exp">
<div class="col-xs-12">
<h2>Titre secondaire</h2>
</div>
<div class="col-xs-12">
<p class="para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras facilisis congue nisi ut viverr a. Nulla ultrices risus id dui lacinia laoreet. Praesent et nunc tincidunt tellus mattis vulputate. Fusce et neque ut nibh dictum fermentum.
Suspendisse potenti. Phasellus sed ero s vitae lectus dictum elementum. Curabitur nec volutpat libero, ac varius lacus. Maecenas auc tor mauris lacus, quis luctus nunc posuere porta. Phasellus aliquam, odio eu ultricies aliquet,
augue metus consequat enim, laoreet au ctor urna purus at urna.vulputate. Fusce et neque ut nibh dictum fermentum. Suspendisse potenti. Phasellus sed ero s vitae lectus dictum elementum. Curabitur nec volutpat libero, ac varius
lacus. Maecevulputate. Fusce et neque ut nibh dictum fermentum. Suspendisse potenti. Phasellus sed ero s vitae lectus dictu</p>
</div>
</div>
</div>
</div>
</div>
<!-- FIN DU CORPS DE LA PAGE -->
<!-- START FOOTER -->
<div class="container footer">
<div class="row">
<div class="col-xs-12 text-center toto">
<p>CV JANVIER 2017</p>
<p>Je reste a votre entière disposition pour tout information complémentaire</p>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>