Browse Source

dépot unique !

master
ibrahim.sarikaya 3 years ago
commit
569ddf45bd
  1. BIN
      avatar.png
  2. BIN
      background.jpeg
  3. BIN
      bcka.jpeg
  4. BIN
      bcksx.jpeg
  5. BIN
      cos.jpeg
  6. 46
      expage.html
  7. 46
      home.html
  8. 64
      localisation.html
  9. 62
      login.html
  10. 56
      serie1.html
  11. BIN
      serie1.jpeg
  12. BIN
      serie1.jpg
  13. 56
      serie2.html
  14. BIN
      serie2.jpg
  15. 57
      serie3.html
  16. BIN
      serie3.jpeg
  17. 57
      serie4.html
  18. BIN
      serie4.jpeg
  19. 57
      serie5.html
  20. BIN
      serie5.jpeg
  21. 57
      serie6.html
  22. BIN
      serie6.jpeg
  23. 57
      serie7.html
  24. BIN
      serie7.jpeg
  25. 280
      stylepage.css
  26. 55
      x1.html
  27. BIN
      x1.jpeg
  28. 55
      x2.html
  29. BIN
      x2.jpeg
  30. 55
      x3.html
  31. BIN
      x3.jpeg
  32. 55
      x4.html
  33. BIN
      x4.jpeg
  34. 55
      x5.html
  35. BIN
      x5.jpeg
  36. 55
      x6.html
  37. BIN
      x6.jpeg
  38. 55
      x7.html
  39. BIN
      x7.jpeg

BIN
avatar.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
background.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 720 KiB

BIN
bcka.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

BIN
bcksx.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 435 KiB

BIN
cos.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

46
expage.html

@ -0,0 +1,46 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>

46
home.html

@ -0,0 +1,46 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>

64
localisation.html

@ -0,0 +1,64 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<div class="conteneur">
<div id="div2">
<h3>Localisation</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1414.2410537898668!2d2.592294627971005!3d46.36543342096562!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47f0a784c0a2887f%3A0xed8c58a5371a13d9!2sBMW%20H%C3%A9li-Motors!5e1!3m2!1sfr!2sfr!4v1640790535999!5m2!1sfr!2sfr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>

62
login.html

@ -0,0 +1,62 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
<div class="loginbox">
<img src="avatar.png" class="avatar"
<h1>Login Here</h1>
<form>
<p>Username</p>
<input type="text" name="" placeholder="Enter Username">
<p>Passowrd</p>
<input type="Password" name="" placeholder="Enter Passowrd">
<input type="submit" name="" value="login">
<a href="#"> Mot de passe oublié?</a><br>
<a href="#"> Pas de compte</a>
</form>
</div>
</body>
<div id="div1"></div>

56
serie1.html

@ -0,0 +1,56 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>Série 1 année 2021 </li>
<div class="image1">
</div>
<br>
<br>
<br>
<li> Transmission, châssis et volant M de la BMW Série 1. Accélérations puissantes, agilité extrême et tenue de route impeccable – la Nouvelle BMW Série 1 fait de chaque trajet une expérience hautement gratifiante grâce à son puissant moteur et un châssis collé à la route porté par des suspensions orientées vers le dynamisme.Pour un total de 5 ch fiscale</li>
</ul>

BIN
serie1.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

BIN
serie1.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 KiB

56
serie2.html

@ -0,0 +1,56 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>Série 2 année 2021 </li>
<div class="image2">
</div>
<br>
<br>
<br>
<li> BMW SÉRIE 2 ACTIVE TOURER HYBRIDE RECHARGEABLE JUSQU’À 326 CH*. Les BMW 230e xDrive et 225e xDrive Active Tourer vous permettent de profiter d’une mobilité durable et d’une dynamique de conduite exaltante jusqu’à 240 kW/326 ch* pour un couple de 477 Nm* (BMW 230e xDrive).</li>
</ul>

BIN
serie2.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

57
serie3.html

