akshatnitd / green-feet

Reflexology treatment, Baby Reflex, Hot Stone Reflexology, Registered Reflexologist, Holistic Approach to Health, Alternative Medicine, MS2.

Green Feet Website

View the live project here.

This is the main marketing website for a registered reflexologist and their company "Green Feet". This website is designed to be responsive on a range of electronic devices and easy to navigate for potential and existing clients.

User Experience (UX)

• User stories

  • First Time Visitor Goals

    • As a new visitor to the website, I want to easily navigate throughout the site to find the content.
    • As a new visitor, I want to read about the company and reflexologist.
    • As a new visitor/potential client, I want to look for social media links to find out how trusted and known they are.
    • As a new visitor/potential client, I want to be able to book a reflexology treatment and to know their cost.
    • As a new visitor/potential client, I want to know the location of the company.

  • Returning Visitor Goals

    • As a Returning Visitor, I want to find information about reflexology treatment.
    • As a Returning Visitor, I want to find the best way to get in contact with the therapist with any questions I may have.

• Design

  • Colour Scheme
  • Typography
  • Imagery

• Wireframes

  • Home Page for iPhone, iPad and desktop:

Features

• Responsive on all device sizes
• Interactive elements

Technologies Used

Languages Used

• HTML5
• CSS3
• JavaScript

Frameworks, Libraries & Programs Used

Testing

• W3C Markup Validator - Results
• W3C CSS Validator - Results

Testing User Stories from User Experience (UX) Section

• First Time Visitor Goals
• Returning Visitor Goals

Further Testing

Known Bugs

Deployment

GitHub Pages

The project was deployed on GitHub Pages using the following steps:

1. Log in to GitHub and locate Project Repository.
2. Under the project name, on the right hand side, locate "Settings" link. Click on it.
3. Scroll down the Settings Page to GitHub Pages section.
4. Under "Source" click on "None" dropdown, select "Master" branch. Click "Save" button.
5. The page refresh automatically.
6. Scroll down to GitHub Pages again.
7. Click on the now published site link.
8. Update "About" section on right hand side of your Project Repository by adding the site link.

Making a Local Clone

Credits

Code

https://getbootstrap.com/docs/4.3/components/navbar/

Content

Media

Acknowledgements

core.Microsoft

Prettier

---