Skip to content

A simple and easy-to-navigate frontend web application, which shows specialized yoga postures for different ailments along with video tutorials.

Notifications You must be signed in to change notification settings

Deepajha14/Rog-Free

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Rog-Free

Rog-Free is a website that shows you specialised yoga postures for specific diseases or ailments.

It acts as a simplified yoga instructor, so you can follow along at your own pace whenever and wherever you want.

It's simple to see and use so that it can be easier for people of any age group to easily browse through the website without any hassle.

responsive

Visit the deployed site: Rog-Free

Color-Design

color pallete

Features

This website comprises of 14 html pages including the index file.

7 out of those 14 pages are different Asanas HTML pages like Balasana, Cobra pose, etc. 6 pages are used as ailments pages to inform you a bit about the specified disease and then that directs you to the Asanas which are best suited to you based on the choice you have made.

The home page starts with a beautiful landing page with a minimalist look. On the top you can find the Navigation bar which can be used to easily browse the website.

Nav Bar

The Nav bar is not only responsive but also consists of a dropdown of asanas which opens up on hovering. Making browsing even easier and looks more appealing.

As you scroll down you can see a search bar to search for your particular ailment and land at your desired page. Then there is a horizontal scroll to see some cue cards for easy navigation of Asanas.

This is followed by a simple contact form, in order somebody wants to connect or ask any query.

Throughout the website we have tried to keep it breathable and minimalistic looking, so that it can have a cool and calm vibe.

Technology

Languages used : HTML, CSS and JAVASCRIPT


Github : To save and store the files for the website.

Google Fonts : Used for icon and fonts.

Pexels : Used for stocked images.

Am I responsive? : To show the website image on a range of devices.

Hook Agency : used for picking a color scheme.


Github Pages was used to deploy the website: Rog-Free

Contributors

Devansh Sahni :  Github   LinkedIn

Deepa Jha :   Github   LinkedIn

Releases

No releases published

Packages

No packages published

Languages

  • HTML 78.8%
  • CSS 17.0%
  • JavaScript 4.2%