世界杯2026官网-专业赛事数据分析与比分平台

Rano - Landing Page HTML Templates

Version: 1.0.0
Last Updated: 14/08/2018
Author: themesflat

Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates. You need file PSD or images please contact via skyper:themesflat or email [email protected] we will send this for you.

Template features:

HTML5 & CSS3
Responsive Template
Free icons used
Pixel Perfect
Clean & Unique Design
Easy to customize
Retina Ready
Unlimited Colors
Boxed or Wide layout
Ajax Contact Form
2 Home Page
2 Portfolio page
Parallax Effect
& much more...

HTML Structure

Rano - Landing Page HTML Templates

Below is Rano basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Rano Template</title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme Style -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- Animation Style -->    

    <!-- Favicon and touch icons  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

    <!-- Section -->
    <section class="flat-row"> </section>

    <!-- Footer -->
    <footer class="footer"> </footer>

   	<!-- Bottom -->
   	<div class="bottom"> </bottom>

   	<!-- Go Top -->
    <a class="go-top">
     	<i class="fa fa-angle-up"></a>
    </a>
   
   <!-- Javascript -->
   <script type="text/javascript" src="assets/js/jquery.min.js"></script>
   <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="assets/js/jquery.easing.js"></script>
   <script type="text/javascript" src="assets/js/jquery-waypoints.js"></script>
   <script type="text/javascript" src="assets/js/owl.carousel.js"></script>
   <script type="text/javascript" src="assets/js/parallax.js"></script>
   <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>   
   <script type="text/javascript" src="assets/js/switcher.js"></script>      
   <script type="text/javascript" src="assets/js/main.js"></script>
</body>

</html>

CSS System

The Rano CSS System contains 3 parts:

Template style
Shortcodes style
Responsive style
Javascript - Fonts - Animation - Bootstrap style

Style.css ( Template style )


/*
  * Reset
  * Default
  * Header
  * Page title
  * Home
  * Blog
  * Sidebar
  * Footer
  * Bottom
  * Gotop button
*/

Shortcodes.css ( Shortcodes - Elements style )

You can easily use the shortcodes to create your own page.


/*
* Title-section
* Iconbox-icon
* Section video
* Testimonial sliders
* Flip sliders
* Price switch
* Sidebar
* Footer
* Bottom
* Gotop button
*/

Javascript - Fonts - Animation - Bootstrap style

/**  
  * font-awesome.css

  * owl.carousel.css

  * animate.css
  * shortcodes.css

  * bootstrap.css 
  * revolution-slider.css
*/

Javascript Custom

Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

Main.js ( js/main.js )


/**
  * PreLoader
  * Retina Logos
  * Header Fixed
  * Mobile Navigation
  * Scroll to Top  
*/

Shortcodes System