Suprimo HTML Template
- Version: 1.0.0
- Last Updated: November 21 2019
- Author: themesflat
Template features:
- HTML5 & CSS3
- Responsive Template
- Free icons used
- Pixel Perfect
- Clean & Unique Design
- Easy to customize
- Free Google Fonts.
- Free Font Based Icons.
- Retina Ready
- Clean and beautiful line Icons
- Well organized psd file
- Easy Customization
- Bootstrap Grid
- & much more...
HTML Structure
Suprimo HTMl Template
Below is Suprimo basic structure:
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Suprimo Template</title>
<!-- Mobile Specific Metas -->
<!-- Bootstrap -->
<!-- Template Style -->
</head>
<body>
<!-- Top-bar -->
<!-- Header -->
<!-- Slider -->
<!-- Section -->
<section class="iconbox "> </section>
<section class="about "> </section>
<section class="facts "> </section>
<section class="practice-featured "> </section>
<section class="attorneys "> </section>
<section class="case-evaluation "> </section>
<section class="featured "> </section>
<section class="testimonial "> </section>
<section class="partners "> </section>
<!-- Footer -->
<footer class="footer"> </footer>
<!-- Javascript -->
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/gmap3.min.js"></script>
<script type="text/javascript" src="assets/js/https://maps.googleapis.com/maps/api/js?key=AIzaSyCo_pcAdFNbTDCAvMwAD19oRTuEmb9M50c_"></script>
<script type="text/javascript" src="assets/js/jquery-ui.js"></script>
<script type="text/javascript" src="assets/js/flex-slider.min.js"></script>
<script type="text/javascript" src="assets/js/jquery-countTo.js"></script>
<script type="text/javascript" src="assets/js/jquery-isotope.js"></script>
<script type="text/javascript" src="assets/js/equalize.min.js"></script>
<script type="text/javascript" src="assets/js/plugins.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>
CSS System
The Suprimo CSS System contains 3 parts:
- Template style
- Shortcodes style
- Responsive style
- Javascript - Fonts - Animation - Bootstrap style
Style.css ( Template style )
/**
* Reset
* Repeatable Patterns
* Hover
* loading-overlay
* top-bar
* header
* Mobile navigation
* page-title
* blog
* footer
* bottom
* pagination
* contact
* faq
* case-results
* attorneys
* case-details
* attorneys-single
* practice-single
* practice-area
* rev-slider
* about
* facts
* testimonial
* partners
* about
*/
Shortcodes.css ( Shortcodes - Elements style )
You can easily use the shortcodes to create your own page.
/**
* title-section
* image-box
* featured
* iconbox-features
* featured-banner
* timeline
* scroll-top
*/
Javascript - Fonts - Animation - Bootstrap style
/**
* font-awesome.css
* animate.css
* shortcodes.css
* bootstrap.css
*/
Javascript Custom
Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)
Main.js ( js/main.js )
/**
* headerFixed();
* responsiveMenu();
* topSearch();
* googleMap();
* flatTabs();
* flatIsotopeCourse();
* accordionToggle();
* skillbar();
* spacer();
* flatCounter();
* contentBox();
* flatEqualizeHeight();
* testimonialSlider();
* goTop();
* removePreloader();
*/
Shortcodes System
You can easily use the shortcodes to create your own page.
/**
* title-section
* image-box
* featured
* iconbox-features
* featured-banner
* timeline
* scroll-top
*/
Credits
-
Photos
- All images are just used for preview purpose only and NOT included in the final purchase files.
- Fonts & Icons
-
Javascript
- Gmap3 (http://gmap3.net)
- jquery (http://jquery.com/)
- jquery-ui (https://jqueryui.com/)
- owl.carousel (https://owlcarousel2.github.io/OwlCarousel2/)
- Isotope (http://isotope.metafizzy.co//)
- Flexslider (http://flexslider.woothemes.com//)
- Countdown (http://hilios.github.io/jQuery.countdown//)
- Rev-Slider (https://revolution.themepunch.com/jquery/)