© colorlib, all rights reserved. 2018

Files Structure






HTML Structure


This theme is a responsive. All of the information within the main content area is nested within a body element
< body >

Page Content some code here
< /body >

General Structure

Here is the general structure screen shot

screen

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...