1
0
Fork 0
This repository has been archived on 2024-02-17. You can view files and clone it, but cannot push or open issues or pull requests.
KyFlo/index.html
2019-11-23 15:49:48 +01:00

85 lines
No EOL
3.6 KiB
HTML

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Kyflo</title>
<link rel="stylesheet" type="text/css" href="css.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<nav id="nav">
<div class="topnav">
<a id ="kyflo" class="active" href="index.html">KyFlo</a>
<a id ="nous" href="nous.html">A propos</a>
<a id ="contactN" href="contact.html">Contact</a>
<a id ="panier" href="checkout.html"><img src="Images/cart.png" alt></a>
<input type="text" placeholder="Rechercher...">
</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="nao.html"><img src="Images/Promotions/promo1.png" alt></a>
<a href="pepper.html"><img src="Images/Promotions/promo2.png" alt></a>
<a href="r2d2.html"><img src="Images/Promotions/promo3.png" alt></a>
<a href="trompettiste.html"><img src="Images/Promotions/promo4.png" alt></a>
<a href="nao.html"><img src="Images/Promotions/promo1.png" alt></a>
</figure>
</div>
<button id="hautPage" onclick="window.location.href='#nav'"><img src="Images/arrow.png" alt></button>
<div id="content">
<div id="produits">
<h1>Tout nos produits :</h1>
<table id="mosaique">
<tr>
<td><a href="#"><img src="Images/Produits/soldat.png" alt><h3>Robot soldat</h3><h4>200€</h4></a></td>
<td><a href="#"><img src="Images/Produits/romeo.png" alt><h3>Robot romeo</h3><h4>100€</h4></a></td>
</tr>
<tr>
<td><a href="#"><img src="Images/Produits/cat.png" alt><h3>Robot chat</h3><h4>80€</h4></a></td>
<td><a href="#"><img src="Images/Produits/r2d2.png" alt><h3>Robot r2d2</h3><h4>500€</h4></a></td>
</tr>
<tr>
<td><a href="#"><img src="Images/Produits/jaune.png" alt><h3>Robot fun</h3><h4>50€</h4></a></td>
<td><a href="#"><img src="Images/Produits/valkyrie.png" alt><h3>Robot valkyrie</h3><h4>300€</h4></a></td>
</tr>
<tr>
<td><a href="#"><img src="Images/Produits/pepper.png" alt><h3>Robot Pepper</h3><h4>15 000€</h4></a></td>
<td><a href="#"><img src="Images/Produits/terminator.png" alt><h3>Robot Terminator</h3><h4>50 000€</h4></a></td>
</tr>
</table>
</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="checkout.html">Votre panier</a></td>
<td id="contact"><button onclick="window.location.href='contact.html'" id="contactB">Nous contacter</button></td>
</tr>
</tbody>
</table>
</div>
</footer>
</body>
</html>