Oxybuild - Construction Bootstrap 5 Template

Construction Builder

Introduction

Template Name: Oxybuild - Construction Bootstrap 5 Template
Thank you very much for choosing our template. We truly appreciate and really hope that you'll enjoy our template!
If you like this template, Please support us by rating us 5 stars..     

Oxybuild is a simple and elegant Bootstrap 5 Template. This template has 2 homepage layouts and responsive, easy to customize. You can using this Bootstrap 5 Template for construction, industrial, manufacturing & other related stuff!

Oxybuild comes with a variation of 25+ HTML pages where there are 1 unique home versions. It is built with Bootstrap 5, HTML 5, SASS, CSS3 and W3C validated markup. This SEO-friendly template comes with numerous features like Smooth Animations, Google Fonts, Font Awesome, Ionicon and many more.

Now grow your business with this Oxybuild - Construction Bootstrap 5 Template without any hesitation.

Template features

  • Build with Bootstrap (v5.0.0-beta3)
  • 1 Homepage
  • 25+ HTML pages
  • Made with SASS (SCSS)
  • Icon font (FontAwesome & Ionicons)
  • Google Fonts
  • W3C Validated Code
  • Clean Code
  • Creative Design
  • Fully Responsive
  • Easy to customize
  • Cross Browser Support
  • Well Documented
  • No console error
Need Support?
If you have any questions regarding to template issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

  • Documentation
  • Template Files - Oxybuild

Root Folder Structure





FTP Upload

  • Open up your FTP manager and connect to your hosting
  • Browse to required directory (Normally public_html)
  • Upload the all files inside Oxybuild folder.


Page Structure



  • index.html is for Home page one
  • about.html is for About page
  • services.html is for Our services
  • single-service.html is for Single Service
  • project.html is for Project Page
  • project-2-column.html is for Project Page
  • project-gallery.html is for Project Page
  • project-slider.html is for Project Page
  • project-detail.html is for Project Detail
  • our-clients.html is for Common Page
  • our-team.html is for Common Page
  • our-working-process.html is for Common Page
  • blog.html is for Blog Page
  • blog-leftsidebar.html is for Blog Page
  • blog-rightsidebar.html is for Blog Page
  • blog-detail.html is for Blog Detail
  • shop.html is for Shop Page
  • shop-leftsidebar.html is for Shop Page
  • shop-rightsidebar.html is for Shop Page
  • product-detail.html is for Product Detail
  • login-register.html is for Login & Register page
  • wishlist.html is for Wishlist page
  • checkout.html is for Checkout page
  • cart.html is for Cart page
  • contact.html is for Contact page

Source File Structure



Fonts Source File structure

Remember to change the font into style.css

          <!--All Google Fonts-->
          @import
          url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&family=Yantramanav:wght@300;400;500;700;900&display=swap');
        


CSS Source File structure

These are the css files that are loaded into templates in Head Section.

          <!-- ::::::::::::::All CSS Files here :::::::::::::: -->

          <!-- Vendor CSS Files -->
          <link rel="stylesheet" href="assets/css/vendor/ionicons.min.css">
          <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">

          <!-- Plugin CSS Files -->
          <link rel="stylesheet" href="assets/css/plugins/animate.css">
          <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css">

          <---Specific link for each page--->

          <!-- Style CSS File -->
          <link rel="stylesheet" href="assets/css/style.css">
        


Javascript Source File structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

          <!-- ::::::::::::::All Javascripts here ::::::::::::::-->

          <!-- Vendor JS Files -->
          <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
          <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
          <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
          <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
          <script src="assets/js/vendor/jquery.waypoints.js"></script>

          <!-- Plugins JS Files -->
          <script src="assets/js/plugins/wow.min.js"></script>
          <script src="assets/js/plugins/jquery-ui.min.js"></script>

          <---Specific link for each page--->

          <!-- Main js file that contents all jQuery plugins activation. -->
          <script src="assets/js/main.js"></script>
        


How to change Logo?





How to Change Background Image?





How to Change Map Location?

You can change map iframe from here







How to Change Mail?

You can pass dynamic email in the contact form and newsletter.