Kasuua - Architect & Design HTML Template.

Thank you for your purchasing this template. If you have any questions that are beyond the scope of this help file, please feel free to email us via ...

HTML Structure

Page Head
	  
	  <head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>coinup | Complete Solution of Bitcoin HTML And Sass Template</title>
		<!-- Standard -->
		<link rel="shortcut icon" href="assets/img/ficon.png">
		<!-- Style CSS -->
		<link rel="stylesheet" href="assets/css/style.css" type="text/css">	
	</head>
Page Body
			<body> 
	<!--  Preloader  --> 
	<div id="preloader"> 
		<div id="loading">  </div> 
	</div> 
	<header> 
		<!-- top nav --> 
		<div class="top-nav"> 		
		</div> 
		<!-- top nav --> 
		<!-- nav --> 
		<div id="mainNav" class="navbar navbar-fixed-top affix-top"> 
		</div> 
		<!-- /nav --> 
		<!-- main header --> 
		<div class="main-header"> 			
		</div> 
		<!-- /main header --> 
	</header> 
	<!-- red strap --> 
	<section class="red-strap"> 	
	</section> 
	<!-- /red strap --> 
	<!-- faq --> 
	<section class="faq"> 	
	</section> 
	<!-- /faq --> 
	<!-- features --> 
	<section class="features"> 	
	</section> 
	<!-- / features --> 
	<!-- currency-calculator --> 
	<section class="currency-calculator"> 		
	</section> 
	<!-- / currency-calculator --> 
	<!-- testimonial --> 
	<section class="testimonial"> 
    </section> 
	<!-- /testimonial --> 
	<!-- getactions --> 
	<section class="getactions"> 	
	</section> 
	<!-- / getactions --> 
	<!-- coinprice --> 
	<section class="coinprice" data-wow-duration=".5s" data-wow-delay=".2s"> 		
	</section> 
	<!-- /coinprice --> 
	<!-- news --> 
	<section class="news"> 
	
	</section> 
	<!-- /news --> 
	<!-- client --> 
	<section class="client"> 	
	</section> 
	<!-- /client --> 
	<footer class="fadeIn animated" data-wow-duration=".3s" data-wow-delay=".2s"> 		
		<!-- copy-right --> 
		<div class="copy-right"> 
           
         </div> 
		<!-- /copy-right --> 
	</footer> 
	
	<!-- jQuery 
	============================================ --> 
	<script src="assets/js/jquery-3.1.1.min.js"> </script> 
	<!-- Bootstrap Core JavaScript 
	============================================ --> 
	<script src="assets/js/bootstrap.min.js"> </script> 
	<script src="assets/js/jquery.easing.min.js"> </script> 
	<!--  wow JavaScript 
	============================================ --> 
	<script src="assets/js/wow.min.js"> </script> 
	<!--  Custom Theme JavaScript 
	============================================ --> 
	<script src="assets/js/custom.js"> </script> 
	<!-- owl carousel 
	============================================--> 
      <script src="assets/owl-carousel/owl.carousel.js"> </script>   
</body>

CSS Structure

This template uses CSS for stylesheets.

CSS files are located in the assets/css directory.

Javascript

This template imports several JS files.

The Javascript  files are loaded in the footer to increase the site speed and rendering.

The Javascript files used in this template are the following:

  1. jQuery
  2. Bootstrap
  3. Other Javascript plugins (Check details in the Sources section)
  4. Cstom scripts (custom.js) - It contains the global scripts we are using for every pages in the template. To get a detailed understanding of this, please have a look at this file that contains an explanation written in comment.
  5. Custom plugins to use in some specified pages.

Custom Plugins

You just need to add attribute data-[plugin Name] to any place where you want to initialize plugin.

Owl Carousel

We use owl carousel for all sliders and carousels in this template.

We can make responsive image carousel using Owl Carousel. http://owlgraphic.com/owlcarousel 

                        <div id="owl-demo" class="owl-carousel">
                              <div class="item">
                                 <div class="imghover" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">
                                    <img src="assets/img/gallery/gallery1.jpg" alt="Owl Image"/>         
                                    <a href="#" class="link-img"><i class="fa fa-expand"></i></a>                              
                                 </div>
                              </div>                              
                           </div>

Contact Form Mail Change

Source & Credits

Scripts

CSS

Free fonts

Images

Any Images or logos used in previews are not included in this item or final purchase and you need to contact authors to get permission in case you want to use them in your commercial or non-commercial projects.

We used http://placehold.it/ for placeholders.