Bixos - Business & Digital Agency HTML Template

  • Version: 1.0.0
  • Last Updated: September 09 21
  • 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 PSD or images please contact
Email: helpdeskthemesflat@gmail.com
Skype id: helpdeskthemesflat
Create ticket id : https://themesflat.ticksy.com/ticket

Template features:

  • HTML5 & CSS3
  • Responsive Template
  • XD files included
  • Animate everything you want
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Home Page
  • Services Page
  • Service Detail
  • Price List
  • Parallax Effect
  • & much more...

HTML Structure

Bixos - Business & Digital Agency HTML Template

Below is Bixos basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Bixos - Business & Digital Agency 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 Bixos CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Style.css ( Template style )


/* 
   * Reset Browsers
   * General
   * Form
   * Button
   * Typography
   * Extra classes
   * link style
   * Top bar
   * Header
   * Search popup
   * Pagination
   * Page title
   * Blog
   * side bar
   * flat blog grid
   * flat blog details
   * flat about
   * flat portfolio
   * flat services
   * flat funfact
   * flat team
   * flat banner
   * flat award
   * flat funface grid
   * flat skillset
   * flat faq
   * flat counter
   * flat testimonials
   * flat spaces
   * flat services home 2
   * flat quotes
   * flat approch
   * flat services details
   * flat contact
   * flat pricing
   * flat portfolio grid
   * flat team details
   * flat portfolio details
   * footer
   * bottom
   * scroll top
*/

Shortcodes.css ( Shortcodes - Elements style )

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


/**
  * flatContentBox
  * flatTabs
  * flatCounter
  * flatIsotopeCase
  * flatAccordion
  * swClick
  * goTop
  * toggleMenu
  * topSearch
  * flatProgressBar
  * popUpLightBox
  * donatProgress
  * donatProgress2
  * twentyPlugin
  * Preloader
*/

Javascript - Fonts - Animation - Bootstrap style


/**  
*	animate.css
*	bootstrap.css
*	jquery.fancybox.css
*	owl.carousel.css
*	wow.css
*	swiper-bundle.min.css
*/

Javascript Custom

Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

Main.js ( js/main.js )


/**
  # retinaLogo
  # ajaxContactForm
  # headerFixed
  # mobileNav
  # ajaxSubscribe
  # alertBox
*/

Shortcodes System

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

    
/**
  * Nav
  * Banner
  * Page AboutUS
  * Our-Team
  * Group-2
  * Info
  * List-Check
  * List Check style
  * FAQ
  * Price
  * Blog
  * Comment
  * MAP
  * Contact
  * Footer
  * Padding
  * Contact Form 7
  * Color
  * Background-color
  * Font-Size
  * Form-Search
  * Button
  * Title Heading
  * Box-Shadow
  * Image box
  * Icon box
  * Responsive
*/

Credits