Obero - Digital Agency Bootstrap HTML Template

Obero - Digital Agency Bootstrap HTML Template

Need Support

Introduction

Template Name: Obero - Digital Agency Bootstrap HTML 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..     

Obero is a simple and elegant technology HTML Template. This theme has 1 homepage layouts and responsive, easy to customize. You can using his HTML Template for online Agency business

Obero comes with a variation of 7+ HTML pages where there are 1 unique home versions. It is built with Bootstrap 5, HTML 5, CSS3 and W3C validated markup. This SEO-friendly template comes with numerous features like Smooth Animations,Image Zoom, Google Fonts, Icofont, SimpleLine Icon, Elegenticon Icon, linearicons, Flaticon and many more.

Now grow your online Agency business with this Obero - Digital Agency Bootstrap HTML Template without any hesitation.

Template features

  • Build with Bootstrap 5
  • 1 Homepage
  • 7+ HTML pages
  • Made with HTML5 & CSS3
  • Icon font (Flaticon,Simple-Line-Icons,Icofont,Elegenticon Icon,linearicons,)
  • Google Fonts
  • W3C Validated Code
  • Clean Code
  • Creative and Modern Design
  • Fully Responsive
  • Smooth animations
  • Easy to customize
  • Cross Browser Support
  • Well Documented
  • Active Contact Form
  • No console error
Need Support?
If you have any questions regarding to theme issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

  • Documentation
  • Template Files - obero

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 obero folder.


Page Structure



  • index.html is for Home page
  • about.html is for About page
  • portfolio.html is for Portfolio Page
  • project-detail.html is for Project Details Page
  • blog.html is for Blog Grid Page
  • blog-detail.html is for Blog Detail 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=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Karla:ital,wght@0,400;0,700;1,700&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/bootstrap.css">
            <link rel="stylesheet" href="assets/css/vendor/elegenticon.css">
            <link rel="stylesheet" href="assets/css/vendor/flaticon.css">
            <link rel="stylesheet" href="assets/css/vendor/linearicons.css">
            <link rel="stylesheet" href="assets/css/vendor/icofont.min.css">
            <link rel="stylesheet" href="assets/css/vendor/simple-line-icon.css">

            <!-- Plugin CSS Files -->
            <link rel="stylesheet" href="assets/css/plugin/animate.css">
            <link rel="stylesheet" href="assets/css/plugin/animation.css">
            <link rel="stylesheet" href="assets/css/plugin/jquery.fancybox.min.css">
            <link rel="stylesheet" href="assets/css/plugin/jquery.mCustomScrollbar.min.css">
            <link rel="stylesheet" href="assets/css/plugin/owl.css">

            <!-- Main 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/jquery.js"></script>                 
            <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>          
            <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>          
            <script src="assets/js/vendor/popper.min.js"></script>
            <script src="assets/js/vendor/bootstrap.min.js"></script>

            <!-- Plugins JS Files -->         
            <script src="assets/js/plugin/owl.js"></script>                 
            <script src="assets/js/plugin/jquery.mCustomScrollbar.concat.min.js"></script>          
            <script src="assets/js/plugin/jquery.fancybox.js"></script>          
            <script src="assets/js/plugin/wow.js"></script>          
            <script src="assets/js/plugin/mixitup.js"></script>          
            <script src="assets/js/plugin/jquery.scrollTo.js"></script>          
            <script src="assets/js/plugin/ajax-mail.js"></script>

            <!-- 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 Copyright?

You can change copyright text from here.





How to Change Mail?

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