Capstone-Project-App-Landing-page

HTML/CSS & JavaScript First Microverse Capstone Project. This Project is about an application Landing page and about the company that created the website. Below is a Live link of the project:

Desktop Version

Mobile Version

Live Link To The Project

https://david-kasilia.github.io/Capstone-Project-App-Landing-page/

Built with

• HTML
• CSS
• JavaScript

Prerequisites

• VSCode
• Git
• Browser With Developer Tools

Project Setup

1. Created a Github Repository
2. Cloned the created repository to my local machine
3. I created setup-project branch to create all the files needed for the project. These Files include:
   • .github/workflows directory to store the linter.yml file
   • images directory to store the images used in creating this project.
   • stylesheet directory to store the style files for styling the website
   • script directory to store the script files for the website
   • pages directory to store the pages files for the website
   • index.html to write the HTML code.
4. Created 3 branches to build the project code.
5. Opened the folder Using VSCode.
6. Completed the HTML code first
7. Completed the CSS part.
8. Used Media queries to make the website responsive.
9. Added anmations to the website.
10. Deployed the website using Github Pages.

Project Documentation

https://www.loom.com/share/d1b627afe06b4c54ad21c169180bd8c2

Run Tests

I tested the website by running the code to a live server and opened it with Mozilla Firefox.To ensure the Webpage was responsive and was in a mobile version with both sections. I used the developer tools to see if it was responsive.

Authors 📑

David Kasilia Mwanzia

• Github Link To Github Profile
• Linkedin Link To Linkedin Profile
• Twitter Link To Twitter Profile

Contributing 🤝

Contributions, issues, and feature request are welcome anytime.

Show your support

Give a Like or a Star if you like this project.

Acknowledgements

• Microverse
• Cindy Shin in Behance.

Github