commit 90582a722d3148cf06fd2c49ec01cd27a8090c57 Author: Florian du Garage Num Date: Mon Jul 3 12:30:04 2023 +0200 1er commit diff --git a/Berline.html b/Berline.html new file mode 100644 index 0000000..8f45ed9 --- /dev/null +++ b/Berline.html @@ -0,0 +1,104 @@ + + + + + + + Berline + + + + + + + +
+
+ + + + +
+
+

Berline

+
+
+ +
+
+

+ +

+
+
+ Avantage de la berline Une berline est adaptée pour faire de longs trajets. De plus, grâce à sa faible hauteur, elle est parfaitement assise sur la route, ce qui vous procure une bonne sensation de conduite et de sécurité dans les virages. Silencieuse et confortable, cette catégorie de voiture vous offrira un déplacement agréable. +
+
+
+
+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Citadine.html b/Citadine.html new file mode 100644 index 0000000..cf627d2 --- /dev/null +++ b/Citadine.html @@ -0,0 +1,94 @@ + + + + + + + Citadine + + + + + + +
+
+ + + +
+
+

Citadine

+
+
+ +
+
+

+ +

+
+
+ Les atouts d'une voiture citadine: + L'usage de cette petite voiture vous permettra de découvrir la facilité d'arpenter les ruelles étroites de la ville. Également, elle vous permettra de trouver plus facilement une place pour vous garer grâce à son petit format et sa maniabilité facile. +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/SUV.html b/SUV.html new file mode 100644 index 0000000..d920e8d --- /dev/null +++ b/SUV.html @@ -0,0 +1,96 @@ + + + + + + + SUV + + + + + +
+
+ + + + + +
+
+

SUV

+
+
+ + +
+
+

+ +

+
+
+ Pourquoi craquer pour un SUV (sport utility vehicle) ? Ces véhicules séduisent de plus en plus les utilisateurs. Leur notoriété ne fait que s'accroitre et pour cause : ils sont spacieux et offrent un sentiment de sécurité tout en ayant un look sympa ! C'est particulièrement un comble pour les familles. +
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/image/B1.jpg b/image/B1.jpg new file mode 100644 index 0000000..3635ad0 Binary files /dev/null and b/image/B1.jpg differ diff --git a/image/B2.jpg b/image/B2.jpg new file mode 100644 index 0000000..3577626 Binary files /dev/null and b/image/B2.jpg differ diff --git a/image/B3.jpg b/image/B3.jpg new file mode 100644 index 0000000..c0c85a0 Binary files /dev/null and b/image/B3.jpg differ diff --git a/image/SUV.jpg b/image/SUV.jpg new file mode 100644 index 0000000..18d81b1 Binary files /dev/null and b/image/SUV.jpg differ diff --git a/image/berline.jpg b/image/berline.jpg new file mode 100644 index 0000000..33d300e Binary files /dev/null and b/image/berline.jpg differ diff --git a/image/citadine.jpg b/image/citadine.jpg new file mode 100644 index 0000000..881e8d9 Binary files /dev/null and b/image/citadine.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..eb01fa3 --- /dev/null +++ b/index.html @@ -0,0 +1,84 @@ + + + + + + + Which + + + + + + + +
+
+ + + + + + + + +
+
+

Bienvenue sur Which +

+
+
+
+
+

+ LE SITE QUI RECENSE LA VOITURE SELON VOS BESOIN!

+
+
+

Sans avoir une connaissance accrue des marques, modèles et versions des voitures d'occasion à vendre, vous + pouvez + aisément répondre à quelques besoins simples concernant votre conduite : est-ce que je conduis plutôt en milieu + urbain, péri-urbain ou est-ce que je fais de longs trajets ? Ai-je besoin d'un grand coffre, car j'ai + régulièrement + du matériel à transporter ? Combien de personnes ai-je besoin de transporter au quotidien ?

+ + +

Vous avez cliqué 0 fois

+ + + + + +
+
+ + + + + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..a0208f4 --- /dev/null +++ b/script.js @@ -0,0 +1,20 @@ +var counter = 0; + +function myCounter() { + counter++; + document.getElementById("counterDisplay").innerText = counter; + console.log("vous avez cliqué ", counter, " fois"); +} + +document.getElementById("clickCounter").addEventListener('click', myCounter) + +function changeFontSize() { + var newSize = document.getElementById('textSize').value + "px"; + var paragraphs = document.getElementsByTagName('p'); + + for(var i=0; i< paragraphs.length; i++) { + paragraphs[i].style.fontSize = newSize; + } +} + +document.getElementById("textSize").addEventListener('input', changeFontSize) \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..b3f01b5 --- /dev/null +++ b/styles.css @@ -0,0 +1,32 @@ + +h1{ + color:#6dcff5 !important; +} + +h2 { + color:#6dcff5 !important; + text-align: right; +} + +p{color: #ffffff + ; + font-size: large;} + + .accordion-item{ + background-color: #212529; color: #f1e2cf; ; + + } + + + +.my-navbar{ + background-color: #f1e2cf !important; + +} +body{ + background-color: #212529 + +} +.bg-body-tertiary { + background-color: #f1e2cf !important; +}