Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to contact us via Ticksy Support System. Thanks so much!
The template has 72 HTML and 72 RTL HTML files:
All files are well-done commented. See an example of index.html
<!doctype html>
<html lang="en">
<head>
<!-- Basic page needs
============================================ -->
<!-- Mobile specific metas
============================================ -->
<!-- Favicon
============================================ -->
<!-- Google web fonts
============================================ -->
<!-- Vendor CSS
<!-- CSS theme files
<!-- Old IEs
============================================ -->
</head>
<body>
<!-- - - - - - - - - - - - - - Layout - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Header Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Logo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Logo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Navigation - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Navigation - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Searchform - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Searchform - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Shopping Cart - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Product - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Product - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Product - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Product - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Shopping Cart - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Header Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Header - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Header Wrapper - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Media Holder - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Revolution Slider - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Layer 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Layer 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Layer 2 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Layer 2 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Layer 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Layer 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Slider - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Media Holder - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Page Content - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Icon Box Style 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Icon Box Style 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Icon Box Style 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Icon Box Style 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Icon Box Style 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Icon Box Style 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Icon Box Style 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Icon Box Style 1 - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Filter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Filter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Portfolio Holder - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Isotope - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Grid Sizer For Masonry Layout - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Grid Sizer For Masonry Layout - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project Image - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project Image - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project Description - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project Description - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project Image - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project Image - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project Description - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project Description - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project Image - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project Image - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Project Description - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project Description - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Project - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Isotope - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Portfolio Holder - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Counters - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Counter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Counter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Counter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Counter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Counter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Counter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Counter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Counter - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Counters - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Team Holder - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Team Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Member Photo - - - - - - - - - - - - - - - - -->
>
<!-- - - - - - - - - - - - - - End of Member Photo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Member Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - About Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of About Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Member Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Team Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Team Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Member Photo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Member Photo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Member Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - About Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of About Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Member Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Team Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Team Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Member Photo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Member Photo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Member Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - About Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of About Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Member Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Team Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Team Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Member Photo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Member Photo - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Member Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - About Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of About Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Member Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Team Member - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Team Holder - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entries Holder - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entry - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Attachment - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Attachment - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entry body - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entry Meta - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Meta - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entry Excerpt - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Entry Excerpt - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Entry body - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Entry - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entry - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Attachment - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Attachment - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entry body - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entry Meta - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Meta - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Entry Excerpt - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Entry Excerpt - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Entry body - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Entry - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Entries Holder - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Contact Form - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Contact Form - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Contact Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Contact Info - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Page Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Page Content - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Footer - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Footer Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Widget - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Widget - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Widget - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Widget - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Widget - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Widget - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Widget - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Widget - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Footer Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Footer Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Footer Section - - - - - - - - - - - - - - - - -->
</footer>
<!-- - - - - - - - - - - - - - End of Footer - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - End of Layout - - - - - - - - - - - - - - - - -->
<!-- JS Libs & Plugins
============================================ -->
<!-- JS theme files
============================================ -->
</body>
</html>
This template uses 8 css files:
The main style.css has such structure
/* ------------------------------------------------------
Stylesheet Guide
---------------------------------------------------------
1. Global
1.1. Layouts
2. General classes
3. Typography
4. Header
5. Content Elements
6. UI Elements
6.1. Buttons
6.2. Forms
6.2.1. Inputs & Textarea
6.2.2. Label & Legend
6.2.3. Checkbox & Radio
6.2.4. Select
6.2.5. Fieldset
6.2.6. Form variations
6.3. Tables
6.4. Lists
6.5. Blockquotes
6.6. Dividers
7. Widgets & Shortcodes
7.1. Twitter Feed
7.2. Instagram Feed
7.3. LightBox
7.5. Accordions & Toggles
7.6. Alert boxes
7.7. Callouts
7.8. Pagination
7.9. Dropcaps
7.10. Icon Boxes
7.11. Testimonials
7.12. Carousel Sliders
7.13. Progress Bars
7.14. Pricing Tables
7.15. Counters
7.16. Tabs & Tour Sections
7.17. Isotope
7.18. Team Members
7.19. Google Map
7.20. Services
7.21. Countdown
7.22. Audio Player
8. Blog
8.1. Entries
9. Portfolio
10. Shop
11. Sidebar
12. Footer
13. Media Queries
14. Retina Ready
This template includes 30 Javascript files.
If you want to change slider settings, for example, you want switch on/off autoslideshow or change time delay you can find all slider settings here js/gatsby.plugins.js
The template has 3 footers and 8 headers.
If you want to use any header you have to go, for example, to html\inc\header4.html
and replace code on your page with below
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->
<header id="header" class="gt-header gt-type-4 gt-light">
<!-- - - - - - - - - - - - - - Header Section - - - - - - - - - - - - - - - - -->
<div class="gt-hs-medium">
<div class="container">
<div class="gt-t-row">
<div class="col-sm-4">
<div class="align-left">
<!-- - - - - - - - - - - - - - Searchform - - - - - - - - - - - - - - - - -->
<form novalidate class="gt-lineform gt-small">
<input type="search" placeholder="Search">
<button class="gt-lineform-btn" type="button"><span class="lnr lnr-magnifier"></span></button>
</form>
<!-- - - - - - - - - - - - - - End of Searchform - - - - - - - - - - - - - - - - -->
</div><!--/ .align-left -->
</div>
<div class="col-sm-4">
<div class="align-center">
<!-- - - - - - - - - - - - - - Logo - - - - - - - - - - - - - - - - -->
<a href="index.html" class="gt-logo">
<img src="images/logo_large_dark.png" alt="">
</a>
<!-- - - - - - - - - - - - - - End of Logo - - - - - - - - - - - - - - - - -->
</div><!--/ .align-center -->
</div>
<div class="col-sm-4">
<div class="gt-h-elements align-right">
<a href="#" class="gt-wishlist"><span class="lnr lnr-heart"></span></a>
<!-- - - - - - - - - - - - - - Shopping Cart - - - - - - - - - - - - - - - - -->
<div class="gt-sc-widget">
<button class="gt-sc-invoker gt-dropdown-invoker"><span class="lnr lnr-cart" data-amount="2"></span><span class="gt-price">$899.00</span></button>
<div class="gt-shopping-cart gt-dropdown">
<div class="gt-products-holder">
<!-- - - - - - - - - - - - - - Product - - - - - - - - - - - - - - - - -->
<div class="gt-col">
<div class="gt-product">
<button class="gt-close"></button>
<a href="#" class="gt-product-image">
<img src="images/product_thumb_1.jpg" alt="">
</a>
<div class="gt-product-description">
<a href="#" class="gt-product-name">Fred Perry Polo Shirt<br>with Shoulder</a>
<span class="gt-product-price"><span class="gt-amount">1</span>$425.99</span>
</div><!--/ .product-info -->
</div>
</div>
<!-- - - - - - - - - - - - - - End of Product - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Product - - - - - - - - - - - - - - - - -->
<div class="gt-col">
<div class="gt-product">
<button class="gt-close"></button>
<a href="#" class="gt-product-image">
<img src="images/product_thumb_2.jpg" alt="">
</a>
<div class="gt-product-description">
<a href="#" class="gt-product-name">Fred Perry Polo Shirt<br>with Shoulder</a>
<span class="gt-product-price"><span class="gt-amount">1</span>$425.99</span>
</div><!--/ .product-info -->
</div>
</div>
<!-- - - - - - - - - - - - - - End of Product - - - - - - - - - - - - - - - - -->
</div><!--/ .gt-products-holder -->
<div class="gt-sc-footer">
<div class="gt-subtotal">Subtotal: <span class="gt-total-price">$1425.99</span></div>
<ul class="gt-vr-btns-set">
<li><a href="#" class="gt-btn-3 gt-reverse">View Cart</a></li>
<li><a href="#" class="gt-btn-3">Checkout</a></li>
</ul><!--/ .gt-vr-btns-set -->
</div>
</div><!--/ .gt-shopping-cart -->
</div>
<!-- - - - - - - - - - - - - - End of Shopping Cart - - - - - - - - - - - - - - - - -->
</div><!--/ .h-elements.align-right -->
</div>
</div><!--/ .t-row -->
</div><!--/ .container -->
</div>
<!-- - - - - - - - - - - - - - End of Header Section - - - - - - - - - - - - - - - - -->
<!-- - - - - - - - - - - - - - Header Section - - - - - - - - - - - - - - - - -->
<div class="gt-hs-small gt-sticky">
<!-- - - - - - - - - - - - - - Navigation - - - - - - - - - - - - - - - - -->
<nav class="gt-nav-wrap align-center">
<ul class="gt-navigation gt-underlined">
<li class="gt-has-submenu">
<a href="index.html">Home</a>
<!-- - - - - - - - - - - - - - Submenu (level 2) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="index.html">Home 1</a></li>
<li><a href="home_v2.html">Home 2</a></li>
<li><a href="home_v3.html">Home 3</a></li>
<li><a href="home_v4.html">Home 4</a></li>
<li><a href="home_v5.html">Home 5</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 2) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="pages_about.html">Pages</a>
<!-- - - - - - - - - - - - - - Submenu (level 2) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="pages_about.html">About</a></li>
<li><a href="pages_team.html">Team</a></li>
<li><a href="pages_team_member.html">Team member</a></li>
<li><a href="pages_services.html">Services</a></li>
<li><a href="pages_contact.html">Contact</a></li>
<li><a href="pages_coming_soon_v1.html">Coming soon page 1</a></li>
<li><a href="pages_coming_soon_v2.html">Coming soon page 2</a></li>
<li><a href="pages_coming_soon_v3.html">Coming soon page 3</a></li>
<li><a href="pages_coming_soon_v4.html">Coming soon page 4</a></li>
<li><a href="pages_coming_soon_v5.html">Coming soon page 5</a></li>
<li><a href="pages_404_v1.html">404 page 1</a></li>
<li><a href="pages_404_v2.html">404 page 2</a></li>
<li><a href="pages_404_v3.html">404 page 3</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 2) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-megamenu">
<a href="elements_accordions_and_toggles.html">Elements</a>
<!-- - - - - - - - - - - - - - Submenu (level 2) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="elements_accordions_and_toggles.html">Accordions and toggles</a></li>
<li><a href="elements_allert_boxes_and_callouts.html">Alert boxes and callouts</a></li>
<li><a href="elements_buttons.html">Buttons</a></li>
<li><a href="elements_carousel_sliders.html">Carousel sliders</a></li>
<li><a href="elements_columns.html">Columns</a></li>
<li><a href="elements_counters.html">Counters</a></li>
<li><a href="elements_dropcaps.html">Dropcaps</a></li>
</ul>
<ul class="gt-submenu">
<li><a href="elements_forms.html">Forms</a></li>
<li><a href="elements_icon_boxes.html">Icon boxes</a></li>
<li><a href="elements_image_positions.html">Image positions</a></li>
<li><a href="elements_lists.html">Lists</a></li>
<li><a href="elements_pagination_and_dividers.html">Pagination and dividers</a></li>
<li><a href="elements_pricing_tables.html">Pricing tables</a></li>
<li><a href="elements_progress_bars.html">Progress bars</a></li>
</ul>
<ul class="gt-submenu">
<li><a href="RTL/index.html">RTL layout</a></li>
<li><a href="elements_tables.html">Tables</a></li>
<li><a href="elements_tabs_and_tour_sections.html">Tabs and tour sections</a></li>
<li><a href="elements_testimonials.html">Testimonials</a></li>
<li><a href="elements_typography.html">Typography</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 2) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="portfolio_classic_2_columns.html">Portfolio</a>
<!-- - - - - - - - - - - - - - Submenu (level 2) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li class="gt-has-submenu">
<a href="portfolio_classic_2_columns.html">Classic</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="portfolio_classic_2_columns.html">2 Columns</a></li>
<li><a href="portfolio_classic_3_columns.html">3 Columns</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="portfolio_masonry_v1_2_columns.html">Masonry v1</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="portfolio_masonry_v1_2_columns.html">2 Columns</a></li>
<li><a href="portfolio_masonry_v1_3_columns.html">3 Columns</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
<li><a href="portfolio_masonry_v2.html">Masonry v2</a></li>
<li class="gt-has-submenu">
<a href="portfolio_fw_3_columns.html">Full width grid</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="portfolio_fw_3_columns.html">3 Columns</a></li>
<li><a href="portfolio_fw_4_columns.html">4 Columns</a></li>
<li><a href="portfolio_fw_5_columns_without_spacing.html">5 Columns without spacing</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
<li><a href="portfolio_single.html">Single portfolio post</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 2) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="blog_masonry_v1_3_columns.html">Blog</a>
<!-- - - - - - - - - - - - - - Submenu (level 2) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li class="gt-has-submenu">
<a href="blog_masonry_v1_3_columns.html">Masonry v1</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="blog_masonry_v1_3_columns.html">3 Columns</a></li>
<li><a href="blog_masonry_v1_3_columns_left_sidebar.html">3 Columns with left sidebar</a></li>
<li><a href="blog_masonry_v1_3_columns_right_sidebar.html">3 Columns with right sidebar</a></li>
<li><a href="blog_masonry_v1_4_columns.html">4 Columns</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="blog_masonry_v2_3_columns.html">Masonry v2</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="blog_masonry_v2_3_columns.html">3 Columns</a></li>
<li><a href="blog_masonry_v2_3_columns_left_sidebar.html">3 Columns with left sidebar</a></li>
<li><a href="blog_masonry_v2_3_columns_right_sidebar.html">3 Columns with right sidebar</a></li>
<li><a href="blog_masonry_v2_4_columns.html">4 Columns</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="blog_big_thumbs_1_column_left_sidebar.html">Big thumbnails</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="blog_big_thumbs_1_column_left_sidebar.html">1 Column with left sidebar</a></li>
<li><a href="blog_big_thumbs_1_column_right_sidebar.html">1 Column with right sidebar</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="blog_small_thumbs_1_column_without_sidebar.html">Small thumbnails</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="blog_small_thumbs_1_column_without_sidebar.html">1 Column without sidebar</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="blog_single_without_sidebar.html">Single blog post</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="blog_single_without_sidebar.html">Post without sidebar</a></li>
<li><a href="blog_single_with_sidebar.html">Post with sidebar</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 2) - - - - - - - - - - - - - - - - -->
</li>
<li class="gt-has-submenu">
<a href="shop_category_list_right_sidebar.html">Shop</a>
<!-- - - - - - - - - - - - - - Submenu (level 2) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li class="gt-has-submenu">
<a href="shop_category_list_left_sidebar.html">Category page</a>
<!-- - - - - - - - - - - - - - Submenu (level 3) - - - - - - - - - - - - - - - - -->
<div class="gt-dropdown">
<ul class="gt-submenu">
<li><a href="shop_category_list_left_sidebar.html">List with left sidebar</a></li>
<li><a href="shop_category_list_right_sidebar.html">List with right sidebar</a></li>
<li><a href="shop_category_grid_2_column_left_sidebar.html">2 column grid with left sidebar</a></li>
<li><a href="shop_category_grid_2_column_right_sidebar.html">2 column grid with right sidebar</a></li>
<li><a href="shop_category_grid_3_column_left_sidebar.html">3 column grid with left sidebar</a></li>
<li><a href="shop_category_grid_3_column_right_sidebar.html">3 column grid with right sidebar</a></li>
<li><a href="shop_category_grid_4_column_left_sidebar.html">4 column grid with left sidebar</a></li>
<li><a href="shop_category_grid_4_column_right_sidebar.html">4 column grid with right sidebar</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 3) - - - - - - - - - - - - - - - - -->
</li>
<li><a href="shop_product_page.html">Product page</a></li>
<li><a href="shop_product_page_with_sidebar.html">Product page with sidebar</a></li>
<li><a href="shop_shopping_cart.html">Shopping cart</a></li>
<li><a href="shop_checkout.html">Checkout</a></li>
<li><a href="shop_order_page.html">Order page</a></li>
</ul>
</div>
<!-- - - - - - - - - - - - - - End of Submenu (level 2) - - - - - - - - - - - - - - - - -->
</li>
</ul>
</nav>
<!-- - - - - - - - - - - - - - End of Navigation - - - - - - - - - - - - - - - - -->
</div><!--/ .gt-sticky -->
<!-- - - - - - - - - - - - - - End of Header Section - - - - - - - - - - - - - - - - -->
</header>
<!-- - - - - - - - - - - - - - End of Header - - - - - - - - - - - - - - - - -->
When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place. Read more here: http://imulus.github.io/retinajs/
If you want to remove preloader, open html and remove <div id="preloader" class="gt-preloader"></div>
First, create your own keys at the https://dev.twitter.com/. Create your own application and generate keys for you domain.
Second, open the \php\twitter\index.php file and replace the current keys with yours:
// Your Twitter App Consumer Key
private $consumer_key = 'prGwIqh0DxorZcltCReQ7Q';
// Your Twitter App Consumer Secret
private $consumer_secret = 'Ovmq7ekQnLwc883fpqfEdAAhc4sLSWb609j566aXnok';
// Your Twitter App Access Token
private $user_token = '308471286-9tVgRFg0wIALwviPpp8QduLKPkYTM3AhPpClO6DW';
// Your Twitter App Access Token Secret
private $user_secret = 'trpkaAjNXydy0pvDeswANtw9zjhnOvSkYhqJukZsK8';
Third, open the js\gatsby.plugins.js file, in line 161 find the following code:
username: 'fanfbmltemplate',
Replace fanfbmltemplate with your twitter username.
To change a contact form and subscribe emails open php/contactform_handler.php, subscribe_handler.php and MailSender.php and insert you email
$user_email = "gatsbycompanyname@mail.com";
I've used the following scripts:
IMPORTANT: clipart is not included in the stock file.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting http://velikorodnov.ticksy.com and asking your pre-sale question in the "Item Discussion" section.
mad_velikorodnov