HTML Structure
This theme is a responsive. All of the information within the main content area is nested within a body element
Page Content some code here
< body >
Page Content some code here
< /body >
General Structure
Here is the general structure screen shot
Every section start with a comment like this
< !-- ========== Section Name start ========== -- >
and end with comment like this
< !-- ========== Section Name end ========== -- >
CSS Structure
you will find the theme css file in html->assets->css->style.css
list of content
Here is the list of all sections style
/*
* Cocoon - Portfolio html Template
* Build Date: december 2017
* Author: colorlib
* Copyright (C) 2018 colorlib
*/
/* ------------------------------------- */
/* TABLE OF CONTENTS
/* -------------------------------------
. GENERAL
. SIDE MENU
. BODY SIDE GENEREL CLASSES
. BUTTONS
. ICON BOXES
. PROJECTS SECTION (PORTFOLIO)
. BLOG SECTION
. COUNTER SECTION
. Testimonial SECTION
. Contact Section
.PROGRESSBAR
.SINGLE POST (COMMENTS SIDEBAR TAGS LIST)
------------------------------------- */
Every point of the content list you will find start with a comment like this
/* ----------------------------------------------------
#. point name
-------------------------------------------------------- */
some code here...
/* ----------------------------------------------------
#. point name
-------------------------------------------------------- */
some code here...
Js Structure
you will find the theme js file in html->assets->js->app.js
list of content
Here is the list of all sections
/*
* Cocoon - Portfolio html Template
* Build Date: december 2017
* Author: colorlib
* Copyright (C) 2018 colorlib
*/
/* ------------------------------------- */
/* TABLE OF CONTENTS
/* ------------------------------------- */
/* PRE LOADING */
/* WOW */
/* SIDEBAR Menu */
/* Portfolio Masonry */
/* portfolio-filter */
/* pop up */
/* OWL CAROUSEL */
/* MAPS */
/* COUNTER JS */
Every point of the content list you will find start with a comment like this
/*--------------------------------------------*/
/* Point name
/*------------------------------------------*/
some code here...
/*--------------------------------------------*/
/* POINT name
/*------------------------------------------*/
some code here...