ibrahim.sarikaya
3 years ago
commit
569ddf45bd
39 changed files with 1280 additions and 0 deletions
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 720 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 435 KiB |
|
After Width: | Height: | Size: 67 KiB |
@ -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> |
||||
@ -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> |
||||
@ -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> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -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> |
||||
@ -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> |
||||
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 358 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 26 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 42 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 27 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 75 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 58 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 83 KiB |
@ -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; |
||||
|
} |
||||
@ -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> |
||||
|
After Width: | Height: | Size: 77 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 158 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 76 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 190 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 52 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 62 KiB |
@ -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> |
||||
|
After Width: | Height: | Size: 47 KiB |
Loading…
Reference in new issue