Skip to content

templatecookie/albert-html

Repository files navigation

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.

Albert is a personal portfolio HTML template.

Check the Live Demo here.

Pages List

  • One Page Website (Landing Page)

Framework & Technologies

  • bootstrap
  • scss
  • isotope
  • jQuery

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