@ -0,0 +1,57 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>Série 3 année 2021 </li>
<div class="image3">
</div>
<br>
<br>
<br>
<li> La BMW Série 3 Berline combine des proportions puissantes et un design marquant possédant une sportivité typique de la ligne M. La BMW M3 Competition Berline développe une puissance impressionnante de 510 ch et un couple épatant de 650 Nm. Équipée du moteur BMW M TwinPower Turbo à hautes performances, d'une boîte de vitesses M Steptronic à 8 rapports.</li>
</ul>

BIN
serie3.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

57
serie4.html

@ -0,0 +1,57 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>Série 4 année 2021 </li>
<div class="image4">
</div>
<br>
<br>
<br>
<li> Dès les premiers instants, la BMW Série 4 Gran Coupé exprime ses ambitions : une sportivité exaltante, une tenue de route de haute précision et un confort optimal s’associent pour faire vivre au conducteur une expérience de performances fascinante avec une tenue parfaite sur route et en virage.</li>
</ul>

BIN
serie4.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

57
serie5.html

@ -0,0 +1,57 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>Série 5 année 2021 </li>
<div class="image5">
</div>
<br>
<br>
<br>La BMW Série 5 Touring établit de nouvelles références en matière de sportivité. L’empattement long et le capot allongé soulignent son élégance tandis que des contours précis et des surfaces réduites lui confèrent une allure moderne.
<li> </li>
</ul>

BIN
serie5.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

57
serie6.html

@ -0,0 +1,57 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>Série 6 année 2021 </li>
<div class="image6">
</div>
<br>
<br>
<br>
<li> Une élégance unique : Le design extérieur de la BMW Série 6 Gran Turismo séduit par son esthétique dynamique et son caractère hors du commun. Les naseaux plus anguleux et le design lumineux de la partie avant modifié confèrent au véhicule une physionomie expressive et un regard acéré.</li>
</ul>

BIN
serie6.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

57
serie7.html

@ -0,0 +1,57 @@
<html>
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>Série 7 année 2021 </li>
<div class="image7">
</div>
<br>
<br>
<br>
<li> BMW Série 7 Berline & Limousine Hybrides Rechargeables : 1,8 à 2,5 l/100 km. Émissions de CO2 valeur combinée pondérée : 41 à 56 g/km. Autonomie en mode électrique : 45 à 55 km. Autonomie en mode électrique en ville : 45 à 53 km.</li>
</ul>

BIN
serie7.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

280
stylepage.css

