xxxxxxxxxx1
<!DOCTYPE html>2
<html lang="fr">3
4
<head>5
<meta charset="UTF-8" />6
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />7
<meta http-equiv="x-ua-compatible" content="ie=edge" />8
<title>AUTOMOTO TAHITI</title>9
<!-- Favicon -->10
<link rel="apple-touch-icon" sizes="57x57" href="/src/img/favicon/apple-icon-57x57.png">11
<link rel="apple-touch-icon" sizes="60x60" href="/src/img/favicon/apple-icon-60x60.png">12
<link rel="apple-touch-icon" sizes="72x72" href="/src/img/favicon/apple-icon-72x72.png">13
<link rel="apple-touch-icon" sizes="76x76" href="/src/img/favicon/apple-icon-76x76.png">14
<link rel="apple-touch-icon" sizes="114x114" href="/src/img/favicon/apple-icon-114x114.png">15
<link rel="apple-touch-icon" sizes="120x120" href="/src/img/favicon/apple-icon-120x120.png">16
<link rel="apple-touch-icon" sizes="144x144" href="/src/img/favicon/apple-icon-144x144.png">17
<link rel="apple-touch-icon" sizes="152x152" href="/src/img/favicon/apple-icon-152x152.png">18
<link rel="apple-touch-icon" sizes="180x180" href="/src/img/favicon/apple-icon-180x180.png">19
<link rel="icon" type="image/png" sizes="192x192" href="/src/img/favicon/android-icon-192x192.png">20
<link rel="icon" type="image/png" sizes="32x32" href="/src/img/favicon/favicon-32x32.png">21
<link rel="icon" type="image/png" sizes="96x96" href="/src/img/favicon/favicon-96x96.png">22
<link rel="icon" type="image/png" sizes="16x16" href="/src/img/favicon/favicon-16x16.png">23
<link rel="manifest" href="/src/img/favicon/manifest.json">24
<meta name="msapplication-TileColor" content="#ffffff">25
<meta name="msapplication-TileImage" content="/src/img/favicon/ms-icon-144x144.png">26
<meta name="theme-color" content="#ffffff">27
<!-- Font Awesome -->28
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />29
<!-- Google Fonts Roboto -->30
<link rel="preconnect" href="https://fonts.gstatic.com">31
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">32
<!-- Feuille de style -->33
<link rel="stylesheet" href="/inc/css/mdb.min.css" />34
<link rel="stylesheet" href="/inc/css/responsive.css" />35
<link rel="stylesheet" href="/inc/css/myStyle.css" />36
</head>37
38
<body onload="myFooter()">39
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">40
<div class="container">41
<a class="w-50" href="/index">42
<NOBR> <img class="logo_header" src="/src/img/logo.png" alt="LOGO AUTOMOTO TAHITI">43
<span class="ms-3 text-white fst-italic font-weight-bold"><small>Les petites annonces automobiles et deux-roues en Polynésie.</small></span>44
</NOBR>45
</a>46
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse" data-mdb-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">47
<i class="fas fa-bars"></i>48
</button>49
<section class="d-flex align-items-right flex-column">50
<div class="collapse navbar-collapse" id="navbarSupportedContent">51
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 w-100">52
<?php if(isset($_SESSION['emailUtilisateur'])){ ?>53
<li class="nav-item m-2">54
<a class="btn btn-block text-white" aria-current="page" href="#"><i class="fas fa-warehouse"></i> MON GARAGE</a>55
</li>56
<li class="nav-item m-2">57
<div class="dropdown">58
<style>59
.dropdown:hover>.dropdown-menu {60
display: block;61
}62
63
.dropdown>.dropdown-toggle:active {64
pointer-events: none;65
}66
</style>67
<button class="btn btn-block text-white dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">68
<i class="fas fa-user"></i> MON PROFIL69
</button>70
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">71
<a class="dropdown-item" href="#"><i class="far fa-id-badge"></i> Voir mon compte</a>72
<a class="dropdown-item" href="../../disconnect"><i class="fas fa-sign-out-alt"></i> Déconnexion</a>73
</div>74
</div>75
</li>76
<?php } else { ?>77
<li class="nav-item m-2">78
<a class="btn btn-block text-white" aria-current="page" href="/inc/part/user_login"><i class="fas fa-sign-in-alt"></i> CONNEXION / INSCRIPTION</a>79
</li>80
<?php } ?>81
<li class="nav-item m-2">82
<a class="btn btn-danger btn-block" aria-current="page" href="/new_annonce_step_1"><i class="fas fa-plus-circle"></i> POSTER UNE ANNONCE GRATUITEMENT</a>83
</li>84
</ul>85
</div>86
</section>87
</div>88
</nav>89
<nav class="navbar navbar-expand-lg navbar-secondary bg-secondary p-0">90
<div class="container">91
<div class="collapse navbar-collapse" id="navbarSupportedContent">92
<ul class="navbar-nav mx-auto mb-2 mb-lg-0 shift">93
<li class="nav-item m-2">94
<a class="nav-link text-white font-weight-bold text-center" aria-current="page" href="/index">ACCUEIL</a>95
</li>96
<li class="nav-item m-2">97
<a class="nav-link text-white font-weight-bold text-center" aria-current="page" href="/voiture">AUTOMOBILES</a>98
</li>99
<li class="nav-item m-2">100
<a class="nav-link text-white font-weight-bold text-center" aria-current="page" href="/deuxRoues">DEUX ROUES</a>101
</li>102
<li class="nav-item m-2">103
<a class="nav-link text-white font-weight-bold text-center" aria-current="page" href="/new_annonce_step_1">VENDRE</a>104
</li>105
<li class="nav-item m-2">106
<a class="nav-link text-white font-weight-bold text-center" aria-current="page" href="#">SERVICES</a>107
</li>108
<li class="nav-item m-2">109
<a class="nav-link text-white font-weight-bold text-center" aria-current="page" href="/contact">CONTACT</a>110
</li>111
</ul>112
</div>113
</div>114
</nav>115
<div class="row mt-3">116
<!-- Debut Select, Catégorie-->117
<div class="col-sm-3">118
<select name="categorieVoiture" id="categorieVoiture" class="select" multiple data-mdb-filter="true">119
<!-- Insertion requete Catégorie-->120
</select>121
<label class="form-label select-label">Catégorie</label>122
</div>123
<!-- Fin Select, Catégorie-->124
<!-- Debut Select, Marque-->125
<div class="col-sm-3">126
<select name="marqueVoiture" id="marqueVoiture" class="select" multiple data-mdb-filter="true">127
<!-- Insertion requete Marque-->128
<option>Option 1</option>129
<option>Option 2</option>130
<option>Option 3</option>131
<option>Option 4</option>132
</select>133
<label class="form-label select-label">Marque</label>134
</div> 135
<!-- Fin Select, Marque-->136
<!-- Debut Select, Kilométrage-->137
<div class="col-sm-3">138
<select class="select" multiple data-mdb-filter="true">139
140
</select>141
<label class="form-label select-label">Kilométrage</label>142
</div>143
<!-- Fin Select, Kilométrage-->144
<!-- Debut Bouton, Rechercher-->145
<div class="col-sm-3">146
<button id="rechercher" class="btn btn-block btn-danger">Recherche</button>147
</div>148
</div>149
<div class="row mt-4 mb-4">150
<!-- Debut Select, Energie-->151
<div class="col-sm-3">152
<select class="select" multiple data-mdb-filter="true">153
<!-- Insertion requete Catégorie-->154
</select>155
<label class="form-label select-label">Energie</label>156
</div>157
<!-- Fin Select, Energie-->158
<!-- Debut Select, Modèle-->159
<div class="col-sm-3">160
<select class="select" multiple data-mdb-filter="true">161
<!-- Insertion requete Marque-->162
</select>163
<label class="form-label select-label">Modèle</label>164
</div>165
<!-- Fin Select, Modèle-->166
<!-- Debut Select, Prix-->167
<div class="col-sm-3">168
<select class="select" multiple data-mdb-filter="true">169
170
</select>171
<label class="form-label select-label">Prix</label>172
</div>173
<!-- Fin Select, Prix-->174
<!-- Debut Bouton, -->175
<div class="col-sm-3">176
<form method="post">177
<button id="more_car_button" type="button" onclick="more_critere('more_car_crit','more_car_button')" class="btn btn-block text-black">Plus de critères</button>178
</form>179
</div>180
<div class="col-12" id="more_car_crit" style="display: none">181
<div class="row mt-4">182
<!-- Debut Select, Année-->183
<div class="col-sm-3" >184
<select class="select" multiple data-mdb-filter="true" name="annee" id="annee">185
<!-- Insertion requete Année-->186
</select>187
<label for="annee" class="form-label select-label">Année</label>188
</div>189
<!-- Fin Select, Année-->190
<!-- Debut Select, Numéro d'immatriculation-->191
<div class="col-sm-3" >192
<select class="select" multiple data-mdb-filter="true" name="immatriculation" id="immatriculation">193
<!-- Insertion requete Numéro d'immatriculation-->194
</select>195
<label for="immatriculation" class="form-label select-label">Numéro d'immatriculation</label>196
</div>197
<!-- Fin Select, Numéro d'immatriculation-->198
<!-- Debut Select, Transmission-->199
<div class="col-sm-3" >200
<select class="select" multiple data-mdb-filter="true" name="transmission" id =transmission>201
202
</select>203
<label for="transmission" class="form-label select-label">Transmission</label>204
</div>205
<!-- Fin Select, Transmission-->206
</div>207
<div class="row mt-3 mb-5" >208
<!-- Debut Select, Type de vendeur-->209
<div class="col-sm-3">210
<select class="select" multiple data-mdb-filter="true" name="vendeur" id="vendeur">211
<!-- Insertion requete Type de vendeur-->212
</select>213
<label for="vendeur" class="form-label select-label">Type de vendeur</label>214
</div>215
<!-- Fin Select, Type de vendeur-->216
<!-- Debut Select, Localisation-->217
<div class="col-sm-3">218
<select class="select" multiple data-mdb-filter="true" name="localisation" id="localisation">219
<!-- Insertion requete Localisation-->220
</select>221
<label for="localisation" class="form-label select-label">Localisation</label>222
</div>223
<!-- Fin Select, Localisation-->224
<!-- Debut Select, Couleur-->225
<div class="col-sm-3" >226
<select class="select" multiple data-mdb-filter="true" name="couleur" id="couleur">227
228
</select>229
<label for="couleur" class="form-label select-label">Couleur</label>230
</div>231
232
<!-- Fin Select, Couleur-->233
</div>234
</div>235
</div>236
<footer class="bg-dark text-white text-center text-lg-start footer" id="footer">237
<div class="container p-4">238
<div class="row">239
<div class="col-lg-3 col-md-6 mb-4 mb-md-0 text-center">240
<p class="m-0">241
<strong>242
<a class="btn btn-link" href=""><i class="fas fa-gavel"></i> Conditions générales de vente</a>243
</strong>244
</p>245
</div>246
<div class="col-lg-3 col-md-6 mb-4 mb-md-0 text-center">247
<p class="m-0">248
<strong>249
<a class="btn btn-link" href="../../mention"><i class="fas fa-gavel"></i> Mentions légales</a>250
</strong>251
</p>252
</div>253
<div class="col-lg-3 col-md-6 mb-4 mb-md-0 text-center">254
<p class="m-0">255
<strong>256
<a class="btn btn-link" href=""><i class="fas fa-plus"></i> à propos</a>257
</strong>258
</p>259
</div>260
<div class="col-lg-3 col-md-6 mb-4 mb-md-0 text-center">261
<a class="btn btn-primary" style="background-color: #55ACEE" href="#!" role="button">262
<i class="fab fa-twitter"></i>263
</a>264
<a class="btn btn-primary" style="background-color: #3B5997" href="#!" role="button">265
<i class="fab fa-facebook-f"></i>266
</a>267
<a class="btn btn-primary" style="background-color: #6752BB" href="#!" role="button">268
<i class="fab fa-instagram"></i>269
</a>270
</div>271
</div>272
</div>273
<div class="text-center p-1" style="background-color: rgba(0, 0, 0, 0.2)">274
<div class="row">275
<div class="col-8 text-center p-3">276
<p class="m-0">277
© 2021 Propriétaire : Arnaud LUYSSEN | Développé par :278
<a class="text-white" href="https://dev-ml.com/" target="_blank">DEV_ML</a>279
</p>280
</div>281
<div class="col-4 text-center p-3">282
<p class="m-0"><a class="text-white" href="#"><i class="fas fa-chevron-up"></i> Retour en haut</a></p>283
</div>284
</div>285
</div>286
<a class="card my-3 shadow-2-strong" >287
<div class="row">288
<div class="col-sm-3">289
<img src="src/img/image_derniereAnnonce.png" class="w-100";/>290
</div>291
<div class="col-sm-8" style="text-align: start">292
<h4 class="m-1 mt-2" style="color: #BD1522; font-weight: bold;">Titre d'annonce</h4>293
<p class="m-1 my-3" style="color: black">Date de publication</p>294
<div class="row">295
<div class="col-6">296
<p class="m-1 " style="color: black;">Vendeur</p>297
<p class="m-1 " style="color: black; font-weight: bold;">Type de vendeur</p>298
</div>299
<div class="col-6">300
<p class="m-1" style="color: #BD1522; text-align: end;font-weight: bold;">Prix de l'annonce en xpf</p>301
<p class="m-1 text-black" style=" text-align: end;font-weight: bold;">Prix de l'annonce en euro</p>302
</div>303
</div>304
</div>305
<div class="col-sm-1 text-center">306
<button type="button" class="btn btn-light btn-floating mt-2" ><i class="far fa-heart" ></i></button>307
</div>308
</div>309
</a><a class="card my-3 shadow-2-strong" >310
<div class="row">311
<div class="col-sm-3">312
<img src="src/img/image_derniereAnnonce.png" class="w-100";/>313
</div>314
<div class="col-sm-8" style="text-align: start">315
<h4 class="m-1 mt-2" style="color: #BD1522; font-weight: bold;">Titre d'annonce</h4>316
<p class="m-1 my-3" style="color: black">Date de publication</p>317
<div class="row">318
<div class="col-6">319
<p class="m-1 " style="color: black;">Vendeur</p>320
<p class="m-1 " style="color: black; font-weight: bold;">Type de vendeur</p>321
</div>322
<div class="col-6">323
<p class="m-1" style="color: #BD1522; text-align: end;font-weight: bold;">Prix de l'annonce en xpf</p>324
<p class="m-1 text-black" style=" text-align: end;font-weight: bold;">Prix de l'annonce en euro</p>325
</div>326
</div>327
</div>328
<div class="col-sm-1 text-center">329
<button type="button" class="btn btn-light btn-floating mt-2" ><i class="far fa-heart" ></i></button>330
</div>331
</div>332
</a><a class="card my-3 shadow-2-strong" >333
<div class="row">334
<div class="col-sm-3">335
<img src="src/img/image_derniereAnnonce.png" class="w-100";/>336
</div>337
<div class="col-sm-8" style="text-align: start">338
<h4 class="m-1 mt-2" style="color: #BD1522; font-weight: bold;">Titre d'annonce</h4>339
<p class="m-1 my-3" style="color: black">Date de publication</p>340
<div class="row">341
<div class="col-6">342
<p class="m-1 " style="color: black;">Vendeur</p>343
<p class="m-1 " style="color: black; font-weight: bold;">Type de vendeur</p>344
</div>345
<div class="col-6">346
<p class="m-1" style="color: #BD1522; text-align: end;font-weight: bold;">Prix de l'annonce en xpf</p>347
<p class="m-1 text-black" style=" text-align: end;font-weight: bold;">Prix de l'annonce en euro</p>348
</div>349
</div>350
</div>351
<div class="col-sm-1 text-center">352
<button type="button" class="btn btn-light btn-floating mt-2" ><i class="far fa-heart" ></i></button>353
</div>354
</div>355
</a><a class="card my-3 shadow-2-strong" >356
<div class="row">357
<div class="col-sm-3">358
<img src="src/img/image_derniereAnnonce.png" class="w-100";/>359
</div>360
<div class="col-sm-8" style="text-align: start">361
<h4 class="m-1 mt-2" style="color: #BD1522; font-weight: bold;">Titre d'annonce</h4>362
<p class="m-1 my-3" style="color: black">Date de publication</p>363
<div class="row">364
<div class="col-6">365
<p class="m-1 " style="color: black;">Vendeur</p>366
<p class="m-1 " style="color: black; font-weight: bold;">Type de vendeur</p>367
</div>368
<div class="col-6">369
<p class="m-1" style="color: #BD1522; text-align: end;font-weight: bold;">Prix de l'annonce en xpf</p>370
<p class="m-1 text-black" style=" text-align: end;font-weight: bold;">Prix de l'annonce en euro</p>371
</div>372
</div>373
</div>374
<div class="col-sm-1 text-center">375
<button type="button" class="btn btn-light btn-floating mt-2" ><i class="far fa-heart" ></i></button>376
</div>377
</div>378
</a>379
</footer>380
<script type="text/javascript" src="/inc/js/jquery-3.5.1.min.js"></script>381
<script type="text/javascript" src="/inc/js/mdb.min.js"></script>382
<script type="text/javascript" src="/inc/js/lightbox.js"></script>383
<script type="text/javascript">384
// Plus de critères385
function more_critere(myDiv, myButton) {386
var maDiv = document.getElementById(myDiv);387
var monBouton = document.getElementById(myButton).textContent || document.getElementById(myButton).innerText;388
if (monBouton == "Plus de critères") {389
maDiv.style.display = "block";390
document.getElementById(myButton).innerText = "Moins de critères";391
} else {392
maDiv.style.display = "none";393
document.getElementById(myButton).innerText = "Plus de critères";394
}395
}396
397
// Paramètre du footer398
function myFooter() {399
var hauteur = document.getElementById('footer').offsetHeight + 100;400
document.getElementById('content').style.marginBottom = hauteur + "px";401
}402
403
404
</script>405
</body>406
</html>407
1
1
1
1
Console errors: 0