112 lines
4.5 KiB
HTML
112 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Kyflo - hewo</title>
|
|
<link rel="stylesheet" type="text/css" href="Assets/css.css">
|
|
<link rel="stylesheet" type="text/css" href="Assets/resp.css">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
|
|
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<nav>
|
|
<div class="topnav">
|
|
<a id="kyflo" class="active" href="index.html">KyFlo</a>
|
|
<a id="nous" href="Assets/Pages/Autres/nous.html">A propos</a>
|
|
<a id="contactN" href="Assets/Pages/Autres/contact.html">Contact</a>
|
|
<a id="panier" href="Assets/Pages/Autres/checkout.html"><img src="Assets/Images/Icones/cart.png" alt><h3>Panier</h3></a>
|
|
<a id="loupe" href="Assets/Pages/Autres/search_result.html">GO</a>
|
|
<input type="text" placeholder="Rechercher sur tout le site...">
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="bienvenue">
|
|
<h1>Bienvenue sur le site de KyFlo !</h1>
|
|
<h2>Vendeur de robot depuis 2010 !</h2>
|
|
</div>
|
|
|
|
<div id="slider">
|
|
<figure>
|
|
<a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Promotions/promo1.png" alt></a>
|
|
<a href="Assets/Pages/Produits/pepper.html"><img src="Assets/Images/Promotions/promo2.png" alt></a>
|
|
<a href="Assets/Pages/Produits/r2d2.html"><img src="Assets/Images/Promotions/promo3.png" alt></a>
|
|
<a href="Assets/Pages/Produits/terminator.html"><img src="Assets/Images/Promotions/promo4.png" alt></a>
|
|
<a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Promotions/promo1.png" alt></a>
|
|
</figure>
|
|
</div>
|
|
<button id="hautPage" onclick="window.location.href='#kyflo'"><img src="Assets/Images/Icones/arrow.png" alt></button>
|
|
<div id="content">
|
|
<div id="produits">
|
|
<h1>Tout nos produits :</h1>
|
|
<div class="flex-container">
|
|
<div>
|
|
<a href="#produits"><img src="Assets/Images/Produits/soldat.png" alt>
|
|
<h3>Robot soldat</h3>
|
|
<h4>Rupture de stock</h4>
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="Assets/Pages/Produits/nao.html"><img src="Assets/Images/Produits/nao.png" alt>
|
|
<h3>Robot Nao</h3>
|
|
<h4>5 000€</h4>
|
|
</a>
|
|
</div>>
|
|
<div>
|
|
<a href="Assets/Pages/Produits/r2d2.html"><img src="Assets/Images/Produits/r2d2.png" alt>
|
|
<h3>Robot r2d2</h3>
|
|
<h4>500€</h4>
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="#produits"><img src="Assets/Images/Produits/valkyrie.png" alt>
|
|
<h3>Robot valkyrie</h3>
|
|
<h4>Rupture de stock</h4>
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="Assets/Pages/Produits/pepper.html"><img src="Assets/Images/Produits/pepper.png" alt>
|
|
<h3>Robot Pepper</h3>
|
|
<h4>15 000€</h4>
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="Assets/Pages/Produits/terminator.html"><img src="Assets/Images/Produits/terminator.png" alt>
|
|
<h3>Terminator</h3>
|
|
<h4>50 000€</h4>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<div id="acces">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<th>Accès rapide</th>
|
|
<th id="line"></th>
|
|
<th>Une question ?</th>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="index.html">Accueil</a></td>
|
|
<td><a href="index.html#slider">Nos Promotions</a></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td><a href="index.html#produits">Nos Produits</a></td>
|
|
<td><a href="Assets/Pages/Autres/checkout.html">Votre panier</a></td>
|
|
<td id="contact"><button onclick="window.location.href='Assets/Pages/Autres/contact.html'" id="contactB">Nous contacter</button></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
|
|
</html>
|