Site vitrine · Presentation de services
Hotel BK : site vitrine hôtelier de démonstration en HTML et CSS

Hotel BK est un exercice d'intégration front-end autour d'une marque hôtelière fictive. J'ai conçu un site vitrine de démonstration composé de trois pages : une page d'accueil moderne, une page « À propos » présentant l'histoire de l'établissement avec une section témoignages, et une page « Contact ». L'objectif était de m'entraîner à structurer un site vitrine élégant et cohérent, sans dépendre d'un framework.
Côté technique, l'ensemble repose uniquement sur HTML et CSS. J'ai écrit un balisage sémantique et soigné chaque mise en page à la main, en travaillant la typographie, les espacements et la hiérarchie visuelle. L'interface est responsive : elle s'adapte du desktop à la tablette grâce aux media queries. Cette contrainte volontaire « HTML/CSS seuls » m'a poussé à maîtriser le positionnement et la composition d'une interface propre.
Ce projet démontre ma capacité à transformer une intention de design en intégration fidèle et réutilisable. Il met en avant la rigueur de mon HTML, la qualité de mon CSS et mon attention au responsive et à la cohérence d'une charte sur plusieurs pages. Pour un site vitrine hôtelier, c'est exactement le socle attendu : un rendu net, lisible et adapté à tous les écrans, prêt à accueillir un vrai contenu.
Intégration HTML/CSS soignée
Site vitrine de trois pages (accueil, à propos, contact) intégré entièrement à la main en HTML sémantique et CSS, sans framework.
Mise en page responsive
Interface adaptée du desktop à la tablette via les media queries, avec une typographie et des espacements travaillés pour rester lisibles sur chaque écran.
Cohérence visuelle multi-pages
Charte graphique homogène d'une page à l'autre, incluant une section témoignages, pour un rendu élégant et professionnel.
Version desktop


Version tablette


Carousel Vertical
Un exercice front-end où j'ai conçu un carrousel d'images à défilement vertical pour une présentation photo immersive, en HTML, CSS et JS.

Carte Animee
Exercice front-end one page : une carte interactive qui masque ses informations puis les révèle au survol, en HTML, CSS et JS.

Carte QR Code
Exercice Frontend Mentor : j'ai reproduit en pixel-perfect une carte affichant un QR code, intégrée de zéro en HTML et CSS.
Un projet dans le même esprit ?
Parlez-moi de votre besoin : je vous dis rapidement ce qui est pertinent et réaliste.