Apolo - Premium Photography & Portfolio

HTML Template


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 24 HTML and 24 RTL HTML files:

 

<!doctype html>
<html lang="en">
  <head>
    <!-- Basic page needs-->

    <!-- Mobile specific metas-->

    <!-- Favicon-->

    <!-- Vendor CSS-->
   
    <!-- Theme CSS-->
   
    <!-- Vendor JS-->
 
  </head>
  <body class="apo-header-vertical-left">
    <!-- Preloader-->
    
    <!-- End Preloader-->
    <!-- Site Header-->
    <!-- Hidden Side Column-->
    
                  <!-- Social Networks-->
                 
                  <!-- End Social Networks-->
               
              <!-- Navigation-->
             
              <!-- End Navigation-->
            
    <!-- End Hidden Side Column-->
   
              <!-- Logo-->
              <!-- End Logo-->
          
              <!-- Social Networks-->
            
              <!-- End Social Networks-->
            
              <!-- Search-->
             
              <!-- End Search-->
            
              <!-- Navigation Button-->
            
              <!-- End Navigation Button-->
              <!-- Navigation Button-->
              
              <!-- End Navigation Button-->
           
    <!-- End Site Header-->
    <!-- Page Content-->
   
      <!-- Slider-->
      
            <!-- Slide 1-->
           
              <!-- End of Layer 1-->
              <!-- Layer 2-->
             
              <!-- End of Layer 2-->
              <!-- Layer 3-->
              
              <!-- End of Layer 3-->
          
            <!-- End of Slide 3-->
        
          <!-- Slider Actions -->
         
          <!-- End Slider Actions -->
      
      <!-- End of Slider-->
      <!-- Content Section-->
      
      <!-- End Content Section-->
      <!-- Content Section-->
     
        <!-- Isotope-->
        
            <!-- Article-->
            
            <!-- Article-->
            
            <!-- Article-->
          
            <!-- Article-->
           
      <!-- End Isotope-->
      <!-- Content Section-->
     
      <!-- End Content Section-->
      <!-- Content Section-->
     
        <!-- Isotope-->
        
            <!-- Article-->
            
            <!-- End Article-->
         
            <!-- Article-->
          
            <!-- End Article-->
 
        <!-- End Isotope-->
   
    <!-- End Page Content-->
    <!-- Footer-->
    
          <!-- Widget-->
         
          <!-- End Widget-->
          <!-- Widget-->
       
          <!-- End Widget-->
          <!-- Widget-->
         
          <!-- End Widget-->
          <!-- Widget-->
        
          <!-- End Widget-->

    <!-- End Footer-->
    <!-- Vendor JS-->
 
    <!-- Theme JS-->
    
  </body>
</html>

This template uses 10 css files:

The main style.css has such structure:
 

/* ------------------------------------------------------
  Stylesheet Guide
---------------------------------------------------------
    1. Global
        1.1. Preloader
        1.2. Reusable Patterns
            1.2.0. Grid
        1.3. Page Skin
    2. Layout
    3. Reusable Patterns
    3. General Classes
        3.1. WordPress Core
        3.2. Basic Concepts
    4. Typography
        4.1. Dropcap
        4.2. Blockquote
    5. Header
    6. Page Header
    7. Content Elements
    8. Sidebar & Widgets
    9. Blog
    10. Portfolio
    11. Dedicated Pages
    12. Modal Windows
        12.1. Photo Info
    13. Footer
    14. Media Queries
---------------------------------------------------------- */

This template includes 38 Javascript files.

  1. apolo.appear.js
  2. apolo.contact-form.js
  3. apolo.fullpage.js
  4. apolo.isotope.js
  5. apolo.newsletter.js
  6. apolo.parallax-grid.js
  7. apolo.sameheight.js
  8. apolo.core.js
  9. apolo.init.js
  10. jquery.arcticmodal-0.3.min.js
  11. jquery.fancybox.js
  12. jquery.fancybox.min.js
  13. jquery.fullpage.js
  14. jquery.fullpage.extensions.min.js
  15. jquery.mCustomScrollbar.js
  16. jquery.mCustomScrollbar.concat.min.js
  17. owl.carousel.js
  18. owl.carousel.min.js
  19. jquery.themepunch.enablelog.js
  20. jquery.themepunch.revolution.min.js
  21. jquery.themepunch.tools.min.js
  22. swiper.js
  23. swiper.min.js
  24. appear.min.js
  25. handlebars-v4.0.5.js
  26. imagesloaded.pkgd.min.js
  27. isotope.pkgd.min.js
  28. jquery.easing.1.3.min.js
  29. jquery.smoothscroll.min.js
  30. mad.accordion.js
  31. mad.customselect.js
  32. mad.tabs.js
  33. modernizr.js
  34. parallax.min.js
  35. retina.min.js
  36. wat.counters.js
  37. wt.jquery.nav.1.0.js
  38. wt.validator.min.js

 

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/apolo.init.js

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 page loader remove this code in HTML
 

 

    <!-- Preloader-->
    <div class="apo-preloader">
      <div class="apo-preloader-outer">
        <div class="apo-preloader-inner">
          <div class="apo-loader">
            <img src="images/logo-2.png" alt="">
          </div>
        </div>
      </div>
    </div>
    <!-- End Preloader-->

To change a contact form and subscribe emails open php/contact.php, subscribe.php and insert you email

$your_email = ' here must be your email ';

I've used the following scripts:




Clipart for the preview was bought from http://depositphotos.com and https://unsplash.com/

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.

Monkeysan