https://github.com/valentinmadiot/pizzeria_ui
Landing page pour pizzeria artisanale : pizzas populaires en slider, recettes fraîches, contact animé, formulaire newsletter. Design responsive, stickers visuels et animations ScrollReveal.
https://github.com/valentinmadiot/pizzeria_ui
animation-css css3 design fiche-produits food-website gallery-products html-css-js html5 javascript landing-page menu-burger mobile-first newsletter pizzeria remix-icons responsive-design scroll-animations scroll-up scrollreveal-js swiper-slider
Last synced: about 2 months ago
JSON representation
Landing page pour pizzeria artisanale : pizzas populaires en slider, recettes fraîches, contact animé, formulaire newsletter. Design responsive, stickers visuels et animations ScrollReveal.
- Host: GitHub
- URL: https://github.com/valentinmadiot/pizzeria_ui
- Owner: ValentinMadiot
- Created: 2025-02-06T08:38:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-23T20:23:45.000Z (12 months ago)
- Last Synced: 2026-04-15T13:48:56.893Z (3 months ago)
- Topics: animation-css, css3, design, fiche-produits, food-website, gallery-products, html-css-js, html5, javascript, landing-page, menu-burger, mobile-first, newsletter, pizzeria, remix-icons, responsive-design, scroll-animations, scroll-up, scrollreveal-js, swiper-slider
- Language: CSS
- Homepage: https://pizzeria-vm.netlify.app/
- Size: 5.79 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
##
📌 Sommaire
🎨 [**Introduction**](#introduction)
🛠️ [**Technologies**](#technologies)
🎯 [**Fonctionnalités**](#fonctionnalités)
🚀 [**Installation**](#installation)
Pizza Bella est une landing page moderne et savoureuse pour une pizzeria artisanale. Elle met en avant des pizzas populaires, des ingrédients frais, des recettes traditionnelles et une section de contact animée. Idéale pour toute enseigne culinaire.
- HTML5 sémantique et structuration claire
- CSS3 moderne avec variables, media queries et animations
- JavaScript ES6 clair et modulaire
- [Swiper.js](https://swiperjs.com/) pour le carrousel de pizzas populaires
- [ScrollReveal](https://scrollrevealjs.org/) pour des animations au scroll
- [Remix Icons](https://remixicon.com/) pour des icônes vectorielles modernes
- Responsive Design pensé en mobile-first
- Section d'accueil avec image pizza et stickers
- Section à propos avec call-to-action et image illustrée
- Slider des pizzas les plus populaires avec Swiper
- Liste d'ingrédients naturels avec illustrations
- Produits détaillés avec nom, prix et bouton panier
- Section contact avec adresse, carte et réseaux
- Formulaire d'inscription pour newsletter
- Scroll dynamique avec lien actif et retour accueil
- Responsive complet adapté à tous les écrans
### ✅ Prérequis
- [Google Chrome](https://www.google.com/) — Navigateur moderne
- [Visual Studio Code](https://code.visualstudio.com/) — Éditeur de code
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) — Extension VS Code
### 📥 Cloner le projet
```bash
git clone git@github.com:ValentinMadiot/pizzeria_ui
cd pizzeria_ui
```
### ▶️ Lancer le projet
Il suffit d’ouvrir le fichier `index.html` dans un navigateur, ou d’utiliser l’extension **Live Server** sur VS Code pour un aperçu dynamique.