@ -0,0 +1,280 @@
*
{
padding: 0;
margin: 0;
box-sizing: border-box;
}
body
{
background-image: url(background.jpeg);
background-size: cover;
background-position: center;
font-family: sans-serif;
}
.menu-bar
{
background: rgb(100,100,100);
text-align: center;
}
.menu-bar ul
{
display: inline-flex;
list-style: none;
color: #000;
}
.menu-bar ul li
{
width: 120px;
margin: 15px;
padding: 15px;
}
.menu-bar ul li a
{
text-decoration: none;
color: #000;
}
.active, .menu-bar ul li:hover
{
background: #F2F2F2;
border-radius: 3px;
}
.menu-bar .fa
{
margin-right: 8px;
}
.sub-menu-1
{
display: none;
}
.menu-bar ul li:hover .sub-menu-1
{
display: block;
position: absolute;
background: rgb(100,100,100);
margin-top: 15px;
margin-left: -15px;
}
.menu-bar ul li:hover .sub-menu-1 ul
{
display: block;
margin: 10px;
}
.menu-bar ul li:hover .sub-menu-1 ul li
{
width: 150px;
padding: 10px;
border-bottom: 1px dotted #fff;
background: transparent;
border-radius: 0;
text-align: left;
}
.menu-bar ul li:hover .sub-menu-1 ul li:last-child
{
border-bottom: none;
}
.menu-bar ul li:hover .sub-menu-1 ul li a:hover
{
color: #fff;
}
.fa-angle-right
{
float: right;
}
.sub-menu-2
{
display: none;
}
.hover-me:hover .sub-menu-2
{
position: absolute;
display: block;
margin-top: -40px;
margin-left: 140px;
background: rgb(100,100,100);
}
.loginbox
{
width: 320px;
height: 420px;
background: #151515;
color: #fff;
top: 50%;
left: 50%;
position:absolute;
transform: translate(-50%,-50%);
box-sizing: border-box;
padding: 70px 30px;
}
.avatar
{
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
top: -50px;
left: calc(50% - 50px);
}
h1
{
margin: 0;
padding: 0 0 20px;
text-align: center;
font-size: 22px;
}
.loginbox p
{
margin: 0;
padding: 0;
font-weight: bold;
}
.loginbox input
{
width: 100%;
margin-bottom: 20px;
}
#div1
{
background-image: url(bcka.jpeg);
width: 1600px;
height: 750px;
}
#div2
{
background-image: url(cos.jpeg);
width: 1600px;
height: 750px;
}
#div3
{
background-image: url(bcksx.jpeg);
width: 1600px;
height: 750px;
}
.image1
{
background-image: url(serie1.jpeg);
width: 600px;
height: 371px;
position: relative;
left: 50px;
top: 30px;
}
.image2
{
background-image: url(serie2.jpg);
width: 474px;
height: 316px;
position: relative;
left: 50px;
top: 30px;
}
.image3
{
background-image: url(serie3.jpeg);
width: 600px;
height: 427px;
position: relative;
left: 50px;
top: 30px;
}
.image4
{
background-image: url(serie4.jpeg);
width: 600px;
height: 330px;
position: relative;
left: 50px;
top: 30px;
}
.image5
{
background-image: url(serie5.jpeg);
width: 600px;
height: 430px;
position: relative;
left: 50px;
top: 30px;
}
.image6
{
background-image: url(serie6.jpeg);
width: 600px;
height: 430px;
position: relative;
left: 50px;
top: 30px;
}
.image7
{
background-image: url(serie7.jpeg);
width: 600px;
height: 420px;
position: relative;
left: 50px;
top: 30px;
}
.image8
{
background-image: url(x1.jpeg);
width: 600px;
height: 430px;
position: relative;
left: 50px;
top: 30px;
}
.image9
{
background-image: url(x2.jpeg);
width: 600px;
height: 360px;
position: relative;
left: 50px;
top: 30px;
}
.image10
{
background-image: url(x3.jpeg);
width: 600px;
height: 460px;
position: relative;
left: 50px;
top: 30px;
}
.image11
{
background-image: url(x4.jpeg);
width: 600px;
height: 400px;
position: relative;
left: 50px;
top: 30px;
}
.image12
{
background-image: url(x5.jpeg);
width: 600px;
height: 460px;
position: relative;
left: 50px;
top: 30px;
}
.image13
{
background-image: url(x6.jpeg);
width: 600px;
height: 470px;
position: relative;
left: 50px;
top: 30px;
}
.image14
{
background-image: url(x7.jpeg);
width: 600px;
height: 375px;
position: relative;
left: 50px;
top: 30px;
}

55
x1.html

@ -0,0 +1,55 @@
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>X1 année 2021</li>
<div class="image8">
</div>
<br>
<br>
<br>
<li>La BMW X1 offre toute une gamme de sources de puissance telles que les moteurs BMW TwinPower Turbo 3 et 4 cylindres, la boîte de vitesses automatique à 8 rapports, le système de traction intégrale intelligent BMW xDrive ainsi que les Suspensions SelectDrive et les freins M Sport. Moteur essence 4 cylindres BMW TwinPower Turbo.</li>
</ul>

BIN
x1.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

55
x2.html

@ -0,0 +1,55 @@
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>X2 année 2021</li>
<div class="image9">
</div>
<br>
<br>
<br>
<li>Le modèle hybride rechargeable s'appelle X2 e et a une capacité du coffre de 410* litres. Pour sa taille, caractéristiques, garde au sol de 18 cm et longueur de 4360 mm, nous classons la BMW X2 dans la catégorie des SUV compacts. Derniers avis sur la taille de la BMW X2</li>
</ul>

BIN
x2.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 KiB

55
x3.html

