Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hotel Conrad - Responsive Bootstrap Project

A modern web presentation for a fictional hotel. This project focuses on UI styling and the practical implementation of various Bootstrap components to create a seamless user experience.

🛠 Built With

Bootstrap HTML5 CSS3 JavaScript NPM

🚀 Key Features & Bootstrap Implementation

  • Hero Section: Includes a booking form and a "Virtual Tour" button that triggers a Bootstrap Modal with an embedded video.
  • Sticky Navigation: A navbar that becomes fixed to the top of the viewport upon scrolling down.
  • Bootstrap Cards to display room types, amenities, and integrated pricing tables.
  • Image Gallery: An interactive Bootstrap Carousel for a smooth sliding preview of the hotel's interior.
  • Footer Integration: Footer layout featuring an embedded Google Maps frame alongside with contact information.
  • Fully Responsive: Leverages the Bootstrap Grid system to ensure a perfect look on all devices.

⚙️ Installation & Local Development

  1. Install dependencies: (Required for Bootstrap via NPM)
  • Bash: npm install
  1. Run the project: Open index.html via Live Server in VS Code.

About

Hotel presentation | Built with Bootstrap 5, HTML5, CSS3, and JavaScript (NPM).

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages