-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingleCar.html
156 lines (110 loc) · 10.7 KB
/
singleCar.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
<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WS9TVVQNHE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WS9TVVQNHE');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="BMW 535i, Navi, Leather, ABS disponible immédiatement sur la région parisienne. Vous souhaitez la voir ou obtenir des précisions, contatez nous.">
<title>Description véhicule - CLUB AUTO</title>
<link rel="stylesheet" href="css/style-min.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<!--header-->
<header>
<a id="toggleButtonMenu" class="mobileMenu" href="#" title="Menu"><svg width="80px" height="80px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M41,14H7a2,2,0,0,1,0-4H41A2,2,0,0,1,41,14Z" fill="#ECEFF3"/><path d="M41,26H7a2,2,0,0,1,0-4H41A2,2,0,0,1,41,26Z" fill="#ECEFF3"/><path d="M41,38H7a2,2,0,0,1,0-4H41A2,2,0,0,1,41,38Z" fill="#ECEFF3"/></svg></a>
<div id="headInfos">
<div id="mainTitleSingle" class="mainTitleOtherPages"><a href="index.html"><h1>CLUB AUTO</h1></a></div>
<div id="adress" class="iconTextGrid"><img src="images/icone-adresse.png" alt="Icone adresse"><p><span class="brownTouch isBold">Adresse : </span><br/>AVENUE CHARLES DE GAULLE<br/>75000 PARIS</p></div>
<div id="tel" class="iconTextGrid"><img src="images/icon-telephone.png" alt="Icone Téléphone"><p><span class="brownTouch isBold">Téléphone :</span><br/><span class="whiteTouch isBold isBigger">01 23 45 67 89</span></p></div>
<div id="horaires"><p><span class="brownTouch isBold">OUVERTURE :</span> <span class="whiteTouch isBold">Du lundi au Samedi</span><br/><span class="brownTouch isBold">HORAIRES :</span> <span class="whiteTouch isBold">De 9h à 17h</span></p></div>
<div id="headerSocials">
<a href="https://www.facebook.com/" target="_blank" title="Lien vers notre page facebook"><svg fill="#ECEFF3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg></a>
<a href="https://twitter.com" target="_blank" title="Lien vers notre compte X (ex Twitter)"><svg fill="#ECEFF3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a>
</div>
</div>
<!--Début navigation-->
<div class="navImgGrid">
<nav>
<ul id="wrapMenu" class="hidden">
<li ><a class="isBold" href="index.html">ACCUEIL</a></li>
<li title="Page non incluse dans le cahier des charges du projet"><a class="isBold" href="#">VENTE</a></li>
<li title="Page non incluse dans le cahier des charges du projet"><a class="isBold" href="#">LOCATION</a></li>
<li><a class="isBold" href="contact.html">CONTACT</a></li>
</ul>
</nav>
<!--Fin navigation-->
</div>
</header>
<!--Fin header-->
<!--Début breadcrumbs-->
<ul class="breadcrumbs">
<li><a href="index.html">ACCUEIL</a></li>
<li><a href="index.html#newCars">VENTE</a></li>
<li><a href="#">BMW 535I, NAVI, LEATHER ABS</a></li>
</ul>
<!--Fin breadcrumbs-->
<!--***********************************************DEBUT CONTENU*******************************************************************-->
<main id="mainSingleCar">
<div class="singleCarWrapper">
<h2>BMW 535i, Navi, Leather, ABS</h2>
<img id="singleCarImg" src="images/vehicule2.jpg" sizes="40vw" srcset="images/vehicule2-400.webp 400w, images/vehicule2-600.webp 600w, images/vehicule2-800.webp 800w, images/vehicule2-1000.webp 1000w, images/vehicule2-1500.webp 1500w" alt="Photo d'un véhicule BMW 535i, Navi, Leather, ABS">
<div>
<nav >
<ul id="onglets">
<li id="singleDesc" class="itemOnglets"><a id="btDesc" href="#">DESCRIPTION</a></li>
<li id="singleTech" class="itemOnglets"><a id="btTech" href="#">TECHNIQUE</a></li>
<li id="singleOptions" class="itemOnglets"><a id="btOpt" href="#">OPTIONS</a></li>
<li id="singleContact" class="itemOnglets"><a id="btCont" href="contact.html">CONTACT</a></li>
</ul>
</nav>
<div id="carSubContent">
</div>
</div>
</div>
</main>
<!--****************************************************************FIN CONTENU**************************************************************-->
<!--DEBUT FOOTER-->
<footer>
<div id="footerInfo">
<div class="info">
<h3 class="whiteTouch isBold"><span class="blueTouch">CLUB</span> AUTO</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolor fugit quidem quibusdam fugiat, exercitationem doloremque.</p>
</div>
<div class="info">
<h3 class="whiteTouch isBold">HORAIRES D'OUVERTURE</h3>
<p>Lundi-Samedi : <span class="whiteTouch">09:00 - 17:00</span><br>
Dimanche et jours fériés : <span class="whiteTouch">fermé</span>
</p>
</div>
<div class="info">
<h3 class="whiteTouch isBold">NEWSLETTER</h3>
<div class="newsLetter"><input type="email" placeholder="Entrez votre email"><a><img src="images/rss.png" alt="Icone flux Rss" title="Icone flux rss"></a>
</div><p>Inscrivez-vous pour recevoir les dernières offres</p>
</div>
<div class="info"><h3 class="whiteTouch isBold">RESEAUX SOCIAUX</h3>
<div class="socials">
<a href="https://www.facebook.com/" target="_blank" title="Lien vers notre page Facebook"><svg fill="#ECEFF3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg></a>
<a href="https://twitter.com" target="_blank" title="Lien vers notre compte Twitter"><svg fill="#ECEFF3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg></a>
<a href="https://www.instagram.com" target="_blank" title="Lien vers notre compte Instagram"><svg fill="#ECEFF3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></a>
<a href="https://www.linkedin.com" target="_blank" title="Lien vers notre page Linkedin"><svg fill="#ECEFF3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg></a>
<a href="https://www.youtube.com" target="_blank" title="Lien vers notre page Youtube"><svg fill="#ECEFF3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg></a>
</div>
</div>
</div>
<p id="mention">Copyright © Club Auto - Tous droits réservés</p>
</footer>
<!--FIN FOOTER-->
<script src="js/main-min.js"></script>
</body>
</html>