teke85/Luxury_living
This is a capstone project from the microverse curriculum, meant to demonstrate the mastery of HTML, CSS and Javascript of Web development concepts. And the project idea is based on hospitality. The design interface inspiration is drawn from Cindy Shin on Behance (https://www.behance.net/adagio07) template provided by Microverse.
Luxury_Living Capstone Project
In this Capstone project I built a website for a highend business (Luxury Living) offering luxury accomodation and various other services in Zambia. Luxury Living has been in operation for over ten years and most of its clientele consists of international businesses in the UK and USA.
Learning objectives:
-
Use semantic HTML tags.
-
Apply best practices in HTML code.
-
Use CSS box model.
-
Use CSS selectors correctly.
-
Use Flexbox to place elements in the page.
-
Demonstrate ability to create UIs adaptable to different screen - sizes using media queries.
-
Use GitHub Pages to deploy web pages.
-
Apply JavaScript best practices and language style guides in code.
-
Use JavaScript to manipulate DOM elements.
-
Use JavaScript events.
-
Use objects to store and access data.
-
Communicate technical concepts to other technical people.
-
Build the capstone project site.
Built With
- HTML
- CSS
- Bootstrap 5
- Javascript
- Animations on Scroll (AOS) Javascript Plugin
Live Demo
Getting Started
To get a local copy up and running follow these simple example steps.
-
Download the Zip or (git clone)[https://github.com/teke85/Luxury_living]
-
cd Luxury_Living
-
Then open in your browser by using live server
Prerequisites
-
A basic understanding of Git, Github, HTML, CSS and Bootstrap is needed to setup and modify this project.
-
You also need an editor like VS Code or Sublime to edit project files
Install
- On your computer, open your terminal (For Mac and Linux) or CMD (for Windows)
- Navigate to the directory where you would like to run this project from, preferably from your web server directory
- Type the following command
git clone @ (https://github.com/teke85/Luxury_living.git)
Usage
Once the project folder is downloaded to your computer, double click on the index.html file to run the project in the browser.
Authors
👤 Author
- GitHub: @teke85
- Twitter: @muttau
- LinkedIn: isiteketo mutau
🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a ⭐️ if you like this project!
License and Attributions
This work is licensed under a Creative Commons Attribution-Non Commercial 4.0 International License
Acknowledgements
- Hat tip to Microverse and all the staff.
- Thanks to My coding Partners.
- Thanks to My Morning-session-group and Standup-team Partners.
- Thanks to Code Reviewers.
- Original design idea by Cindy Shin in Behance