Thank you for purchasing my theme. If you still have some questions that you could not find in the scope of this help file, please contact me through email via my user page contact form here. You can also follow me on Themeforest to keep track of all my future themes, that you might be interested in. Thank you very much!
Site consists of 13 sections #header
, #home
, #about
, #skills
, #portfolio
, #clients
, .clients-say
, #facts
, #blog
, #features
, #instagram
, #contact
, at the top the #mainNavi
block, .footer
at the bottom of the unit.
And also from the inner page: blog.html
.
To hange the styles, colors, and other options in the site you can in style/style.css file.
<header> [LOGO AND MENU BLOCK] </header> <section id="home"> [TOP FULL SCREEN SLIDER] </section> <section id="about"> <div class="container"> [ABOUT TITLE] </div> </section> <section id="skills"> [SKILLS] </section> <section class="portfolio"> <div class="container"> [PORTFOLIO TITLE] </div> <div data-index="1" class="work images-bg"> [PORTFOLIO BLOCK 1] </div> <div class="details-work"> [PORTFOLIO DETAILS BLOCK 1] </div> <div data-index="2" class="work images-bg"> [PORTFOLIO BLOCK 2] </div> <div class="details-work"> [PORTFOLIO DETAILS BLOCK 2] </div> <div data-index="3" class="work images-bg"> [PORTFOLIO BLOCK 3] </div> <div class="details-work"> [PORTFOLIO DETAILS BLOCK 3] </div> <div data-index="4" class="work images-bg"> [PORTFOLIO BLOCK 4] </div> <div class="details-work"> [PORTFOLIO DETAILS BLOCK 4] </div> </section> <section id="clients"> <div class="container"> [CLIENTS BLOCK] </div> </section> <section class="clients-say"> <div class="container"> [CLIENTS SAY TITLE] </div> [CLIENTS SAY FEEDBACK] </section> <section id="facts"> <div class="container"> [FACTS TITLE] </div> [FACTS] </section> <section id="blog"> [BLOGS POSTS] </section> <section id="features"> <div class="container"> [FEATURES TITLE] </div> <div class="container"> [FEATURES BLOCK] </div> </section> <section id="instagram"> [INSTAGRAM IMAGES] </section> <section id="contact"> <div class="container"> [CONTACT BLOCK] </div> </section> <div id="footer"> <div class="container"> [FOOTER_CONTENT_HERE] </div> </div>
If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:
body
;I'm using 6 CSS files in this theme.
style.css
- Main stylesheet. This file also contains some general styling, such as anchor tag colors, font-sizes, etc.bootstrap.min.css
- bootstrap styleselegant.icons.style.css
- Icon style.animate.css
- File for CSS amination.magnific-popup.css
- File for popup.blog.css
- File for blog page.Mind that these values might be overridden somewhere else in the file.
style.css
file contains all of the specific stylings for the page. The file is separated into sections using:
/*--------- NAME OF BLOCK -------------*/ etc.
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.
All images are found in the images
. If you want to replace the image, just copy the folder with the same name as the original file with identical proportions.
Twelve Javascript files are used in this site.
custom.script.js
- User configuration file scripts. Most of the animation in this site are carried out from the customs scripts. There are a few functions that you can look at./*-----------------------------------------------------------------------------------*/ /* NAME OF BLOCK /*-----------------------------------------------------------------------------------*/ etc.
jquery.flexslider-min.js
- FlexSlider script. Used in the home block.jquery.min.js
- jQuery 1.10.2.jquery.nicescroll.min.js
- replacement for the standard to scroll.jquery.parallax-1.1.3.js
- parallax for images.jquery.countTo.js
- for calc animation.jquery.magnific-popup.min.js
- for popup window.jquery.transit.min.js
- for transit animation.jquery.magnific-popup.min.js
- for gallery popup.jquery.isotope.min.js
- for gallery grid.scrollIt.min.js
- for scrolling to blocks.For use the booking form your need to change e-mail address in the mail.php
file. You can open this file any text editor.