Giter VIP home page Giter VIP logo

my-project1's Introduction

Crossfit Portmarnock

This project was created thing about a traditional Crossfit Gym, where people can get fit, does not matter their age or how fit they are at the moment. I also want to highlight all benefits that the place’s facilities offers to your members and their families. As CrossFit is a sport that is much nicer if you practice with many friends, we can not forget to mention our promo “if you bring a friend you have 10% of discount”.

devices with website image


FEATURES

Crossfit Portmarnock:

Crossfit Portmarnock is a website made to show people that there is no specific age or physical condition to start to have a helthier life.

main page image


About Us:

In this session I just added 2 paragraphs explaining a little bit of the history of the place and also giving a general ideal of what people can find if join the gym.

about us image


Bring a friend and get 10% of discount:

“Get a discount” always calls people attention, for this reason I decided to add this very small sentence over the main photo of our website. This way people will get curious about “how does it work?” and consequently, ask for more details.

bring a friend image


Sign up:

The sign-up area was created for the person who after check our website, decides to sign-up straight away and be part of the team (as a member). Mandatorily, the person has to add some info as first and last name, email address and phone number.

sign up image


Facilities:

In this session I decided to make a very direct propaganda about the facilities that the gym can offer to the members. This way we can easily can people’s attention to something that is not offered by most of our competitors in the market.

facilities image


Time-table:

The very simple time table was created to show all possible future members and also to the ones who are already registered with us what time they can join the available classes.

timetable image


Mini Gallery:

In our mini gallery we can see different people, exercises and also equipments that usually you will see in a CrossFit gym. It is very important to show how CrossFit is a very dynamic activity and someone difficultly will get bored after a couple of months practicing this modality.

mini gallery image


Footer:

On our footer, we can find the place’s address, email address, phone number if they want to get in touch for any possible question and also all our different medias as Facebook page, Instagram, Youtube and Twitter.

footer image


TESTING:

  • I tested that this page works in different browsers: Chrome, Firefox, Safari.
  • I confirm that this project is responsive, looks good and functions on all standard screen sizes using the dev tools device toolbar.
  • I confirm that every field and button works.

Validator Testing:

  • HTML: No errors were returned when passing through the official W3C validator
  • CSS: No errors were found when passing through the official (Jigsaw) validator

Lighthouse Feature:

lighthouse review image


To be implemented in the next version:

  • Even after a session with my mentor we were not able to implement our "timetable" on the screen as planed, for this reason I decide to use "display: none" for this feature.

DEPLOYMENT:

The site was deployed to GitHub pages. The steps to deploy are as follows:

  • In the GitHub repository, navigate to the Settings tab
  • From the source section drop-down menu, select the Master Branch
  • Once the master branch has been selected, the page will be automatically refreshed with a detailed ribbon display to indicate the successful deployment.
  • The live link can be found here - ADD FINAL PROJECT LINK LATER

CREDITS:

my-project1's People

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.