-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (81 loc) · 7.08 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>CV_GREAUME_ROMAIN</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;0,700;1,200&display=swap" rel="stylesheet">
</head>
<body>
<!--<header id="header">
<img class="mail" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDI2LjY2NyA0MjYuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MjYuNjY3IDQyNi42Njc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMzg0LDQyLjY2N0g0Mi42NjdjLTIzLjU3MywwLTQyLjQ1MywxOS4wOTMtNDIuNDUzLDQyLjY2N0wwLDM0MS4zMzNDMCwzNjQuOTA3LDE5LjA5MywzODQsNDIuNjY3LDM4NEgzODQNCgkJCWMyMy41NzMsMCw0Mi42NjctMTkuMDkzLDQyLjY2Ny00Mi42Njd2LTI1NkM0MjYuNjY3LDYxLjc2LDQwNy41NzMsNDIuNjY3LDM4NCw0Mi42Njd6IE0zODQsMTI4TDIxMy4zMzMsMjM0LjY2N0w0Mi42NjcsMTI4DQoJCQlWODUuMzMzTDIxMy4zMzMsMTkyTDM4NCw4NS4zMzNWMTI4eiIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K" />
<img class="tel" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDY5LjMzMyA0NjkuMzMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NjkuMzMzIDQ2OS4zMzM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cGF0aCBkPSJNMzQxLjIyNywwLjIxM0wxMjcuODkzLDBDMTA0LjMyLDAsODUuNDQsMTkuMDkzLDg1LjQ0LDQyLjY2N3YzODRjMCwyMy41NzMsMTguODgsNDIuNjY3LDQyLjQ1Myw0Mi42NjdoMjEzLjMzMw0KCQkJYzIzLjU3MywwLDQyLjY2Ny0xOS4wOTMsNDIuNjY3LTQyLjY2N3YtMzg0QzM4My44OTMsMTkuMDkzLDM2NC44LDAuMjEzLDM0MS4yMjcsMC4yMTN6IE0zNDEuMjI3LDM4NEgxMjcuODkzVjg1LjMzM2gyMTMuMzMzVjM4NHoNCgkJCSIvPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K" />
<img class="home" src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDI2LjY2NyA0MjYuNjY3IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MjYuNjY3IDQyNi42Njc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8Zz4NCgkJCTxwYXRoIGQ9Ik0yMTMuMzMzLDEwNi42NjdWMjEuMzMzSDB2Mzg0aDQyNi42NjdWMTA2LjY2N0gyMTMuMzMzeiBNODUuMzMzLDM2Mi42NjdINDIuNjY3VjMyMGg0Mi42NjdWMzYyLjY2N3ogTTg1LjMzMywyNzcuMzMzDQoJCQkJSDQyLjY2N3YtNDIuNjY3aDQyLjY2N1YyNzcuMzMzeiBNODUuMzMzLDE5Mkg0Mi42Njd2LTQyLjY2N2g0Mi42NjdWMTkyeiBNODUuMzMzLDEwNi42NjdINDIuNjY3VjY0aDQyLjY2N1YxMDYuNjY3eg0KCQkJCSBNMTcwLjY2NywzNjIuNjY3SDEyOFYzMjBoNDIuNjY3VjM2Mi42Njd6IE0xNzAuNjY3LDI3Ny4zMzNIMTI4di00Mi42NjdoNDIuNjY3VjI3Ny4zMzN6IE0xNzAuNjY3LDE5MkgxMjh2LTQyLjY2N2g0Mi42NjdWMTkyeg0KCQkJCSBNMTcwLjY2NywxMDYuNjY3SDEyOFY2NGg0Mi42NjdWMTA2LjY2N3ogTTM4NCwzNjIuNjY3SDIxMy4zMzNWMzIwSDI1NnYtNDIuNjY3aC00Mi42Njd2LTQyLjY2N0gyNTZWMTkyaC00Mi42Njd2LTQyLjY2N0gzODQNCgkJCQlWMzYyLjY2N3oiLz4NCgkJCTxyZWN0IHg9IjI5OC42NjciIHk9IjE5MiIgd2lkdGg9IjQyLjY2NyIgaGVpZ2h0PSI0Mi42NjciLz4NCgkJCTxyZWN0IHg9IjI5OC42NjciIHk9IjI3Ny4zMzMiIHdpZHRoPSI0Mi42NjciIGhlaWdodD0iNDIuNjY3Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==" />
</header>-->
<main>
<div class="grid">
<div class="identite">
<h1 class="nomDeFamille">GREAUME</h1>
<h1 class="prenom">ROMAIN</h1>
<h2 class="statut">DEV JS/JAVA</h2>
</div>
<!--<div class="photo">
<img class="photoCv" src="./photo_cv.jpg" alt="photo_cv"/>
</div>-->
<div class="profil zoom">
<h2 class="Categories">PROFIL</h2>
<p>Dynamique, autonome et passionné par le numérique, je me forme actuellement afin de devenir
développeur web fullstack. Intégrer une entreprise, apprendre des autres, forger mon expérience,
pour d'ici quelques années envisager de créer ma propre entreprise dans le développement.
</p>
</div>
<div class="experiences zoom">
<h2 class="Categories">EXPÉRIENCES</h2>
<article>
<h3><em>2016/2017</em> - Bazman Prod - Quimper</h3>
<ul>
<li>Création du site web</li>
<li>Communication / Graphisme</li>
<li>Captation d'images</li>
</ul>
</article>
<article>
<h3><em>2017/2018</em> - Yves Rocher France - Rennes</h3>
<ul>
<li>Graphisme / Print</li>
<li>Motion design</li>
<li>Captation d'images</li>
</ul>
</article>
<article>
<h3><em>2018/2019</em> - Suez France - Rennes</h3>
<ul>
<li>Motion design</li>
</ul>
</article>
</div>
<div class="competences zoom">
<h2 class="Categories">COMPÉTENCES</h2>
<ul>
<li>Création print</li>
<li>Création vidéo</li>
<li>Développement web</li>
<li>Entrepreunariat</li>
</ul>
</div>
<div class="formations zoom">
<h2 class="Categories">FORMATIONS</h2>
<article>
<h3><em>2016/2017</em> - Bachelor Communication / Webdesign - Vannes</h3>
<p>Ipac Bachelor Factory</p>
<h3><em>2017/2019</em> - Master Ux Design - Rennes</h3>
<p>Digital Campus</p>
<h3><em>2020/2021</em> - Formation Développeur web/mobile - Nantes</h3>
<p>Simplon</p>
</article>
</div>
</div>
</main>
</body>
</html>