view my project here.

The How To Pasta website is a website for adults to sign up for cooking classes on how to make fresh pasta.

• First Time Visitor Goals

  1. As a First Time Vistor, I want to understand the purpose of the website and what the company is providing.

  2. As a First Time Visitor, I want to easily navigate through the website to find what I'm looking for.

• Returning visitor

  1. As a Returning Visitor, I want to be able to contact the company if I may have any questions.

  2. As a Returning Visitor, I want iformation on the class

  3. As a Returning Visitor, I want to able to find the social and commuinity links.

• Design

  • Colour Scheme

    • The main colors used on the website are black and white.

  • Typography

    • The Lato font is the main font used throughout the website with the oswald font used for the h1 and h2 headings. The Sans-Serif font is used as the fallback just in case for some reason they are not being imported from Google fonts.

  • Imagery

    • Imagery is used throughout the website to catch the user's attention.

• Navigation

  • placed at the top left of the page you have the website name: How To Pasta that links to top of the home page.

  • The other links are placed at the top right of the page: Home, Gallery and Sign up.

  • The Home link just like the website name takes the user back to top of the home page.

  • The Gallery link takes then user to the sites gallery page with images taken from the class.

  • The Sign Up link takes the user to the sites from page where the user can sign up for the classes by entering there first name, last name, email address. And finaly day and time of when you want to take the class.

• Header

  • The Header shows the name of the site at the top left of page.

  • The navigation links are at the top right of the page so the user can move from one page to the other.

  • The also shows the hero image for the site used to catch the users attention.

• The About Us Section

  • At the top of the section you have the heading: About Us.

  • On the left you have the WELCOME area where the company gives a introduction and explains what they are providing to the user.

  • On the right you have the IN THE CLASS area which goes into detail about what you will be doing in the class.

• The Why Learn To Make Pasta section

  • At the top you have the section heading.

  • In the middle of the section the is a background image of fresh pasta for aesthetics.

  • In section of the page it provides the user with four benefits of making fresh pasta instead of store bought pasta.

• I confimed that the pages of the website work using different browsers: Chrome, Firefox, Safari.

• I confirmed the website is responsive and funtions on all standard screen sizes using the devtools toolbar.

• I have confirmed that the navigational links on all pages are working.

• I have confirmed that the form is working: requires entries in all fields with emails only in the email field.

• I have confirmed that the submit button works.

• HTML

• No errors were found when all HTML pages passed through the official W3C validator.

• CSS

• No errors were found when CSS style sheet passed through the official Jigsaw validator.

• I confirmed that all pages of the website are accessible by the Lighthouse devtool.

• The website was deployed to GitHub pages. These are the steps...

  • In my GitHub repository, go to the Settings tab.

  • From the Settings tab navigate down the page to the GitHub Pages tab.

  • From the source section drop-down menu, select Main Branch and cilck Save.

  • Once that is done a link to the website will be provided.

The link can be found here: How To Pasta

• The code for the social media links, table of days and times was taken from the CI Love Running project.

• All images on the webstie were taken from pexels.