Giter VIP home page Giter VIP logo

teach_tennis_eire's Introduction

Tennis Lessons Eire

This tennis lesson website is a landing page for potential tennis lessons students who may want to avail of tennis lessons from qualified coaches in the north co. Dublin region.

The page's purpose is to create further interest in tennis lessons, introduce the coaches, give key information such as locations/times and to try and get the user to sign up so website owners can contact them about future potential business.

Pages & Their Respective Features

Home/Index page

   1 - Stlyish Header with Tennis Font Syling Image 
   2 - Large heading text given celtic text stlying to tie in with "Eire" Website Name
   3 - Inpriation quote and including welcome text to grab peoples attention and interest 
   4 - Immeadiate link to sign up page to get more clicks to sing up page as this is purpose of website 
   5 - Immeadiate introduction to the coachs in a bright and inviting display.
   6 - Critical information displayed on main page aka the when and where of lessons
   7 - Google maps location feature added to assist in customer understanding of location
   8 - Footer with social media links that open new tab accross all pages 

Lessons Page

   1 - Color scheme given to each section to tie in with the Eire website name 
   2 - Representative photos given to each section 
   3 - More detialed information of the options for coaching avaialble 
   4 - Again multiple well place links to sign up page to get more clicks to sing up page as this is purpose of website 

Sign Up page

   1 - Background image 
   2 - Radio buttons to gather information about the possbile new customer 
   3 - Text/email inputs with sign up button to gather possible new customer details 
   4 - Inputs made required to make sure User inputs data before Submit 

Deployment

For deploymet, I used git hub pages. This "Pages" feature in the settings allows for deloyment of small/medium projects. To acheive this I had to research the latest method via youtube and other online links due to the codes institutes content being dated. (git hub pages has been updated since last video from code institute).

Testing & Validation

W3 Validation was carried out -

Some major issues Found - Index Page / Lessons Page

Div inside Span - To create inline blocks on my intro area I used Span functionality then to later stlye the content for this area I enclosed items in the intro area in Divs. Upon Running the W3 Code validator This was flagged up asan error, See Errow Below, "Error: Element "div" not allowed as child of element "span" in this context" To rectify this I need to restructure my Divs and Us the Block/ Inline display funtion to get the items to appear as desired. I learned that images are automatically there own inline block and behave as so. This was throwing me off for a while as I kept trying to define my images as inline block along with block of text to go along with it but it would not behave as expected. After I realised images act as inline blocks inherently then the process was alot easier to get right. \

Minor issues

Lots of open or not closed HTML Commands such Divs/a/ , spelling mistakes on command such "l1"insead of "li" on some ordered lists.

Light House accesibility Score

90+ Rating for accessbibilty Score Acheived.

Screen Size Testing

The Pages where tested at different resulutions via google chrome inspect dev tools toolbar. The Viewport set points for media queries where design around the values 800px & 1200px

Browser

Pages checked on multiple broswers namelt, Chrome, firefox and Microsoft Edge.

CSS Valicator

The following Errors where present when the CSS validator was ran. They have all been resovled.

Credits

The following websites/orgs where extremely helpful in assiting with my understanding of what is requried and inspiration for what is the standard for this type of website.

Technical assitance credits

W3 School W3 Code validator Stack Over flow Kevin Powell - Youtube Channel

Inspitation Assistance credits and allocation of some images

    alsaa tennis club - website 
    euroschooloftennis -  website - for text content and some images. 

Stock images

  Pxhere.com 

Other mentions

Special thanks for Samantha Dartnall for her assistance and guidance throughut the project.

teach_tennis_eire's People

Contributors

taward31 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.