Light

code-institute-submissions / yogaclubproject Goto Github PK

View Code? Open in Web Editor NEW

This project forked from daooobg/yogaclubproject

0.0 0.0 0.0 6.76 MB

Dockerfile 10.02% CSS 23.16% HTML 66.83%

yogaclubproject's Introduction

Barking and Dagenham Yoga Club

B&D yoga club is a yoga club site that wants to get people to practice yoga for a healthier life. B&D yoga club intends to attract people from the Barking and Dagenham area to join the club.

Features

Home Page

Navigation bar - Includes links to all pages (Home, Classes, Gallery, and Contact us).

Landing page - Includes video and animated text to attract visitors' attention.

About yoga section - Includes a brief explanation of why yoga is helpful, and on the right side, there are four photos with a hover effect.

Event section - Include upcoming events, and in the future, this section may grow into a larger one and include more events

Team Section - Includes photos and names of all yoga club workers.

Footer - Includes logo and links to Facebook, Twitter, Youtube, Instagram, and TikTok.

Classes page

The classes page consists of photos, and in the case of a mouse hover, the client can see a brief explanation of the type of yoga of the particular yoga picture.

Gallery Page

Contact us - Includes contact form

Testing

Manual testing

Buttons	Test	Action
Home	Working	Open home page
Classes	Working	Open Classes page
Gallery	Working	Open Galery page
Contact Us	Working	Open contact page
Facebook	Working	Open Facebook in new tab page
Twitter	Working	Open Twitter in new tab page
YouTube	Working	Open YouTube in new tab page
Instagram	Working	Open Instagram in new tab page
Tiktok	Working	Open Tiktok in new tab page

Automatic testing

Lighthouse - The side was been testet with Lighthouse and this is the results:

W3C CSS Validation - The side was been testet with W3C CSS Validation and this is the results:

W3C HTML Validation - The side was been testet with W3C HTML Validation and this is the results:

Home Page

Classes Page

Classes Page

Contact Us Page

Deployment

I deployed my B&D Yoga club project using GitHub pages by the following steps:

Loging in to my GitHub account
Clicking on the 'settings'
Clicking on the 'GitHub Pages'
I selected 'Master branch'
That is the URL to my project: https://daooobg.github.io/yogaClubProject/index.html

Credits

I've got all the text written by me. I took the photos from Unsplash and Pexels. Fonts are taken from Google fonts. Thank you very much to the code institute and my mentor for the help.

yogaclubproject's People

Contributors

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.