Ibox - Corporate Business HTML Template

  • Version: 1.0.0
  • Last Updated: 01/22/2018
  • Author: Niche_theme
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 PSD or images please contact via skyper:themesflat or email tivatheme@cloodo.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
  • Parallax Effect
  • & much more...

HTML Structure

Below is Ibox basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Ibox 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="javascript/jquery.min.js"></script>
   <script type="text/javascript" src="javascript/bootstrap.min.js"></script>
   <script type="text/javascript" src="javascript/jquery.easing.js"></script>
   <script type="text/javascript" src="javascript/jquery-waypoints.js"></script>
   <script type="text/javascript" src="javascript/owl.carousel.js"></script>
   <script type="text/javascript" src="javascript/parallax.js"></script>
   <script type="text/javascript" src="javascript/jquery.cookie.js"></script>   
   <script type="text/javascript" src="javascript/switcher.js"></script>      
   <script type="text/javascript" src="javascript/main.js"></script>
</body>

</html>

CSS System

The Ibox CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Style.css ( Template style )


/**
  *	Reset
  *	Repeatable Patterns
  *	Header Top
  * Header Top Style1
  *	Header
  *	Mobile navigation
  *	Page title
  *	TP Banner
  *	Main Content
  * Main Content Style1
  *	SideBar
  *	Blog Pagination
  *	Footer
  *	Footer style2
  *	Footer Bottom
  * Blog Single
  * Menu Canvas
  * Preload
*/

Shortcodes.css ( Shortcodes - Elements style )

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


/**
  *	Services
  * Flat Iconbox
  * Flat Iconbox Style2
  * Flat Counter
  * Flat About
  * Flat About Style2
  * Flat About Style3
  * Flat About Style4
  * Flat About Style5
  * Flat Portfolio
  * Flat Portfolio Style1
  * Flat Portfolio Style2
  * Flat Portfolio Style3
  * Flat Team
  * Flat News
  * Flat News Style1
  * Flat News Style2
  * Flat Testimonial
  * Flat Testimonial Style2
  * Flat Partner
  * Flat Progress Arccodion
  * Flat Price
  * Flat Form
  * Flat Contact
  * Flat Map
  * Flat Pagination Style2
  * Flat Portfolio Single
  * Flat Related
  * Flat Imagebox
  * Flat Imagebox Style1
  * Flat Imagebox Style2
  * Flat History
  * Flat Planning
  * Parallax
  * Go top
*/

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 ( javascript/main.js )


/**
    * menuFixed
    * searchButton
    * parallax
    * progressBar
    * accordionToggle
    * slideClient
    * slideFreedback
    * slideTestimonial
    * slideTeam
    * portfolio
    * counter
    * textForm
    * contactForm
    * goTop
    * googleMap

*/

Shortcodes System

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

    
/**
  *	Services
  * Flat Iconbox
  * Flat Iconbox Style2
  * Flat Counter
  * Flat About
  * Flat About Style2
  * Flat About Style3
  * Flat About Style4
  * Flat About Style5
  * Flat Portfolio
  * Flat Portfolio Style1
  * Flat Portfolio Style2
  * Flat Portfolio Style3
  * Flat Team
  * Flat News
  * Flat News Style1
  * Flat News Style2
  * Flat Testimonial
  * Flat Testimonial Style2
  * Flat Partner
  * Flat Progress Arccodion
  * Flat Price
  * Flat Form
  * Flat Contact
  * Flat Map
  * Flat Pagination Style2
  * Flat Portfolio Single
  * Flat Related
  * Flat Imagebox
  * Flat Imagebox Style1
  * Flat Imagebox Style2
  * Flat History
  * Flat Planning
  * Parallax
  * Go top
*/

Credits