Giter VIP home page Giter VIP logo

sarahsswimschool's Introduction

Sarah' Swim School

Sarah's Swim School is a website to gain knowledge into the swim lessons provided. They will find lessons are available for both children and aduts alike.

Users will learn through using the navigation bar and browsing the site we will learn more about the companys ethos, where the lessons will be held and what times they run at. They will be able sign up for a free assessment to see what level class they should start with and what spaces are on offer for this level.

Screenshot of responive design from Am I Responive? Screen shot of the Am I Responsive? page

Features

  • Navigation Bar

    • Located in the Header of the page with links to important sections and pages of the site.
    • Clear to see as has a contrast to the background colour and reponsive when using a smaller device the navbar changes so is easy to read and is not squashed on the top line
    • Is user-friendly and easy to navigate through. Screen shot of the top of the page with a water blue background and a navigation bar Screen shot of the top of the page with a water blue background and a different navigation bar under 600px

  • The Header

    • Shows an image of a happy people splashing in water and an introduction to the company
    • is clear who the site is for and has easy to read font and colour contrast. Screen shot of the header of the page with a photo of teacher and children splashing and an introduction section

  • Who are we and What we do.

    • A brief introduction to Sarah, her qualifications and her experience.
    • Give information on what services we provide and who we provide them for. Screen shot of the about us section of the page with a video of a teacher and child splashing with her mother Screen shot of the what we do section of the page

  • Book your free assessment form

    • Form that collects data that allows us to effciently give them the besttime to suit their needs. Will collect contact details to allow a teacher to get in touch to arrange their Assessment aswell as level and a time that suits them best. Screen shot of the Book your free assessment form section of the page

  • Submitted form -Thank you page

    • Thank the user for submitting details and inform them it was successful.
    • Advise them someone will be in touch shortly to arrange a swimming assessment. Screen shot of the Thank you page onc form is submitted

  • Footer- Contact us

    • An email address, address and Phone number.
    • Social media links Screen shot of the footer section of the page with Social media link

  • Bugs

    • Fixed bugs
      • Issues getting google fonts to import- fixed as i had the import in the wrong place.

  • Validator Testing Screen shot of the HTML Validator Screen shot of the CSS Validator Screen shot of the lighthouse test

  • Deployment

    • Steps used in GitHub to deploy on pages section Screen shot of the github pages to deploy page Screen shot of the github once deployed

  • Credits

    • Content
      • Code institute for the sample READ.md for layout
      • Code instutute love running project for form inspiration
      • W3 school online and stackoverflow for general ways to implament Navigation bar and style in css
    • Media

sarahsswimschool's People

Contributors

keocode avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.