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

https://github.com/templatecookie/eduguard-html

Eduguard eLearning HTML Template
https://github.com/templatecookie/eduguard-html

bootstrap bootstrap5 clean course course-project css e-learning ecommerce education educational-project elearning free html responsive responsive-design sass scss

Last synced: about 1 month ago
JSON representation

Eduguard eLearning HTML Template

Awesome Lists containing this project

README

          

# [Templatecookie](https://templatecookie.com)
Templatecookie.com creates quality templates and php scripts. Templatecookie has many free HTML & Figma templates available for professional use. Templatecookie is famous for its premium PHP Scripts available on [Codeanyon Marketplace](https://codecanyon.net/user/templatecookie). Browse [Templatecookie](https://templatecookie.com) today and discover awesome digital products.

# [Edugard elearning HTML Template](https://www.templatecookie.com/products)

> Edugard elearning HTML Template for e-learning, and course management.

Check the [Live Demo here](https://eduguard-html.netlify.app/).

![](screenshot.png)

## Pages List
- 3 Unique Home (Landing Page)
- Course List
- Course Details
- About
- Contact
- Become an Instructor
- Authentication
- and many more

## Framework & Technologies
- bootstrap
- scss
- jQuery
- slick

## Credits
- Design & Developed by [Templatecookie](https://templatecookie.com)

## License
The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

# Webpack Boilerplate
This repository contains Webpack and SCSS boilerplate code to quickly get started on building a webpage following a simplified version of SASS (7-1 pattern).

## Project Setup
### Installing
Run `npm install` to install all the dependencies this project needs.

### Running the app
Run `npm run dev`. Your browser should automatically open a new tab where you can see your app.
*Note :* live reload is enabled so just modify your files and it will be reflected on the app instantly.

### Building the app
Run `npm run build`. It will automatically add vendor prefixes to CSS rules and compress all your `.scss` files into one `style.css` file located in your `dist` folder.

## SASS folder structure
It contains these folder and files :

- `abstracts` : functions, variables
- `base` : reset, typography,
- `components` : buttons, form
- `layout` : footer, header, nav, breadcrumb
- `pages` : contact, home,
- `themes` : theme
- `vendors` : bootstrap, fontawesome

## Included Framework and Libraries
- `fontawesome` - Font Library

## Webpack Dependencies
- Webpack
- Babel
- File Loader
- CSS Loader
- Node SASS
- SASS Loader
- Post CSS
- Autoprefixer
- Purge CSS
- Mini CSS Extractor Plugin