-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
64 lines (64 loc) · 5.04 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Lionel BONZOUMET - Développeur Web Mobile</title>
<link rel="stylesheet" href="cv_lionel.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="date_heure.js"></script>
<link href="https://fonts.googleapis.com/css?family=Reenie+Beanie:regular" rel="stylesheet" type="text/css">
</head>
<body>
<!-- <video autoplay muted loop id="backgroundVideo">
<source src="moviebg.mp4" type="video/mp4">
</video> -->
<img src="toulouse_pyrenees.jpg" alt="" id="backgroundImg">
<div id="hand"></div>
<div id="appsHome">
<div id="clock">
<div id="date_heure"></div>
<script type="text/javascript">window.onload = date_heure('date_heure');</script>
</div>
<!-- <div class="appsMargin"><a href="#facebookApp"><img src="facebookicon.jpg" alt=""></a></div> -->
<div class="appsMargin"><a href="#linkedinApp"><img src="linkedinicon.png" alt="" title="LinkedIn"></a></div>
<div class="appsMargin"><a href="#instagramApp"><img src="instagramicon.png" alt="" title="Mes passions"></a></div>
<div class="appsMargin"><a href="#gmailApp"><img src="gmailicon.png" alt="" title="Contact mail"></a></div>
<div class="appsMargin"><a href="#whatsApp"><img src="phone.png" alt="" title="Contact téléphonique"></a></div>
<div class="appsMargin"><a href="#gmapsApp"><img src="gmapsicon.png" alt="" title="Mon adresse"></a></div>
<div class="appsMargin"><a href="#ninegagApp"><img src="9gag.png" alt="" title="9GAG"></a></div>
<!-- <div class="appsMargin"><a href="#tinderApp"><img src="tindericon.png" alt=""></a></div> -->
<div class="appsMargin"><a href="CV_Lionel_BONZOUMET_Architecte_logiciel.pdf" target="_blank"><img src="cvicon.png" alt="" title="CV PDF"></a></div>
<div class="appsMargin"><a href="#twitterApp"><img src="twittericon.jpg" alt=""></a></div>
<div class="appsMargin indexSelf"><a href="#indexApps"><img src="indexapps.png" alt=""></a></div>
<div id="stickynote"><h1>CV web Lionel BONZOUMET</h1><p>(Parcourez les Apps pour naviguer)</p></div>
</div>
<div id="facebookApp" class="apps"><img src="facebookapp.jpg" alt=""></div>
<div id="whatsApp" class="apps"><img src="whatsapp.png" alt=""><a href="tel:+33603510056"><p class="phonenumber">06 03 51 00 56</p></a></div>
<div id="twitterApp" class="apps"><img class="noimg"src="no.gif" alt=""></div>
<div id="instagramApp" class="apps"><a href="https://www.instagram.com/imbenzou/" target="_blank" title="Cliquez pour accéder à mon profil Instagram"><img src="instagramapp.jpg" alt=""></a></div>
<div id="tinderApp" class="apps"><img class="noimg" src="no.gif" alt=""></div>
<div id="linkedinApp" class="apps"><a href="https://www.linkedin.com/in/lionel-bonzoumet-6a688382/" target="_blank"><img src="linkedinapp.jpg" alt="" title="Cliquez pour accéder à mon profil LinkedIn"></a></div>
<div id="gmailApp" class="apps"><a href="mailto:[email protected]" target="_blank" title="Cliquez pour m'envoyer un mail"><img src="gmailapp.png" alt=""></a><img class="typingcursor" src="typingcursor.gif" alt=""></div>
<div id="gmapsApp" class="apps"><a href="https://www.google.com/maps/dir//13+Rue+de+la+Charbonni%C3%A8re,+31400+Toulouse/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x12aebc73879cd765:0xad5092012c6a7810?sa=X&ved=2ahUKEwjQl4ar37nmAhWQTsAKHdMnAhQQwwUwAHoECAsQAw" target="_blank" title="Cliquez pour voir mon adresse sur Google Maps"><img src="gmapsapp.jpg" alt=""></a></div>
<div id="ninegagApp" class="apps"><img class="noimg" src="confusedcat.jpg" alt=""></div>
<div id="indexApps">
<div class="chapters"><h2>Langages</h2></div>
<div class="appsMargin"><a href=""><img src="html5.png" alt="" title="HTML5"></a></div>
<div class="appsMargin"><a href=""><img src="css3.png" alt="" title="CSS3"></a></div>
<div class="appsMargin"><a href=""><img src="bootstrap.png" alt="" title="BOOTSTRAP"></a></div>
<div class="appsMargin"><a href=""><img src="mysql.png" alt="" title="MySQL"></a></div>
<div class="appsMargin"><a href=""><img src="javascript.png" alt="" title="JavaScript"></a></div>
<div class="appsMargin"><a href=""><img src="nodejs.png" alt="" title="Node.js"></a></div>
<div class="appsMargin"><a href=""><img src="angular.png" alt="" title="ANGULAR"></a></div>
<div class="appsMargin"><a href=""><img src="ionic.png" alt="" title="IONIC"></a></div>
<div class="appsMargin"><a href=""><img src="php.png" alt="" title="PHP"></a></div>
<div class="appsMargin"><a href=""><img src="symfony.png" alt="" title="Symfony"></a></div>
<div class="chapters"><h2>Autres</h2></div>
<div class="appsMargin"><a href=""><img src="wordpressicon.png" alt="" title="WORDPRESS"></a></div>
<div class="appsMargin"><a href=""><img src="mailchimpicon.jpg" alt="" title="MAILCHIMP"></a></div>
<div class="appsMargin"><a href=""><img src="seoicon.png" alt="" title="SEO"></a></div>
</div>
<div id="bottomMenu"><a href="#appsHome"><img src="androidmenu.png" alt=""></a></div>
<div id="stickyCV"><p><a href="CV_Lionel_BONZOUMET_Architecte_logiciel.pdf" target="_blank">Envie d'un CV classique ?</a></p></div>
</body>
</html>