/AuCoeurDeMontmartre

Exercice d'integration

Primary LanguagePHP

Location d'Appartement à Montmartre

Description du Projet

Ce projet est un site Web sur le thème de la location d'appartement dans le célèbre quartier de Montmartre à Paris. Le site propose plusieurs pages informatives et fonctionnelles pour présenter l'appartement, le quartier, les actualités, et permettre la réservation.

Technologies Utilisées

  • HTML/CSS : Pour la structure et le design des pages.
  • Bootstrap : Pour le responsive design.
  • FontAwesome : Pour les icônes.
  • FancyBox : Pour les galeries d'images.
  • Google Web Fonts : Utilisation de polices personnalisées.
  • CodePen : Pour l'intégration d'un slider HTML/CSS.

Structure du Site

Le site se compose de plusieurs pages :

  • Accueil
  • Présentation de l'Appartement
  • Présentation du Quartier
  • Actualités
  • Contact avec Formulaire de Réservation

Fonctionnalités du Site

En-tête

  • Background Général
  • Logo
  • Menu de Navigation
  • Liens vers les Réseaux Sociaux
  • Champ de Recherche

Pied de Page

  • Menu vers les Pages Légales
  • Informations sur l'Adresse de l'Appartement
  • Carte de Localisation

Page d'Accueil

  • Zone Principale (2/3) :
    • Discours de bienvenue
    • Présentation rapide de l'appartement et du quartier
    • Quelques photos
  • Sidebar (1/3) :
    • Dernière actualité avec titre, description et lien
    • Photo de l'appartement avec lien vers la page de présentation
    • Bannière publicitaire pour Airbnb

Pages Internes

  • Les pages internes (Présentation de l'Appartement, Présentation du Quartier, Actualités, Contact) sont en pleine largeur, sans sidebar.

Ressources Graphiques

Options en Bonus

  • FancyBox : Mise en place de FancyBox en JavaScript pour les images de galerie (FancyBox).
  • Slider HTML/CSS : Intégration d'un slider trouvé sur CodePen dans la page d'accueil.