The template files of Blocknote 3.0 are simple and use the same principle for each pages.
Blocknote 3.0 use .html file as independent element. The .html file is a general element such as header.html, footer.html, menu.html etc.
In .php file those files merged to make a single page file. All of the template files are stored in assets folder.
Once downloaded, unzip the compressed folder to see the structure of (the compiled) Promo. You’ll see something like this
hey-kids.3/
assets/
├── about/
│ ├── index-2.php
│ └── index.php
├── announcement/
│ └── index.php
├── assets/
│ ├── css/
│ ├── font-awesome/
│ ├── fonts/
│ ├── html-components/
│ ├── html-components-js/
│ ├── html-dark-bg/
│ ├── html-light-bg/
│ ├── html-page-elements/
│ ├── html-parallax-bg/
│ └── images/
│ ├── background/
│ ├── fractionslider/
│ ├── logo/
│ ├── shop/
│ └── slideshow/
│ ├── js/
│ └── index.php
├── contact/
│ ├── index-2.php
│ └── index.php
├── cover/
│ ├── index-2.php
│ └── index.php
├── discography/
│ ├── discography-detail.php
│ └── index.php
├── doc/
│ ├── images/
│ └── index.php
├── error/
│ ├── index-2.php
│ └── index.php
├── event/
│ └── index.php
├── gallery/
│ ├── detail.php
│ ├── index-2.php
│ └── index.php
├── home/
│ └── index.php
├── landing/
│ ├── index-3.php
│ ├── index-2.php
│ └── index.php
├── login/
│ ├── index-2.php
│ └── index.php
├── news/
│ ├── index-3.php
│ ├── index-2.php
│ ├── index.php
│ ├── news-detail-2.php
│ └── news-detail.php
├── register/
│ ├── index-2.php
│ └── index.php
├── search/
│ └── index.php
└── shop/
├── detail.php
└── index.php
CODING STRUCTURES AND PAGES
CSS FILES
There are 18 CSS files of Blocknote 3.0. They are available in : Blocknote 3.0/assets/css.
CSS FILES
- animate.css : This is for animation styling of mouse activity (mouse over) on object
- bootstrap-theme.css : This is the default css file of entire bootstrap styling (this file is editable)
- bootstrap.css : This is the default css file of entire bootstrap styling (do not edit this file)
- bootstrap.min.css : This is the compact version of boostrap.css file
- calendar.css : This is styling for event calendar in event page
- docs.min.css : This is the default css file of entire bootstrap styling (do not edit this file)
- dropdown.css : This is styling for menu and megamenu dropdown navigation
- flaticon.css : This is styling for full width template in option panel
- fractionslider.css : This is for display and animate fraction slider in landing page
- hover-effect.css : This is for animation styling of mouse activity (mouse over) on icons
- logo-slider.css : This is for styling logo partner slider only
- option-panel.css : This is the style and design of Blocknote 3.0 style switcher option panel
- paymentfont.css : This is the style and design of payment icons in shop page
- portfolio-grid.css : This is for display and animate gallery in portfolio grid page
- portfolio-sortable.css : This is for display and animate gallery in portfolio sortable page
- shop.css : This is for display and animate gallery in shop page
- social-media.css : This is for styling social media buttons
- style.css : This is the style and design of Blocknote 3.0 template (use this to change into style of your own)
- type.css : This is for font style and character of Blocknote 3.0 (use this to change into style of your own)