Welcome to Redman Personal Training, your gateway to a healthier, fitter, and more vibrant you! Located in Dublin, we specialize in calisthenics, bodyweight training, mobility exercises, and yoga to help you achieve your fitness goals.
Led by Redman, a dedicated practitioner and expert in these disciplines, our mission is to empower you on your fitness journey by providing personalized training programs tailored to your unique needs and abilities.
View Redman Personal Training live project here
-
First-time visitor goals
- Quickly grasp the unique value of Redman Personal Training.
- Effortlessly navigate through the website to explore services and information.
- Easily initiate their fitness journey by filling out the "Train with Me" form.
-
Returning visitor goals
- Access updated information about training programs and services.
- Find contact details to get in touch with the Redman team for further assistance.
-
Regular clients
- Stay informed about new training packages and updates.
- Revisit the gallery to see the latest success stories and motivational content.
- Redman Personal Training is designed for individuals seeking a transformative fitness journey in Dublin.
- Prospective clients can embark on this journey by navigating to the "Train with Me" page and submitting a detailed form to tailor their personalized fitness plan.
- Optimized for seamless functionality across all device sizes, ensuring an engaging and accessible experience for every user.
- Responsive and intuitive navigation menu.
- Detailed service descriptions to cater to all fitness levels and interests.
- A user-friendly form on the "Train with Me" page, inviting visitors to start their fitness journey.
- Contact information readily available for inquiries or further engagement.
- Regularly updated gallery showcasing client transformations and motivational content.
- An interactive calendar for scheduling sessions directly through the website.
-
Colour Scheme
- Primary colors used on the website:
- Primary colors used on the website:
-
Typography
- Montserrat font is main font used throughout the ite with sans-serif as its fallback font.
-
Wireframes
- Pen and paper in a notebook: simple and effective.
- Gitpod
- To write the code.
- Git
- for vesion control.
- Github
- Deployment of the website and storing the files online.
- Google Fonts
- Import main font the website.
- Am I Responsive
- Mockup picture for the README file.
The W3C Markup Validator and W3C CSS Validator services were used to validate every page of the project to ensure there were no errors.
- Unable to find the css parameter responsible for "Navigation bar differs on certain pages."
GitHub Pages used to deploy live version of the website.
- Log in to GitHub and locate GitHub Repository Redman_Personal_Training
- At the top of the Repository(not the main navigation) locate "Settings" button on the menu.
- Scroll down the Settings page until you locate "GitHub Pages".
- Under "Source", click the dropdown menu "None" and select "Main" and click "Save".
- The page will automatically refresh.
- Scroll back to locate the now-published site link in the "GitHub Pages" section.
By forking the repository, we make a copy of the original repository on our GitHub account to view and change without affecting the original repository by using these steps:
- Log in to GitHub and locate GitHub Repository Redman_Personal_Training
- At the top of the Repository(under the main navigation) locate "Fork" button.
- Now you should have a copy of the original repository in your GitHub account.
- Log in to GitHub and locate GitHub Repository Redman_Personal_Training
- Under the repository name click "Clone or download"
- Click on the code button, select clone with HTTPS, SSH or GitHub CLI and copy the link shown.
- Open Git Bash
- Change the current working directory to the location where you want the cloned directory to be made.
- Type
git cloneand then paste The URL copied in the step 3. - Press Enter and your local clone will be created.
- Understanding the concept of flexbox was learned through Complete Guide to Flexbox
- The README template was helpfully provided by Code Institute (template)
- All content was written by the developer.
- Color contrast checker was used to decide which colors would be used for the website.
- All pictures were taken by me with agreement of Redman Overton
- My mentor Mitko Bachvarov provided helpful feedback.
- Slack community for encouragement and information.