Projets_Loryne/Scolaire/DevWeb/Projet_Site_S1/index.html

121 lines
4.9 KiB
HTML
Raw Normal View History

2023-04-20 14:21:24 +02:00
<!--ceci est le fichier html de la page d'accueil-->
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" media="(max-width: 320px)" type="text/css" href="CSS/style_mobile.css">
<link rel="stylesheet" media="(min-width: 321px)" type="text/css" href="CSS/style_ordinateur.css">
<title>Index</title>
</head>
<body>
<header>
<a href="index.html"><img src="Images/logo.png" width="85%"></a>
<a href="recherche_personnalisee.html">Recherche Personnalisée</a>
<a href="boutique_ordinateurs.html">Boutique</a>
<a href="FAQ.html">FAQ</a>
<a href="monter_un_ordinateur.html">Tuto montage</a>
<a href="qui_sommes_nous.html">Qui sommes-nous</a>
<a href="nous_contacter.html">Nous contacter</a>
</header>
<nav>
<ul>
<li><a href=#Nous>A propos de nous</a></li>
<br>
<li><a href=#promos>Les promos</a></li>
<br>
<li><a href=#bestAvisCli>Les meilleurs avis client</a></li>
<br>
<li><a href=#coupdecoeur>Les coups de coeur de l'équipe</a></li>
<br>
<li><a href=#NosCreations>Nos créations</a></li>
</ul>
</nav>
<section>
<div id="Nous">
<h1>A propos de nous</h1>
<p>Find'IT est une market place spécialisée dans le domaine des ordinateurs. Vous y trouverez une boutique contenant de nombreux ordinateurs, accessoires et composants mais également une option de recherche personnalisée vous permettant de trouver un ordinateur parfaitement adapté à vos besoins et à votre budget.</p>
</div>
<div id="promos">
<h1>Les meilleures promotions</h1>
<table>
<tr>
<td><a href="boutique_accessoires.html"><img src="Images/tapis.avif" alt="image du produit 1" width="100%"></a></td>
<td><a href="boutique_accessoires.html"><img src="Images/souris.jpg" alt="image du produit 2" width="100%"></a></td>
<td><a href="boutique_ordinateurs.html"><img src="Images/Acer.jpg" alt="image du produit 3" width="100%"></a></td>
</tr>
<tr>
<th>Tapis de bureau de carte du monde XXL - 57€02</th>
<th>TECURS Souris Gaming sans Fil - 19€99</th>
<th>Acer - Predator Helios 300 PH317-55-77D5 - 1 699€99</th>
</tr>
</table>
</div>
<br>
<br>
<div id="bestAvisCli">
<h1>Les mieux notés par les clients</h1>
<table>
<tr>
<td><a href="boutique_ordinateurs.html"><img src="Images/MSI.jpg" alt="image du produit 1" width="100%"></a></td>
<td><a href="boutique_accessoires.html"><img src="Images/sac.webp" alt="image du produit 2" width="100% "></a></td>
<td><a href="boutique_composants.html"><img src="Images/carte_graphique.jpg" alt="image du produit 3" width="100%"></a></td>
</tr>
<tr>
<th>Msi - Raider GE76 12UH-094FR - 4 463€45</th>
<th>Chicago - sac ordinateur - 89€</th>
<th>Carte Graphique NVIDIA GeForce RTX 3070 - 771€</th>
</tr>
</table>
</div>
<br>
<br>
<div id="coupdecoeur">
<h1>Les coups de coeur de l'équipe</h1>
<table>
<tr>
<td><a href="boutique_accessoires.html"><img src="Images/casque.jpg" alt="image du produit 1" width="100%"></a></td>
<td><a href="boutique_ordinateurs.html"><img src="Images/Vibox-I-11-PC-Gamer-photo-1.jpg" alt="image du produit 2" width="100%"></a></td>
<td><a href="boutique_composants.html"><img src="Images/clavier_souris.jpg" alt="image du produit 3" width="100%"></a></td>
</tr>
<tr>
<th>Casque gaming sans fil - 129€</th>
<th>VIBOX I-11 PC GAMER - 590€</th>
<th>Ensemble clavier et souris sans fil - 60€</th>
</tr>
</table>
</div>
<div id="NosCreations">
<h1>Nos créations avec l'option BUILD</h1>
<p>Avec l'option BUILD, décidez de la personnalisation de votre ordinateur lors de l'achat afin qu'il arrive monté et décoré selon vos envies :
<br><img src="Images/creation_1.jpg" alt="image du produit 1" width="35%">
<br>
<br><img src="Images/creation_2.webp" alt="image du produit 2" width="35%"></p>
</div>
</section>
<footer id="footer">
<img id="bandeau_page" src="Images/CB.jpg" alt="Nous acceptons les CB, VISA et MasterCard">
<ul>Tous nos liens
<li><a href=#top>Accueil</a></li>
<li><a href="recherche_personnalisee.html">Recherche Personnalisée</a></li>
<li><a href="boutique_ordinateurs.html">Boutique ordinateurs</a></li>
<li><a href="boutique_composants.html">Boutique composants</a></li>
<li><a href="boutique_accessoires.html">Boutique accessoires</a></li>
<li><a href="FAQ.html">FAQ</a></li>
<li><a href="monter_un_ordinateur.html">Tuto montage</a></li>
<li><a href="qui_sommes_nous.html">Qui sommes-nous</a></li>
<li><a href="nous_contacter.html">Nous contacter</a></li>
</ul>
<ul>Les Créateurs de Find'IT :
<br><br>
<li>VALLEJOS Robert Andres</li>
<br>
<li>LAFFEA-DIDOT Loryne</li>
<br>
<li>BOUSSON Héloïse</li>
</ul>
<a id="bandeau_page" href=#top>Haut de page</a>
</footer>
</body>
</html>