-
Notifications
You must be signed in to change notification settings - Fork 0
/
certification.html
160 lines (133 loc) · 8.26 KB
/
certification.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
<!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.0">
<title>Mes certifications</title>
<meta name="description" content="Cette page contient toutes les certifications de Simon Bénet">
<meta name="copyright" content="Simon Bénet">
<meta name="author" content="Simon Bénet">
<!-- // ---- OG---- // -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://simonbenet.com">
<meta property="og:site_name" content="Simon Bénet">
<meta property="og:title" content="Simon Bénet">
<meta property="og:description" content="Simon Bénet, is a developer of responsive, referenced and accessible web apps with modern and creative designs">
<meta property="og:locale" content="en">
<meta property="og:image" content="https://simonbenet.com/img/og_index_page.png">
<!-- // ---- Favicons---- // -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- // ---- ScriptJs ---- // -->
<script src="assets/js/persistantColorMode.js" defer></script>
<script src="assets/js/certificationSlider.js" defer></script>
<script src="assets/js/progressionScrollBar.js" defer></script>
<!-- // ---- Favicons ---- // -->
<!-- // ---- Stylesheet ---- // -->
<link rel="stylesheet" href="./assets/css/styles.min.css">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,500" rel="stylesheet">
</head>
<body id="certificationBody" class="dark">
<!-- // ---- Application Header ---- // -->
<header id="mainHeader" class="default">
<div id="logoContainer">
<div id="logo"><a href="/index.html#homeSection" title="lien d'acces rapide à la section 'Accueil'"><img src="/assets/img/pp+logo/SBT.png" alt=""></a></div>
</div>
<div id="dotContainer">
<span id="darkMode" class="headerActionSpanDot colorModeSpan noActive" title="Mode nuit"><img class="day-nightImg noActive" src="/assets/img/svg/moon.svg" alt="Icone lune au format svg"></span>
<span id="lightMode" class="headerActionSpanDot colorModeSpan active" title="Mode jour"><img class="day-nightImg" src="/assets/img/svg/sun.svg" alt="Icone soleil au format svg"></span>
</div>
</div>
<!-- // ---- Application Navbar ---- // -->
<nav id="navbar" class="dark">
<a id="navbarA1" class="navLink" href="/index.html#aboutSection" title="lien d'accès rapide à la section 'a propos'"><span class="navbarSpan1">1.<span class="navbarSpan2">A propos</span><img id="aboutIcon" class="navIcon" src="/assets/img/svg/about.svg" alt="Icone 'à propos' au format svg"></span></a>
<a id="navbarA2" class="navLink" href="/index.html#workSection" title="lien d'accès rapide à la section 'projets'"><span class="navbarSpan1">2.<span class="navbarSpan2">Mes projets</span><img id="checkIcon" class="navIcon" src="/assets/img/svg/check.svg" alt="Icone 'mes projets' au format svg"></span></a>
<a id="navbarA3" class="navLink" href="/index.html#serviceSection" title="lien d'accès rapide à la section 'prestations'"><span class="navbarSpan1">3.<span class="navbarSpan2">Mes prestations</span><img id="handshakeIcon" class="navIcon" src="/assets/img/svg/handgear.svg" alt="Icone 'mes prestations' au format svg"></span></a>
<!-- <a id="navbarA4" class="navLink" href="/index.html#moreSection" title="lien d'accès rapide à la section 'en savoir plus'"><span class="navbarSpan1">4.<span class="navbarSpan2">En savoir plus</span><img id="moreIcon" class="navIcon" src="/assets/img/svg/more.svg" alt="Icone 'en savoir plus' au format svg"></span></a> -->
</nav>
<!-- // ---- Application Scroll Progression Bar ---- // -->
<div id="progressionScrollBar"></div>
</header>
<!-- // ---- Application Certification section ---- // -->
<section id="certificationSliderSection">
<div id="certificationContainer">
<div id="leftDirectionContainer" class="slideDirectionContainer">
<div id="leftDirection" onclick="certificationSlideChange(-1)"><</div>
</div>
<!-- // ---- Opquast ---- // -->
<img id="certificationFirstSlide" class="certificationImg" src="/assets/img/certification/opquast.png" alt="certification OPQUAST au format png">
<!-- // ---- Web responsive ---- // -->
<img class="certificationImg" src="/assets/img/certification/webResponsive.png" alt="certification FreeCodeCamp 'web responsive' au format png">
<div id="rightDirectionContainer" class="slideDirectionContainer">
<div id="rightDirection" onclick="certificationSlideChange(1)">></div>
</div>
</div>
</section>
<!-- // ---- Application left SideNav ---- // -->
<div id="leftSideNav" class="certificationLeftSideNav">
<ul>
<li class="socialLink">
<a href="https://www.linkedin.com/in/simon-b%C3%A9net/" title="Lien vers mon profil linkedin">
<img src="/assets/img/svg/linkedin.svg" alt="logo linkedin au format svg">
</a>
</li>
<li class="socialLink">
<a href="https://www.fiverr.com/simonbenet" title="Lien vers mon profil fiverr">
<img src="/assets/img/svg/fiverr.svg" alt="logo fiverr au format svg">
</a>
</li>
<li class="socialLink">
<a href="https://github.com/SimonBnt" title="Lien vers mon profil github">
<img src="/assets/img/svg/github.svg" alt="logo github au format svg">
</a>
</li>
<li class="socialLink">
<a href="https://codepen.io/MrDisco" title="Lien vers mon profil codepen">
<img src="/assets/img/svg/codepen.svg" alt="logo codepen au format svg">
</a>
</li>
<!-- <li class="socialLink">
<a href="" title="Lien vers mon profil facebook">
<img src="/assets/img/svg/facebook.svg" alt="logo facebook au format svg">
</a>
</li>
<li class="socialLink">
<a href="" title="Lien vers mon profil instagram">
<img src="/assets/img/svg/instagram.svg" alt="logo instagram au format svg">
</a>
</li> -->
</ul>
</div>
<!-- // ---- Application right SideNav ---- // -->
<div id="rightSideNav">
<div id="mailContainer">
<a href="mailto:simon.benet@gmail.com" rel="noopener noreferrer" target="_blank" title="Envoyer un mail">benet.simon1@gmail.com</a>
</div>
</div>
<!-- // ---- Application Footer ---- // -->
<footer class="default" id="footerScrollEvent">
<div id="footerContentContainer">
<div id="specContainer">
<ul>
<li><img src="/assets/img/svg/html.svg" alt="html 5 svg icone"></li>
<li><img src="/assets/img/svg/sass.svg" alt="sass svg icone"></li>
<li><img src="/assets/img/svg/javascript.svg" alt="javascript svg icone"></li>
</ul>
</div>
<p>Conçu et developpé en <time>2023 </time>par <strong>Simon Bénet</strong>.</p>
<address>Limoges, France</address>
<p id="companyName">Simon Bénet E.I</p>
<p>06 73 37 67 42</p>
<div id="information">
<a id="siret" href="https://www.societe.com/societe/monsieur-simon-benet-948392535.html" rel="noopener noreferrer" target="_blank" title="Voir ma fiche d'établissement sur societe.com">Siret { <strong>948 392 535 000 19</strong> }</a>
<a id="legalNotice" href="/frLegalNotice.html" rel="noopener noreferrer" target="_blank" title="Voir les mentions légales">@Mentions légales</a>
</div>
</div>
</footer>
</body>