Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

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

oLog eCommerce Responsive HTML Template (Free Download)
https://github.com/templatecookie/olog-html

add-to-cart bootstrap business business-template ecommerce ecommerce-website ecoomerce-template free html html5 order order-history responsive responsive-layout shipping woocommerce

Last synced: 25 days ago
JSON representation

oLog eCommerce Responsive HTML Template (Free Download)

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.

# [Olog eCommerce Responsive HTML Template](https://olog-ecommerce-template.netlify.app/)

> Olog eCommerce Responsive HTML Template based on bootstrap framework v4.5.

This project is a bootstrap version [Olog eCommerce Responsive HTML Template](https://olog-ecommerce-template.netlify.app/) designed with HTML, CSS, SCSS, Bootstrap, Javascript & Jquery.

Check the [Live Demo here](https://olog-ecommerce-template.netlify.app/).

![](dist/images/screenshot.png)

## Technology We used
- HTML 5
- CSS 3
- SCSS
- Bootstrap
- Fontawesome Icons
- Javascript & jQuery
- Webpack 4
- Autoprefixer

## Credits
- Design by coded by [Zakir Soft](https://zakirsoft.com)
- Fonts by Google Fonts - [Poppins](https://fonts.google.com/specimen/Poppins)
- Images from [Unsplash.com](http://unsplash.com)
- SVG Icons from [Feather Icons](https://feathericons.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