Janelas – Windows & Doors Services HTMl Template

  • Version: 1.0.0
  • Last Updated: August 17 2021
  • 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 XD or images please contact via skyper: helpdeskthemesflat@gmail.com or Email: helpdeskthemesflat@gmail.com 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

Janelas – Windows & Doors Services HTMl Template

Below is Janelas basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Janelas 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
  *	Repeatable Patterns
  *	Extra classes all page
  *	Image 
  *	Button 
  *	Tftitle Style
  *	Logo Custom
  *	Header
  * Header Fixed
  *	Main Menu
  *	Mobile navigation
  *	Page-title
  *	Blog Main Content
  *	Socical
  *	Pagination
  *	Widget
  * Blog Contact
  * Footer
  * Form Subscribe
  * Bottom Footer 
  * GoTop
  * Comments Blog
*/

Shortcodes.css ( Shortcodes - Elements style )

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


/*
  * top-bar-style2
  * top search
  * header-style2
  * Image Box
  * About-Us
  * about-style2
  * What we do
  * Window Service
  * Portfolio
  * Window Service2
  * Client Testimonials
  * Client Testimonials style2
  * Blog Latest News
  * Questions
  * partners
  * custom-carousel
  * Footer
  * case-study
  * hv-background-before
  * iconbox-features
  * Page door
  * Page About
  * Page About Us Information
  * Page Service
  * Page Service Details
  * Page Case Study
  * tabs-garallry
  * Page Study-details 
  * Page Contact
*/

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 )


/**
  * isMobile
  * responsiveMenu
  * headerFixedHome1
  * headerFixedHome2
  * parallax
  * tabs
  * flatOwl
  * topSearch
  * retinaLogos
  * retinaLogos2
  * goTop
  * removePreloader
  * parallax
  * change_img
  * flatSpacer
  * flatCounter
*/

Shortcodes System

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

    
/*
  * top-bar-style2
  * top search
  * header-style2
  * Image Box
  * About-Us
  * about-style2
  * What we do
  * Window Service
  * Portfolio
  * Window Service2
  * Client Testimonials
  * Client Testimonials style2
  * Blog Latest News
  * Questions
  * partners
  * custom-carousel
  * Footer
  * case-study
  * hv-background-before
  * iconbox-features
  * Page door
  * Page About
  * Page About Us Information
  * Page Service
  * Page Service Details
  * Page Case Study
  * tabs-garallry
  * Page Study-details 
  * Page Contact
*/

Credits