- Welcome
- Main File Structure
- HTML Structure
- CSS Structure
- JavaScripts File
- Sliders
- Sources & Credits
- Support

Copyright © 2016. UX Theme All Rights Reserved.

# SPARK - Responsive Hosting, Domain, Technology Site Template

Spark is a Responsive Hosting, Domain and Technology HTML Template for Hosting or Technology website. Well planned UX is developed in Spark very creatively so that you can easily put this design to your website. We have included all the essential pages for a hosting website. No more complex thing now. Just change your Text, Image and Colors and get your website. Everything is already made for you! If you love the Design, please rate it.

Created: 09 NOvember 2018
Latest Update: 10 November 2018
By: teamuxtheme
Email: support@uxtheme.net
Thank you for purchasing our theme. Spark Responsive Web Hosting, Domain, Technology Site Template. If you have any question, please feel free to contact us.

# 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

The base structure was organized by row, col-** class

        <!-- ======= 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

The base structure was organized by row, col-** class

        *** 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
- Icons FontAwesome
  IcoFont
- Images Google
- Sliders Owl 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.

UX Theme

# Sliders Structure

The base structure was organized by row, col-** class

        <!-- code will be here -->