🏛️ Slider de Fond  –  Architecture

📌 Sommaire

    🎨   Introduction
    🛠️   Technologies
    🎯   Fonctionnalités
    🚀   Installation

🎨 Introduction

Landing page moderne et minimaliste pour architectes, développée en HTML, CSS et JavaScript, avec galerie animée grâce à Swiper.js. Chaque slide met en valeur un projet architectural design, accompagné d’un titre, d’une description et d’un bouton “Voir Projet”.

Parfaite pour les portfolios professionnels, studios d’architecture ou agences créatives, cette interface responsive allie esthétique épurée, fluidité de navigation et mise en page impactante.

🛠️ Technologies

• HTML5 sémantique et accessible
• CSS3 moderne avec variables, media queries et animations
• JavaScript ES6 clair et modulaire
• Swiper.js pour slider principal et pagination
• Remix Icons pour les icônes vectorielles

🎯 Fonctionnalités

• Carrousel plein écran avec effet de transition fade
• Parallax fluide sur les textes et images
• Pagination fractionnée personnalisée
• Navigation via boutons suivant / précédent
• Intégration de liens sociaux persistants
• Design sombre, moderne et responsive
• Navigation mobile animée
• Structure modulaire pour projet créatif

🚀 Installation

✅ Prérequis

• Google Chrome — Navigateur moderne
• Visual Studio Code — Éditeur de code
• Live Server — Extension VS Code

📥 Cloner le projet

git clone https://github.com/ValentinMadiot/background-slider-architect_js
cd background-slider-architect_js

▶️ Lancer le projet

Il suffit d’ouvrir le fichier index.html dans ton navigateur, ou d’utiliser Live Server pour un rendu interactif en local.