-
1. Welcome
-
2. HTML Structure
-
3. CSS System
-
4. Javascript Custom
-
5. Shortcodes System
-
6. Credits
Inverna - Heating & Air Condition Service HTML Template
- Version: 1.0.0
- Last Updated: January 23 2025
- 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 images please contact: helpdeskthemesflat@gmail.com
Template Features:
- Heating & Air Condition Service HTML Template
- 04 Home Page Unique
- HTML5 & CSS3
- Responsive Template
- Animate everything you want
- Free icons used
- Pixel Perfect
- Clean & Unique Design
- Easy to customize
- Retina Ready
- Unlimited Colors
- Home Page
- Parallax Effect
- & much more…
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 images please contact: helpdeskthemesflat@gmail.com
HTML Structure
Inverna – Heating & Air Condition Service HTML Template
Below is Healingy basic structure:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title> Inverna - Heating & Air Condition Service HTML 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 Healingy CSS System contains 3 parts:
- Template style
- Shortcodes style
- Responsive style
- Javascript – Fonts – Animation – Bootstrap style
Your_template/asset/css/style.scss ( Template style )
/**
* Reset css styles
* Components
* section
* dashboard
* Responsive
*/
Your_template/asset/scss/shortcodes.scss ( Shortcodes - Elements style )
You can easily use the shortcodes to create your own page
/**
* _reset
* _responsive
* _sections
* _widgets
* app
*/
Javascript - Fonts - Animation - Bootstrap style
/**
* animate.min.css
* bootstrap.css
* jquery-ui.min.css
* magnific-popup.min.css
* map.min.css
* nice-select.css
* nouislider.min.css
* odometer-theme-default.css
* style.css
* style.css.map
* swiper-bundle.min.css
* textanimation.css
*/
Javascript Custom
Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)
Shortcodes System
You can easily use the shortcodes to create your own page.
Main.js ( js/main.js )
/**
* preload
* Scroll Top
* Page Title
* Icon-box
* Counter
* Team
* Testimonial
* Video
* pagination
* breakcrumb
*/
Credits
- Photos
- All images are just used for preview purpose only and NOT included in the final purchase files.
- Fonts & Icons
- Font-Awesome
- Plus Jakarta Sans 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)