Edict-Html A html template for woocommerce site.

Introduction


Edict html template is carefully designed UI frame work that is built on bootstrap. It is a fully resposive template which looks attractive in even mobile devices.

The below documentation guide a beginner to develop their website.

getting started


This part of doc will help you to quick start your project and the basic knowlegde about how the pages and works. You can simply copy and paste our html and customize it according to your project requirements.

Whats inside the folder you created ?


Before you start to edit on the file first you should know about the folder components

image

In the above figure, folders are maintained as per the content of the site. Here there are different html pages for the site plus, different folders naming css, fonts, images, js and scss. Note it the CSS changes that you are going to make shall be done on scss folder components and the app (Scout) that you have installed complies the SCSS to CSS.

The folders like fonts, images and js are the folder where you keep your required fonts, images for the site and .js files needed to your project. For now we have kept all the needed fonts and js file for the site. And for images you can have the images as per your need. Remember the image size shall be according the given size.

how to use HTML ?


For the html integration you can simply edit on .html file. Like for example index.html, you can re-order the sections up and down, and you have a flexibility on re-ordering the sections.

img

Section edit


Slider

Testimonial section is located to about us page, there you can simply edit on. You can put the images according to the required size, have caption on it and a read-more button as per your requirement.

image

Team

You can put the images according to the required size, have a team member name, number, email and social links as per requirement.

Team Image Here
Team Image Integration Image Here

Testimonial

Testimonial section is located to about us page, there you can simply edit on. You can put small size quare image , have a testimonial client detalis.

image
testionial image

Feature section

Simply you can advertise your feature to the customer. You can add the icon as per you wanted from http://fontawesome.io/
https://linearicons.com/free

image
image

Blog section

As shown below in the figure you can edit your blog section

Note: Same size image must be use in blog standard.

image
image

Portfolio section

As shown in figure you can edit Portfolio section by adding require image and details.

Note: Square image must be use in Layout 1 and Layout 3.

image
image