This website was designed to give an individual inspiration to get in contact with the trainer, through the means of reassuring them that no matter how big the issue may be with their dog, that by reaching out they can begin their journey to tackling their dog training problems.
- This is featured on all three pages. It is fully responsive. Links include Home, Training Gallery and a Contact page.
- The Navigation bar for each page is indentical. A link to each page is provided no matter where you navigate on the website.
- This page has a background image of a dog's paw in a woman's hand, to signify the joint partnership that you have when training together with your dog.
- In front of this image is information on the training style of the dog trainer, along with an encouraging message to have the user get in contact.
- The footer section includes links to popular social media sites that Training You have an account for. Once clicked, they will open in a new window, as to keep them connected with the Training You website.
- The training gallery displays behaviours that the dog trainer can teach your dog. The purpose of this is to strengthen the confidence of the user in hiring the trainer as their abilities are displayed on this page.
- This page allows the user to submit their contact information to allow the trainer to get in contact with them, with a note of encouragement that this is their first step.
- Additional page with details on who the dog trainer is along with their credentials.
- Additional Training Gallery videos.
- Additional details on training locations and prices.
- Each page is fully responsive from a minimum screen size of 320px and up.
-
Google Screen Reader used to test aria-labels.
-
Website tested on Google Chrome, Mozilla Firefox and Microsoft Edge.
-
Form details submission tested, form behaved as expected.
- HTML - No errors were returned when passing HTML through the official W3C Validator
- CSS - No errors were returned when passing CSS through the official Jigsaw Validator
- No known bugs. Features working as desired.
- HTML - Created the structure of the website.
- CSS - The website was styled using custom CSS through an external file.
- GitHub - Source code hosted on GitHub.
- The site was deployed to GitHub pages. The steps to deploy are as below. At the Github repository, navigate to the 'Settings' tab. From the menu on the left, select 'Pages'. From the source section drop-down menu, select the Branch: main. Click 'Save' A live link will be displayed on a blue banner when published correctly.
- Google map link code was automatically generated via Google Maps embed link.
- Taken inspiration for the ReadMe file from the Love Running README file and my mentor Daisy McGirrs' husband's Tacos Travels ReadMe file located here
- rgbacolorpicker.com for hex to rgba conversion.
- Youtube videos come from my own personal Youtube channel linked here
- Google Fonts - Added custom font.
- Font Awesome - Icons.
- pexels.com - Use of free stock photo.