Giter VIP home page Giter VIP logo

deepajha14 / rog-free Goto Github PK

View Code? Open in Web Editor NEW

This project forked from devanshsahni/rog-free

2.0 0.0 0.0 102 MB

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

Home Page: https://deepajha14.github.io/Rog-Free/

CSS 16.99% HTML 78.85% JavaScript 4.15%
beginner-friendly css frontend frontend-application frontend-development frontend-web healthcare healthcare-application html html-css-javascript html5 javascript web-development website yoga-website

rog-free's Introduction

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

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.