Site Vitrine LOL

HTML/CSS

Commençons !

Présentation du Projet

Ce projet consiste en la création d'un site internet vitrine pour la vente de skins pour le jeu League of Legends. L'objectif principal était de concevoir une interface attractive permettant aux utilisateurs de parcourir une sélection de skins et d'en apprendre davantage sur chaque produit.


NavBar

Quadtree Image
Quadtree Image

La navbar de ce site vitrine est conçue pour offrir une navigation fluide et pratique. Elle comprend un menu déroulant sur les onglets Skin et Contact, permettant un accès rapide aux différentes sections. En plus des onglets classiques comme Accueil, Contact, et Skin, la navbar intègre également un logo cliquable, une redirection vers le site officiel de League of Legends, une barre de recherche pour faciliter la navigation, un panier pour les achats et un bouton de connexion pour l'utilisateur.

Promotions/Packs

La section promotion du site est composée d'une flexbox avec six cases présentant des skins en promotion. Chaque case contient une image du skin, et lorsqu'on survole l'image avec le curseur, elle devient floue, laissant apparaître le prix d'origine ainsi que le prix avec promotion. Un bouton Acheter est également visible pour chaque skin, permettant aux utilisateurs d'ajouter facilement un produit à leur panier. La section d'après propose des packs de skins, c'est exactement la meme implémentation que les promotions.

Quadtree Image
Quadtree Image

InscrPage

Quadtree Image

La page d'inscription permet aux utilisateurs de créer un compte sur le site. Accessible via un bouton dans la navbar, l'utilisateur peut se rediriger vers un formulaire d'inscription si il n'a pas encore de compte. Ce formulaire permet de saisir les informations nécessaires, telles que le nom, l'email, et le mot de passe, afin de créer un compte et commencer à profiter des offres du site.

Réseau sociaux