-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (105 loc) · 5.79 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
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
<!doctype html>
<html class="no-js" lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>garage billou</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<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="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- start header -->
<header class="main-header">
<nav class="main-navigation mainColor">
<div class="nav-wrapper flex">
<img src="img/logo.png" alt="logo">
<input id="menu-checkbox" type="checkbox" class="menu-checkbox">
<label for="menu-checkbox" class="menu-toggle"><i class="fas fa-bars"></i></label>
<ul class="menu">
<li><a href="index.html">Présentation</a></li>
<li><a href="actualités.html">Actualités</a></li>
<li><a href="catalogue.html">Catalogue</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="garantie-garage.html">Garantie</a></li>
</ul>
<ul class="menu">
<li><a href="inscription.html">Connexion/Inscription</a></li>
</ul>
</div>
</nav>
<div class="titre-accroche flex">
<h1>Le luxe n'a pas de prix.</h1>
</div>
</header>
<!-- end header -->
<!-- start main -->
<main>
<h3 class="tCenter paragrapheEspace">La société Luxe-Import</h3>
<p class="tCenter paragrapheEspace">À la recherche d’une voiture de prestige ? Plutôt sportive, nous sommes là pour vous aider à trouver ce que vous désirez.</br>
Plus 35 années d’expérience dans l’automobile nous ont permis d’aiguiser nos connaissances et notre savoir-faire, afin de mettre à votre disposition les plus beaux modèles de voitures de luxe.
À votre écoute, nous mettons tous nos moyens pour vous offrir un service haut de gamme.</br>
Luxe-Import Automobiles est une société familiale passionnée par l’automobile, qui vous garantit le contrôle de l’origine et l’état de chaque modèle.</p>
<section class="cadreSection">
<div class="blockIndex tCenter secondColor">
<h5>LUXE-IMPORT VOUS PROPOSE :</h5>
<ul>
<li class="ecartementLi">Une selection des plus belles voitures.</li>
<li class="ecartementLi">Une mise à disposition rapide des nouveaux modèles.</li>
<li class="ecartementLi">Une prestation sur mesure pour vos financements.</li>
<li class="ecartementLi">Une livraison à domicile de votre véhicule.</li>
<li class="ecartementLi">Une personnalisation de votre véhicule (Mercedes AMG)</li>
<li class="ecartementLi">Une possiblité d'achat de tous les véhicules haut de gamme.</li>
<li class="ecartementLi">Un interlocuteur présent et actif.</li>
<li class="ecartementLi">Un service haut de gamme constant et personnalisé.</li>
</ul>
</div>
</section>
<h6 class="tCenter">Un numéro à votre disposition pour vous permettre d'avoir des renseignements et de commander votre nouveaux véhicules : 09 02 40 80 50</h6>
</main>
<!-- end main -->
<!-- start footer -->
<footer class="mainColor">
<div class="flex lienFoot">
<ul>
<li><a href="catalogue.html">Vehicules neuf</a></li>
<li><a href="voitures-vendues.html">Vehicules d'occasions</a></li>
<li><a href="garantie-garage.html">Garantie</a></li>
</ul>
<ul>
<li><a href="actualités.html">Actualités</a></li>
<li><a href="inscription.html">Connexion/Inscription</a></li>
</ul>
</div>
<div class="flex copyright">
<h4>Un site réaliser par Quentin Duponcheel pour la formation AGEFOS 2018.</h4>
</div>
<div class="flex copyright">
<img class="logo" src="img/logo.png" alt="logo">
</div>
</footer>
<!-- end footer -->
<script src="js/vendor/modernizr-3.6.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script>
</body>
</html>