Businext

Corporate Business HTML5 Template

Businext is an expressive, virtuous, user friendly and powerful HTML 5 Template suitable for any travel or tour agency, hotel, flight websites. Easy to use & customize, code & design quality, responsive theme, creative sliders, flexibility, many of premade pages, multiple portfolio options, responsive blog options and quick support – these are the outstanding features and quality to make you stand out from the crowd.

This template boasts clean features, modern and unique design which make your website more beautiful. This template was built in Bootstrap 4, HTML5 and CSS3.

Super Features

  • 25 HTML5 pages
  • Corporate Business HTML5 Template
  • Fully Responsive Layouts
  • Built with Bootstrap v5.1
  • Fontawesome
  • Google webfonts
  • Browser Compatibility
  • Valid and clean HTML5/CSS3 code
  • All files are well commented
  • Extensive Documentation

Files and folders structure

Whole template is divided into several folders and their content defined by the folder names easily.

Images

  • (all images and backgrounds patterns)
  • (all images downloaded from pxhere and pixabay)

js

All Third Party js file Located in vendors folder.

  • bootstrap.min.js ( bootstrap v4.4 js )
  • jquery.min.js ( jQuery UI js )
  • modal-video.min.js ( Popup Video js )
  • slick.min.js ( Slick slider js )
  • jquery.slicknav.js ( Slick nav js )
  • masonary.pkgd.min.js ( Masonary js )
  • jquery.fancybox.min.js ( Fancybox js )
  • custom.min.js ( Main js )

css

All Third Party css file Located in vendors folder.

  • bootstrap.min.css ( bootstrap v5.1 css )
  • all.min.css ( Fontawesome v5.12.1 css )
  • jquery.min.css ( jQuery UI css )
  • jquery.fancybox.min.css ( Fancybox css )
  • modal-video.min.css ( Popup Video css )
  • slick.css ( Slick slider css )

Fonts

Fonts are linked from google fonts.

  • 'Playfair Display', sans-serif;
  • 'Montserrat', sans-serif;

Icons

All icons are linked from fontawesome icon.

HTML Structure

Businext is based on business & Corporate that can help you rapidly develop sites that look beautiful at any size, be it a laptop screen or mobile devices.

The syntax is simple and it's effective cross browser, but the awesome part is that it also has the flexibility to go mobile like a champ. You can easily customize all part of site or build new.

Step 1: Add HTML container.

html-image

Step 2: Add row and columns (from one to twelve).

html-image

CSS Structure

Style CSS Structure

html-image

Slick Slider

Please follow like as below image.

Html For Slick Slider

                     
                     <div class="slick-slider">
                       <div><h3>1</h3></div>
                       <div><h3>2</h3></div>
                       <div><h3>3</h3></div>
                       <div><h3>4</h3></div>
                       <div><h3>5</h3></div>
                       <div><h3>6</h3></div>
                     </div>
                     
                  

JS For Slick Slider

                     
                        $('.slick-slider').slick({
                          dots: true,
                          infinite: false,
                          speed: 300,
                          slidesToShow: 4,
                          slidesToScroll: 4,
                          responsive: [
                            {
                              breakpoint: 1024,
                              settings: {
                                slidesToShow: 3,
                                slidesToScroll: 3,
                                infinite: true,
                                dots: true
                              }
                            },
                            {
                              breakpoint: 600,
                              settings: {
                                slidesToShow: 2,
                                slidesToScroll: 2
                              }
                            },
                            {
                              breakpoint: 480,
                              settings: {
                                slidesToShow: 1,
                                slidesToScroll: 1
                              }
                            }
                        });
                     
                  

Icons font

- Businext Corporate Business HTML Template uses fontawesome. A complete list of icons along with the class names can be found here: Font Awesome.

To use an icon on any page of the theme use the below html code:

<i class="fab fa-facebook"></i>

All icon are not free version so make sure.

Images sources

All Images are taken from pxhere and pixabay. All photos published on pxhere and pixabay are licensed under Creative Commons Zero which means you can copy, modify, distribute and use the photos for free, including commercial purposes, without asking permission from or providing attribution to the photographer or pxhere and pixabay.

Source Credits

Once again, thank you so much for purchasing this template. As said at the beginning, we'd be glad to help you if you have any questions relating to this template. but we'll do my best to assist.

If you have a more general question relating to the template on ThemeForest, basic HTML/CSS/JavaScript related questions, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Best Regards, bosa Themes