https://github.com/valentinmadiot/background-slider-architect_js

Galerie architecturale animée avec Swiper.js, parallax fluide, design sombre et responsive. Idéal pour agences créatives ou portfolios haut de gamme avec slider immersif et navigation fluide.
https://github.com/valentinmadiot/background-slider-architect_js

animated-carousel architecture-slider creative-agency dark-ui fade-transitioning fraction-pagination fullpage-slider html-css-js minimal-ui mobile-menu modern-architecture onepage-navigation portfolio-creative remix-icons responsive-slider sliderview social-icons swiper-gallery swiper-navigation swiperjs

Last synced: 5 months ago
JSON representation

Galerie architecturale animée avec Swiper.js, parallax fluide, design sombre et responsive. Idéal pour agences créatives ou portfolios haut de gamme avec slider immersif et navigation fluide.

• Host: GitHub
• URL: https://github.com/valentinmadiot/background-slider-architect_js
• Owner: ValentinMadiot
• Created: 2025-02-16T06:15:19.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-07-07T12:27:31.000Z (about 1 year ago)
• Last Synced: 2025-09-11T22:22:01.178Z (11 months ago)
• Topics: animated-carousel, architecture-slider, creative-agency, dark-ui, fade-transitioning, fraction-pagination, fullpage-slider, html-css-js, minimal-ui, mobile-menu, modern-architecture, onepage-navigation, portfolio-creative, remix-icons, responsive-slider, sliderview, social-icons, swiper-gallery, swiper-navigation, swiperjs
• Language: HTML
• Homepage: https://background-slider-architect.netlify.app/
• Size: 11.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
  

  

      

  

    

  
🏛️ Slider de Fond  –  Architecture



## 
 📌 Sommaire

    🎨   [**Introduction**](#introduction)


    🛠️   [**Technologies**](#technologies)


    🎯   [**Fonctionnalités**](#fonctionnalités)


    🚀   [**Installation**](#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](https://swiperjs.com/) pour slider principal et pagination

- [Remix Icons](https://remixicon.com/) 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](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 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.