-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaccueil.html
260 lines (248 loc) · 10.8 KB
/
accueil.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
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Credeco-Accueil</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.css" >
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/accueil.css">
<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gabriela" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet">
<script src="js/holder.js"></script>
</head>
<body>
<!-- start header -->
<header class="container-fluid mt-4">
<div class="row pt-3 header">
<div class="col-auto" id="menutop">
<ul class="list-inline">
<li class="list-inline-item blue pr-4">02 343 12 22</li>
<li class="list-inline-item pr-4"><a href="mailto:[email protected]" class="blue">[email protected]</a></li>
<li class="list-inline-item">
<div class="dropdown">
<button class="btn btn-link dropdown-toggle blue" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
FR
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item blue" href="#">NL</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</header>
<!-- end header -->
<!-- start nav -->
<nav class="navbar navbar-expand-lg navbar-light bg-white align-items-end">
<a class="navbar-brand credecoLogo" href="#">
<img src="images/credeco_logo.svg" alt="Credeco logo" class="img-fluid">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav menu justify-content-between">
<li class="nav-item">
<a class="nav-link active" id="active2" href="accueil.html">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link darkgrey" href="techniques.html">Techniques de marquage</a>
</li>
<li class="nav-item">
<a class="nav-link darkgrey" href="catalogues.html">Catalogues</a>
</li>
<li class="nav-item">
<a class="nav-link darkgrey" href="devis.html">Devis en ligne</a>
</li>
<li class="nav-item">
<a class="nav-link darkgrey" href="sportplayer.html">SportPlayer</a>
</li>
</ul>
</div>
</nav>
<!-- end nav -->
<!-- carousel -->
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="images/home_1.jpg" alt="First slide">
<div class="carousel-caption d-none d-md-block">
<div class="greyZone">
<h1 class="slider">Travail <span class="yellow">méticuleux</span></h1>
</div>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/home_2.jpg" alt="Second slide">
<div class="carousel-caption d-none d-md-block">
<div class="greyZone">
<h1 class="slider">Respect <span class="red"> des délais</span></h1>
</div>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="images/home_3.jpg" alt="Third slide">
<div class="carousel-caption d-none d-md-block">
<div class="greyZone">
<h1 class="slider">Grande <span class="blue">expérience</span></h1>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span> -->
<img src="icons/left_arrow.svg" alt="" class="arrow">
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<!-- <span class="carousel-control-next-icon" aria-hidden="true"></span> -->
<img src="icons/right_arrow.svg" alt="" class="arrow">
<span class="sr-only">Next</span>
</a>
</div>
<!-- end carousel -->
<!-- start main -->
<div class="container-fluid main spaceTop darkgrey justify-content-between align-items-stretch">
<div class="row px-3 px-md-0">
<div class="offset-md-1 col-md-6">
<div class="texte-qui">
<h1 class="red title pb-3 pb-lg-5">Qui sommes-nous?</h1>
<p class="pb-3">La société Credeco est spécialisée depuis plus de 50 ans dans l'impression,
la broderie, la sérigraphie sur textile publicitaire et vêtements en tous
genres. <br>Nous sommes équipés pour pouvoir réaliser aussi bien vos petites
et grandes quantités.</p>
<p class="lightgrey pb-3">
L'impression d'objets publicitaires, promotionnels ou articles cadeaux fait
aussi partie de notre activité.</p>
<p class="lightgrey pb-3">
Exemples de supports traités : tout vêtement, tee-shirt (t-shirt), polo,
sweat-shirt, veste, chemise, vêtement de travail, parapluie, casquette, sac
de sport, porte document, tablier...</p>
<p class="lightgrey pb-0">
N'hésitez pas à prendre contact pour toute information ou demande de
collaboration.</p>
</div>
</div>
<div class="col-md-4 justify-content-between align-content-stretch">
<div class="contact">
<h1 class="red title pb-3 pb-lg-5">Contactez-nous</h1>
<div class="data">
<img src="icons/marker.svg">
<p>Rue du Feu 55<br>1190 Forest</p>
</div>
<div class="data">
<img src="icons/telephone.svg">
<p>Philippe Denis<br>
Aurore Denis<br>
02 343 12 22<br>
<span class="blue"><a class="link" href="mailto:[email protected]">[email protected]</a></span><br>
<span class="blue"><a class="link" href="https://www.facebook.com/Credeco-315049618551794/">facebook</a></span></p>
</div>
<div class="data">
<img src="icons/horaire.svg">
<p class="mb-0">Du lundi au vendredi<br>de 9h00 à17h00</p>
</div>
</div>
</div>
</div>
</div>
<!-- end main -->
<!-- circles -->
<div class="container-fluid spaceTop">
<div class="row allCircles">
<div class="col-md-3 col-xl-4 mb-5 mb-md-0">
<img src="icons/circle_track.svg" alt="" class="circle pb-4 pb-lg-5 img-fluid">
<p>Service livraison dans toute<br>
la Belgique et international</p>
</div>
<div class="col-md-3 col-xl-4 mb-5 mb-md-0">
<a href="devis.html"><img src="icons/circle_calculator.svg" alt="" class="circle pb-4 pb-lg-5 img-fluid"></a>
<p><a href="devis.html">Demandez un devis<br>
personnalisé en ligne</a></p>
</div>
<div class="col-md-3 col-xl-4">
<a href="https://www.sportplayer.be" target="_blanc"><img src="icons/circle_sportplayer.svg" alt="" class="circle pb-4 pb-lg-5 img-fluid"></a>
<p><a href="https://www.sportplayer.be" target="_blanc">Commandez facilement<br>
votre équipement de sport</a></p>
</div>
</div>
</div>
<!-- end circles -->
<!-- clients -->
<div class="container-fluid clients spaceTop">
<div class="row justify-content-center">
<h1 class="red title pb-5">Ils nous font confiance</h1>
</div>
<div class="row justify-content-around">
<div class="col"></div>
<div class="col"><a href="https://www.volkswagen.be" target="_blanc"><img src="images/volkswagen.svg" alt="" class="clientLogo img-fluid"></a></div>
<div class="col"><a href="http://www.prosportevent.be" target="_blanc"><img src="images/prosport.svg" class="clientLogo img-fluid"></a></div>
<div class="col"><a href="https://www.seat.be" target="_blanc"><img src="images/seat.svg" alt="" class="clientLogo img-fluid"></a></div>
<div class="col"><a href="https://www.skoda.be" target="_blanc"><img src="images/skoda.svg" alt="" class="clientLogo img-fluid"></a></div>
<div class="col"><a href="http://www.elia.be/" target="_blanc"><img src="images/elia.svg" alt="" class="clientLogo img-fluid"></a></div>
<div class="col"><a href="https://www.cap48.be" target="_blanc"><img src="images/cap48.svg" alt="" class="clientLogo img-fluid"></a></div>
<div class="col"><a href="https://www.mercedes-benz.be" target="_blanc"><img src="images/mercedes.svg" alt="" class="clientLogo img-fluid"></a></div>
<div class="col"><a href="https://www.porsche.com/belgium" target="_blanc"><img src="images/porsche.svg" alt="" class="clientLogo img-fluid"></a></div>
<div class="col"></div>
</div>
</div>
</div>
<!-- end clients -->
<!-- map -->
<div class="container-fluid spaceTop p-0">
<div class="row no-gutters">
<div class="col-md-6">
<div id="map"></div>
</div>
<div class="col-md-6" id="streetView">
<img class="img-fluid" src="images/streetview.jpg" alt="">
</div>
</div>
</div>
<!-- end map -->
<!-- footer -->
<div class="footer text-center text-white py-4 px-3">
<p class="pt-5">
Credeco, société spécialisée dans l'impression, la broderie et la sérigraphie sur textile et vêtements publicitaires<br>
comme t-shirt, sweat-shirt, chemise, veste... et dans l'impression d'objets publicitaires.
</p>
<p>
Credeco SPRL - Rue du Feu 55, 1190 Bruxelles 02 343 12 22
</p>
<p ">
<a href="conditions generales/CGVFacture-1.jpg">Conditions générales de vente</a> - <a href="mentions legales/mentions-legales.jpg">Mentions légales</a>
</p>
</div>
<!-- end footer -->
<script>
// Initialize and add the map
function initMap() {
// The location of Uluru
var uluru = {lat: 50.820107, lng: 4.323040};
// The map, centered at Uluru
var map = new google.maps.Map(
document.getElementById('map'), {zoom: 17, center: uluru});
// The marker, positioned at Uluru
var marker = new google.maps.Marker({position: uluru, map: map});
}
</script>
<!--Load the API from the specified URL
* The async attribute allows the browser to render the page while the API loads
* The key parameter will contain your own API key (which is not needed for this tutorial)
* The callback parameter executes the initMap() function
-->
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAXkbbu8VAnFNyzrpxD14ms3yaGXGf2yhA&callback=initMap">
</script>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/jquery-3.3.1.min.js" ></script>
<script src="js/popper.min.js" ></script>
<script src="js/bootstrap.js" ></script>
</body>
</html>