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

With hth.com at its core, 华体会 brings a fast, seamless experience.

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
*/

Discover more about real-time match data tracking, grasp the pulse of the game with one hand. with 华体会.

/**  
  * 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

华体会 focuses on in-depth match content integration, one-stop access to match information., delivering a professional and reliable experience.

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

Credits

华体会 Technology Co., Ltd.Become a leading platform for sports event information aggregation and dissemination, providing users with the most comprehensive and timely event dynamics.Phone：+86 139 2087 9959Email：[email protected]WeChat：hthsports_628Hours: Monday to Friday 9:30–20:00No. 215 Wensan Road, Xihu District, Hangzhou City