@ -0,0 +1,55 @@
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>X3 année 2021</li>
<div class="image10">
</div>
<br>
<br>
<br>
<li>a BMW X3 xDrive30e Hybride Rechargeable associe la technologie de propulsion électrique BMW eDrive à un puissant moteur thermique BMW. La transmission intégrale BMW xDrive est unique pour les hybrides rechargeables dans ce segment de véhicules et offre à la voiture un dynamisme et une traction optimales.</li>
</ul>

BIN
x3.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 KiB

55
x4.html

@ -0,0 +1,55 @@
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>X4 année 2021</li>
<div class="image11">
</div>
<br>
<br>
<br>
<li>Grâce à son design avant entièrement réinterprété, la BMW X4 se présente encore plus progressiste que jamais. La calandre particulièrement anguleuse, un nouveau pare-chocs à prises d’air verticales ainsi que des phares Full LED plus plats de 10 mm lui confèrent un summum de modernité et de sportivité sous tous les angles.</li>
</ul>

BIN
x4.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 190 KiB

55
x5.html

@ -0,0 +1,55 @@
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>X5 année 2021</li>
<div class="image12">
</div>
<br>
<br>
<br>
<li>Avec son moteur TwinPower Turbo perfectionné et la traction exceptionnelle de la transmission intégrale BMW xDrive, la BMW X5 procure un plaisir de conduire sur tous les terrains. Le pack xOffroad en option affine les réglages : quatre modes tout-terrain sélectionnables adaptent exactement la transmission intégrale au revêtement actuel.</li>
</ul>

BIN
x5.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

55
x6.html

@ -0,0 +1,55 @@
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>X6 année 2021</li>
<div class="image13">
</div>
<br>
<br>
<br>
<li>La BMW X6 possède une silhouette unique doublée d'un caractère sportif grâce à une motorisation puissante, une suspension précise et des équipements tels que le pack xOffroad. BMW X6 M50i : Consommation en l/100 km (cycle mixte) : 12,0–11,2 Émissions de CO2 en g/km (cycle mixte)</li>
</ul>

BIN
x6.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

55
x7.html

@ -0,0 +1,55 @@
<head>
<title>BMW site officiel </title>
<link rel="stylesheet" href="stylepage.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="menu-bar">
<ul>
<li class="active"><a href="home.html"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#"><i class="fa fa-car"></i>Modèles</a>
<div class="sub-menu-1">
<ul>
<li class="hover-me"><a href="#">Berline</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="serie1.html">Série 1</a></li>
<li><a href="serie2.html">Série 2</a></li>
<li><a href="serie3.html">Série 3</a></li>
<li><a href="serie4.html">Série 4</a></li>
<li><a href="serie5.html">Série 5</a></li>
<li><a href="serie6.html">Série 6</a></li>
<li><a href="serie7.html">Série 7</a></li>
</ul>
</div>
</li>
<li class="hover-me"><a href="#">Suv</a><i class="fa fa-angle-right"></i>
<div class="sub-menu-2">
<ul>
<li><a href="X1.html">X 1</a></li>
<li><a href="X2.html">X 2</a></li>
<li><a href="X3.html">X 3</a></li>
<li><a href="X4.html">X 4</a></li>
<li><a href="X5.html">X 5</a></li>
<li><a href="X6.html">X 6</a></li>
<li><a href="X7.html">X 7</a></li>
</ul>
</div>
</ul>
</div>
</li>
<li><a href="localisation.html"><i class="fas fa-crosshairs"></i>Localisation</a></li>
<li><a href="login.html"><i class="fa fa-user"></i>Login</a></li>
</ul>
</div>
</body>
<ul>
<div id="div3">
<li>X7 année 2021</li>
<div class="image14">
</div>
<br>
<br>
<br>
<li>Quelques caractéristique de ce nouveau modèle : Dimensions (L, l, h) : 5,151 m, 2 m, 1,805 m (Coffre de 326 Litres et pouvant passer à 2120 Litres) Intérieur spacieux avec sept sièges de série. Suspension adaptative avec amortisseurs à pilotage électronique.</li>
</ul>

BIN
x7.jpeg

Binary file not shown.

After

Width:  |  Height:  |  Size: 47 KiB

Loading…
Cancel
Save