# “dailyShop”

Created : 22/03/2016

By : MarkUps

Email : contact@markups.io

Thank you for downloading our Template. If you have any questions that are beyond the scope of this help file, please feel free to contact via template comment section from download page. Thanks so much!

## Table of Contents

1. Introduction
2. HTML Structure
3. CSS Files and Structure
4. JavaScripts
5. Navigation
6. Fonts used
7. Sources and Credits

### A) Introduction - top

Thank you so much for downloading this template called dailyShop - eCommerce Business HTML5 Template. Please feel free to contact us if you have question or problem about this template. No guarantees, but we will do our best to provide you with the best possible assistance.

#### Template Features

- HTML5 and CSS3 Validated
- Responsive Template
- slick slider
- Multi page template
- Built on Bootstrap 3.3.6
- 479 icons (based on FontAwesome)
- 10 Themes color variation
- Slider section
- Promo Banner section
- Filterable Product section
- Popular Product Section with Slider
- Quick view with modal
- Client Testimonial section
- Latest Blog section
- Client Brand section
- Subscribe Newsletter form
- Product page
- Product Details Page
- Account Page
- Quick login form with modal view
- My Cart Page
- Checkout Page
- Wishlist Page
- Blog Archive Page
- Blog Details Page
- 404 Error Page
- Contact
- Google Maps integration
- Google Web Fonts

### B) HTML Structure - top

#### HTML Files

Total 12 HTML file included in this Template. These are index.html, product.html, product-detail.html, account.html, cart.html, checkout.html, wishlist.html, blog-archive.html, blog-archive-2.html, blog-single.html, 404.html, contact.html

#### Here jsut Home "index.hthml" HTML structure

This template is a Bootstrap based responsive layout and index.html file seperated by thirteen (13) section. Here is the general structure.

### C) CSS Files and Structure - top

#### Styles

We're using 09 CSS files in this template. We have separated styles for improving convenience to edit this template. If you're going to use this template in production we recommend you merge all stylesheets in one file (for decreasing http queries).

Lets take a look closely at our stylesheet files.

##### font-awesome.css

Base styles for FontAwesome icon fonts.

##### bootstrap.css

This Stylesheet contains responsive grid system, default element style based on bootstrap. It is bootstrap framework main css file

##### jquery.smartmenus.bootstrap.css

Bootstrap based smartmenu css file

##### slick.css

Styles for slider (slick slider).

##### nouislider.css

Price Picker css file

##### sequence-theme.modern-slide-in.css

It's Sequence moder slider css file for main slider view

##### default-theme.css

This is default theme color file for this template.

##### style.css

Common css style and structures for this template.

    		/* Style.css File Table of Content
    		==================================================
    		#BASIC TYPOGRAPHY
    		#HEADER SECTION
    		#NAVBAR SECTION
    		#SLIDER SECTION
    		#PROMO SECTION
    		#PRODUCT SECTION
    		#BANNER SECTION
    		#POPULAR SECTION
    		#SUPPORT SECTION
    		#TESTIMONIAL SECTION
    		#LATEST BLOG SECTION
    		#CLIENT BRAND SECTION
    		#PRODUCT PAGE
    		#PRODUCT DETAILS PAGE
    		#CART VIEW PAGE
    		#CHECKOUT PAGE
    		#MY ACCOUNT  PAGE
    		#BLOG ARCHIVE  PAGE
    		#BLOG DETAILS  PAGE
    		#CONTACT  PAGE
    		#ERROR  PAGE
    		#FOOTER SECTION
    		#RESPONSIVE DESIGN
    		*/

Some of stylesheets (Totally 9 themes color) contain different theme color for easily changed your desired theme color. You find these theme in assets/css/theme-color folder.

### D) JavaScript - top

This template imports 11 Javascript files.

Lets take a look closely at our javascript files.

##### jquery.min/js

Initialize jQuery Library

##### bootstrap.js

Bootstrap framework main jquery file

##### jquery.smartmenus.js

Smartmenu main jquery file

##### jquery.smartmenus.bootstrap.js

Smartmenu bootstrap addon jquery file

##### sequence.js

Sequence top slider jquery file

##### sequence-theme.modern-slide-in.js

smooth slide js file for sequence slider

##### jquery.simpleGallery.js

Simple Gallery main jquery file

##### jquery.simpleLens.js

magnify simple lense js file

##### slick.min.js

Slick slider jquery file for carousel slides

##### nouislider.js

Nouislider jquery file for price picker

##### custom.js

We put initialisation of many plugins here.

### E) Navigation - top

The navigation bootstrap based menu. It will show different view for desktop and mobile device

### F) Fonts Used - top

We have used Two Google Web Fonts in this template.

1. Lato - for body content
2. Raleway - for heading

### G) Sources and Credits - top

- Bootstrap
- Sequence Slider
- Magnify Slider
- Slick Slider
- Font Awesome
- Price Range Slider
- Preloader
- Demo Image
- Pixabay
- Unsplash
- PNG Image

Once again, thank you so much for Downloading this item. As we said at the beginning, we would be glad to help you if you have any questions relating to this item. No guarantees, but we'll do our best to assist. If you have a more general question relating to the item, you might consider visiting the item download page and asking your question in the "Item Comment" section.

MarkUps

Go To Table of Contents