An open API service indexing awesome lists of open source software.

https://github.com/parvin-noori/masterclass

a redeveloped version of the MasterClass website
https://github.com/parvin-noori/masterclass

bootstrap jqueryvalidator swiper-slider videojs-plugin

Last synced: 4 months ago
JSON representation

a redeveloped version of the MasterClass website

Awesome Lists containing this project

README

        

# MasterClass Redesigned

This project is a redeveloped version of the MasterClass website for practice, utilizing Bootstrap, jQuery, Video.js, Swiper, jQuery Validation Plugin, SCSS, and Font Awesome. The website is designed to support both RTL (Right-to-Left) and LTR (Left-to-Right) text directions.

## Technologies Used

- **Bootstrap**: Front-end framework for responsive design.
- **jQuery**: JavaScript library for DOM manipulation and event handling.
- **Video.js**: HTML5 video player library for embedding videos.
- **Swiper**: Touch-enabled slider library for sliders and carousels.
- **jQuery Validation Plugin**: Form validation plugin for jQuery.
- **SCSS**: CSS preprocessor for enhanced styling capabilities.
- **Font Awesome**: Icon toolkit for web applications.

## Features

- **Responsive Design**: Ensures optimal viewing experience across devices.
- **RTL and LTR Support**: Supports both right-to-left and left-to-right text directions.
- **Video Integration**: Embeds and plays videos using Video.js.
- **Interactive Elements**: Utilizes Swiper for interactive sliders and carousels.
- **Form Validation**: Implements form validation using jQuery Validation Plugin.

## Installation

1. Clone the repository:
```bash
git clone https://github.com/parvin-noori/masterClass.git
```

2. Navigate to the project directory:
```bash
cd masterClass
```

3. Open the `index.html` file in your web browser.

## Usage

Simply open the `index.html` file in a web browser to view the redesigned MasterClass website.

![demo](https://github.com/parvin-noori/masterClass/blob/master/assets/imgs/screenShot/smartmockups_masterClass.jpg)