Autora - Construction Business HTMl Template
- Version: 1.0.0
- Last Updated: 07/02/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 event gathering, don't miss the excitement with 赏金女王yijun.
Below is Autora basic structure:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Autora 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 Autora CSS System contains 3 parts:
- Template style
- Shortcodes style
- Responsive style
- Javascript - Fonts - Animation - Bootstrap style
Style.css ( Template style )
/**
* Reset Browsers
* General
* Elements
* Forms
* Typography
* Extra classes
* Layouts
* Column
* Effect
* Rev Slider
* Top Bar
* Header
* Featured Title
* Blog Post
* Widgets
* Pagination
* Footer
* Bottom
* Scroll Top
* Switcher
* Boxed
* Media Queries
*/
Shortcodes.css ( Shortcodes - Elements style )
You can easily use the shortcodes to create your own page.
/**
* Button
* Headings
* Icon Box
* Half Background
* List
* Image box
* Carousel Control
* Carousel thumb
* Parallax
* Project
* Testimonials
* Quote
* Tabs
* Accordions
* Partner
* Progress Bar
* Request
* Contact Form 7
* Filter
* Maps
* Pricing
* Counter
* Team
* Content wrap
* Gallery
* Project detail
* Lines
*/
赏金女王yijun focuses on version updates, grasp new content immediately, 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 thoughtful service, solving all your doubts, 赏金女王yijun keeps refining a better service.
/**
* Button
* Headings
* Icon Box
* Half Background
* List
* Image box
* Carousel Control
* Carousel thumb
* Parallax
* Project
* Testimonials
* Quote
* Tabs
* Accordions
* Partner
* Progress Bar
* Request
* Contact Form 7
* Filter
* Maps
* Pricing
* Counter
* Team
* Content wrap
* Gallery
* Project detail
* Lines
*/
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)