Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fabianmendozaospina/prairie-point-hotel
Prairie Point Hotel is a simple example of landing page (see readme.md)
https://github.com/fabianmendozaospina/prairie-point-hotel
Last synced: 19 days ago
JSON representation
Prairie Point Hotel is a simple example of landing page (see readme.md)
- Host: GitHub
- URL: https://github.com/fabianmendozaospina/prairie-point-hotel
- Owner: fabianmendozaospina
- Created: 2024-09-26T14:31:56.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-08T18:51:12.000Z (4 months ago)
- Last Synced: 2024-10-19T08:53:14.430Z (3 months ago)
- Language: HTML
- Homepage: https://fabianmendozaospina.github.io/prairie-point-hotel/
- Size: 5.31 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Prairie Point Hotel
[Prairie Point Hotel](https://fabianmendozaospina.github.io/prairie-point-hotel/) is a learning project developed with `HTML5` and `CSS3`, demonstrating core web design principles. The project follows best coding practices and will be expanded with `JavaScript (ES6)` for added interactivity and functionality. It's designed to showcase clean structure, responsive design, and modern web standards.
## Features
[Prairie Point Hotel](https://fabianmendozaospina.github.io/prairie-point-hotel/) website is designed to showcase modern web development techniques, ensuring both aesthetic appeal and functional responsiveness. Built using best practices in `HTML5` and `CSS3`, the project emphasizes clean, accessible code and flexible layouts that adapt seamlessly across devices. The following features highlight key aspects of the design:
- Use of semantic HTML tags for better structure and accessibility.
- Implementation of a hero-banner for visually engaging design.
- A responsive web layout through the use of:
- Flexbox: A one-dimensional layout system to align items in rows or columns.
- Grid: A two-dimensional layout system for creating complex, grid-based layouts.
- Media Queries: CSS rules that adapt the design based on device characteristics, such as screen width.
## Get Started
To get started locally:
1. Clone this repo:
```bash
git clone https://github.com/fabianmendozaospina/prairie-point-hotel.git
cd prairie-point-hotel
```
1. Explore the different files.
1. Select the index.html file.
1. Do right-click and select the `Reveal in File Explorer` menu.
1. Double-click on file index.html.
1. The browser will show the starting web page:
7. Through the top menu, you can navegate to the other web pages, such as `About us` and `Contact us`:
