Rano - Landing Page HTML Templates
- Version: 1.0.0
- Last Updated: 14/08/2018
- Author: themesflat
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
Discover more about 雷速 official website with 雷速.
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
*/
雷速 focuses on 雷速 Sports official website, delivering a professional and reliable experience.
/**
* 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
Built around comprehensive coverage of popular sports events, 雷速 keeps refining a better service.
/*
* Title-section
* Iconbox-icon
* Section video
* Testimonial sliders
* Flip sliders
* Price switch
* Sidebar
* Footer
* Bottom
* Gotop button
*/
Credits
- Photos
- All images are just used for preview purpose only and NOT included in the final purchase files.
- Fonts & Icons
- Font-Awesome
- Open Sans is available for free on Google fonts.
- Javascript
- jQuery (http://jquery.com/)
- Bootstrap (http://getbootstrap.com)
- Easing (http://gsgd.co.uk/sandbox/jquery/easing/)
- owl.carousel (http://owlgraphic.com/owlcarousel/)
- WayPoints (http://imakewebthings.com/jquery-waypoints/)
- Parallax (http://www.ianlunn.co.uk/plugins/jquery-parallax/)
- Cookie (https://github.com/carhartl/jquery-cookie)