-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpresentation.html
More file actions
200 lines (193 loc) · 9.71 KB
/
Copy pathpresentation.html
File metadata and controls
200 lines (193 loc) · 9.71 KB
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8" />
<title></title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content="" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<link rel="manifest" href="site.webmanifest" />
<link rel="apple-touch-icon" href="icon.png" />
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/main.css" />
<link rel="stylesheet" href="css/presentation.css" />
<meta name="theme-color" content="#fafafa" />
</head>
<body>
<header class="d-flex flex-column align-items-center">
<nav class="navbar navbar-expand-lg navbar-light bg-nav d-flex mb-4">
<button id="openBtn" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class=""><img class="header-burger" src="img/menuburgerblanc.png" alt=""></span>
</button>
<a class="navbar-brand" href="index.html"><img class="header-logo-res" src="img/logoBH.png" alt=""></a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav d-flex justify-content-around w-100">
<div class="d-flex justify-content-start align-items-center w-25">
<li class="nav-item active">
<a class="nav-link text-white" href="index.html">Accueil <span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="presentation.html">Présentation</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="product.html">Produit</a>
</li>
</div>
<a class="navbar-brand" href="index.html"><img class="header-logo" src="img/LOGOTCH.png" alt=""></a>
<div class="d-flex justify-content-end align-items-center w-25">
<li class="nav-item">
<a class="nav-link text-white" href="contact.html">Contact</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-white" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Langues
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" id="frTranslator" href="#">Français</a>
<a class="dropdown-item" id="enTranslator" href="#">English</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="connect.php">Connexion</a>
</li>
</div>
</ul>
</div>
<div id="mySidenav" class="sidenav bg-nav2">
<a id="closeBtn" href="#" class="close">×</a>
<ul>
<li class="nav-item active">
<a class="nav-link text-white" href="index.html">Accueil <span class="sr-only"></span></a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="presentation.html">Présentation</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="product.html">Produit</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Langues</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="connect.php">Connexion</a>
</li>
</ul>
</div>
</nav>
</header>
<section class="sec1">
<div class="bloc1">
<div class="left">
<div class="firsttxt">
<h1 class="firsth">Station Supervisor </h1>
<h3 class="secondh">L’entreprise Station Supervisor a été créée le 7 janvier 2018 par Jean-Pierre Casoni,
un entrepreneur dans le secteur de la logistique durable.</br>
Il a décidé de créer l’entreprise Station Supervisor pour diminuer l'impact environnemental des transports.
En proposant aux entreprises des solutions de recharge pour les véhicules électriques tout en veillant à ce que la mobilité électrique soit accessible à tous.</h3>
</div>
</div>
<div class="right">
<img src="img/job-5382501_1920.jpg" class="imgjob">
</div>
</div>
</section>
</div>
<div class="bgimg">
<section class="sec2">
<div class="bloc2">
<div class="firsttxt2">
<h2 class="firsth2">Une équipe à votre écoute !</h2>
<h3 class="secondh2">L’entreprise n’a pas voulu s’arrêter là et a décidé de commercialiser un logiciel de supervision des bornes électriques. Contenant une page de l’historique des transactions et de gestion des utilisateurs. Mais également, un système de ticketing est disponible 24h/24 et 7j/7. Avec cette application, nous pouvons synchroniser les comptes bancaires pour les transactions et on a la possibilité de redémarrer une borne à distance.
De plus, une détection des véhicules ventouses peut-être effectuée.
</h3>
</div>
</div>
</section>
<div class="button">
<a href="contact.html"><button class="buttoncont">Une question ?</button></a>
</div>
</div>
<section class="sec3">
<div class="bloc3">
<div class="right3">
<div class="firsttxt">
<h2 class="firsth3">Présentation de toute l'équipe.</h2>
<h4 class="secondh3"> Nos différentes équipes composées de comptable, ressources humaines, de maintenance etc.... </h4>
<div class="equipeimg">
<img src="img/pexels-antoni-shkraba-5306457.jpg">
<img class="gd" src="img/pexels-artem-podrez-6990252.jpg">
<img src="img/pexels-polina-tankilevitch-6929182.jpg">
<img src="img/pexels-rodnae-productions-7647922.jpg">
<img src="img/pexels-vanessa-garcia-6326377.jpg">
<img src="img/pexels-yan-krukov-7693185.jpg">
</div>
</div>
</div>
</div>
</section>
<footer class="bg-platine-rev">
<article class="d-flex flex-row align-items-center footer-card">
<a class="footer-logo" href="index.html"><img class="logo2" src="img/LOGOTCV.png" alt=""></a>
<div class="white-bar"></div>
<section class="footer-block d-flex flex-column">
<h6 class="text-white">Contact</h6>
<div class="d-flex flex-column">
<a class="link text-white" href="#">Formulaire</a>
<div class="d-flex flex-row icones">
<a class="link" href="https://www.instagram.com"><img class="footer-icone" src="img/instavertglowdefou.png" alt=""></a>
<a class="link" href="https://fr-fr.facebook.com"><img class="footer-icone" src="img/facebook.png" alt=""></a></a>
<a class="link" href="https://fr.linkedin.com"><img class="footer-icone" src="img/linkedin.png" alt=""></a>
</div>
</div>
</section>
<section class="footer-block d-flex flex-column">
<h6 class="text-white">Présentation</h6>
<div class="d-flex flex-column">
<a class="link text-white" href="presentation.html">Entreprise</a>
<a class="link text-white" href="#">Equipe</a>
</div>
</section>
<section class="footer-block d-flex flex-column">
<h6 class="text-white">Service</h6>
<div class="d-flex flex-column">
<a class="link text-white" href="product.html">Présentation</a>
<a class="link text-white" href="#">Abonnement</a>
<a class="link text-white" href="#">Prestation</a>
</div>
</section>
<section class="footer-block d-flex flex-column">
<h6 class="text-white text-decoration-underline text-">Connexion</h6>
<div class="d-flex flex-column">
<a class="link text-white" href="connect.php">Client</a>
</div>
</section>
</article>
</footer>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"
integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"
integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK"
crossorigin="anonymous"
></script>
<script src="js/main.js"></script>
</body>
</html>