Click here to live site.
- As a user, I would like to be able to …
- the information to be clear and informative;
- the website be easy to navigate;
Wireframes created with Balsamiq. The project was developed from initial wireframes and some modifications were made during the development process to assure better usability.
- Fixed Navbar with Home and Contact Us buttons to allow the user easy access to all pages.
- Collapsed navbar on smaller devices to wrap in all options and assure better navbar design.
- HTML5
- CSS3
- JavaScript
- Balsamiq: Balsamiq was used to create the wireframes during the design process.
- Bootstrap 5: Bootstrap was used to add style to the website.
- Git Git was used for version control by utilizing the Gitpod terminal to commit to Git and Push to GitHub.
- GitHub: GitHub is used to store the project's code after being pushed from Git.
-
HTML
Passing the HTML from all templates and base into the W3C Markup Validator no errors or warnings have been found W3C validator.
-
CSS
No errors were found when passing through the official W3C validator.
- JavaScript
Javascript files were tested with the jshint and no errors were been found.
The site was deployed to GitHub pages.
- The steps to deploy are as follows:
- In the GitHub repository, navigate to the Settings tab;
- From the source section drop-down menu, select the Master Branch;
- Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.
The live link can be found here.
By forking the GitHub Repository you will be able to make a copy of the original repository on your own GitHub account allowing you to view and/or make changes without affecting the original repository by using the following steps:
- Log in to GitHub and locate the GitHub Repository
- At the top of the Repository (not top of page) just above the "Settings" button on the menu, locate the "Fork" button.
- You should now have a copy of the original repository in your GitHub account.
- Log in to GitHub and locate the GitHub Repository
- Under the repository name, click "Clone or download".
- To clone the repository using HTTPS, under "Clone with HTTPS", copy the link.
- Open Git Bash
- Change the current working directory to the location where you want the cloned directory to be made.
- Type
git clone
, and then paste the URL you copied in Step 3.
$ git clone https://github.com/JoGorska/garage-bootstrap
- Press Enter. Your local clone will be created.
This page was created following Introduction to bootstrap by Matt Rudge (Code Institute mentor)
Acknowledmenets
block element modifyer - naming convetion for the classes BEM