Skip to content

Latest commit

 

History

History
80 lines (56 loc) · 2.23 KB

README.md

File metadata and controls

80 lines (56 loc) · 2.23 KB

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. Browse Templatecookie today and discover awesome digital products.

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

Check the Live Demo here.

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

License

The MIT License (MIT). Please see License File 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