Main File Structure

All the file are well organized, its so easy to work with the template.
1. Unzip the files.
2. Open "Vershions" folder.
You will find the the Spark template directories.

You will find the the All templates file on the root that will be edited.
Also you will see 4 directories, css, js, fonts and img.
Css folder contain only the Essential stylesheet, Img folder contain all images of your project, Js folder contain only the jquery library & Fonts folder contain essetial font files for fonts.

	Vershions/
		├── css/ 
		│   ├── custom/
		│   │	└── style.css
		│   ├── responsive/
		│   │	└── responsive.css
		│   ├── animate.min.css
		│   ├── bootstrap.min.css
		│   ├── et-line.css
		│   ├── font-awesome.min.css
		│   ├── owl.carousel.css
		│   └── icofont.css
		├── fonts 
		├── img
		├── js/
		│   ├── jquery.1.11.3.min.js
		│   ├── bootstrap.min.js
		│   ├── owl.carousel.min.js
		│   ├── chatScript.js
		│   ├── mapScript.js
		│   ├── waypoint.js
		│   ├── isotope.pkgd.min.js
		│   ├── imageLoaded.pkgd.min.js
		│   └── active.js
		├── index-1.html
		├── index-2.html
		├── about.html
		├── domainSearch.html
		├── webHosting.html
		├── cloudHosting.html
		├── vpnHosting.html
		├── sharedHosting.html
		├── testimonial.html
		├── domainManage.html
		├── accountManage.html
		├── hostingManage.html
		├── faq.html
		├── contact.html
		├── cart.html
		├── checkout.html
		├── single-blog.html
		├── support.html
		├── comingSoon.html
		├── 404.html
		└── README.md

HTML Structure

    <!-- ======= 1.08 ctaTwo Area ====== -->
    <div class="ctaTwo">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-12 animated">
    				<span class="ctaTxtTwo">20,000+ People trust Sparks! Be one of them today.</span>
    				<div class="ctaBtn"><a href="#" class="btnOne Btn">Get Started now</a></div>
    			</div>
    		</div>
    	</div>
    </div>
    <!-- ======= /1.08 ctaTwo Area ====== -->

CSS Structure

    
        
        style.css & responsive.css called in html file
        
        <!-- custom css -->
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">
        
        
        This css files imported in style.css
        
		@import url("../bootstrap.min.css");
		@import url("../font-awesome.min.css");
		@import url("../animate.min.css");
		@import url("../../fonts/webfonts/fonts.css");
		@import url("../icofont.css");
		@import url("../owl.carousel.css");
        
        
        
    

JavaScript Structure

    
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery.1.11.3.min.js"></script> <!-- jQuery -->
		<script src="js/bootstrap.min.js"></script> <!-- Bootstrap -->
		<script src="js/owl.carousel.min.js"></script> <!-- owlCarousel -->
		<script src="js/waypoints.min.js"></script> <!-- waypoint -->
		<script src="js/isotope.pkgd.min.js"></script>
        <script src="js/imageLoaded.pkgd.min.js"></script>
		<script src="js/chatScript.js" type="text/javascript"></script> <!--End of Tawk.to Script-->
		<script src="js/active.js"></script> <!-- active js -->
   
    

Sliders Structure

    

    *** owl carousel ***
        
        
    			<div class="tstSlider owl-carousel">
    				<div class="col-sm-12 singleTstSlide">
						<div class="singleTst">
							<p>“Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie conse quat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore.”</p>
							<span class="clientName">David Ramon</span>
							<a href="#">www.sitename.com</a>
						</div>
    				</div>
    				<div class="col-sm-12 singleTstSlide">
						<div class="singleTst">
							<p>“Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie conse quat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore.”</p>
							<span class="clientName">David Ramon</span>
							<a href="#">www.sitename.com</a>
						</div>
    				</div>
    			</div>
		
   
    

Sources & Credits

• Fonts Proxima Nova
• IconsFontAwesome
  IcoFont
• Images Google
• SlidersOwl Carousel
• Animation Waypoint
  Animate Css

Supports

Thank you for reading the documentaion. If you still have any question or any problem, please contact with us. We will give you best support. Thanks.

Sliders Structure

    
    <!-- code will be here -->