BITBETIO Documentation

Getting Started

Welcome

Thanks for purchasing our template :)

It is our great pleasure that you purchased our template. And we want to tell you that you don't need to write any codes for this template. Just follow some instructions for customizing the template.

If you have any questions, feel free to contact us at pixeltheme96@gmail.com.

Features

  • 01 Home Page
  • Fully responsive
  • Clear & Neat design
  • Bootstrap 5
  • Font Awesome Icon
  • Jquery Counter
  • Nice Select
  • Smooth animation
  • Browser compatibility (IE10+, Chrome, Safari, Firefox, Opera)
  • Well documented

Folder Arrange

Unzip the archive and find out the folder "buyer-file". There are all the template files in this folder. You can open the following files for viewing in browser.

  1. assets - for all resources
    • /css — folder with css files.
    • /images — folder with image files.
    • /js — folder with Javascript files.
    • /scss — folder with scss files.
    • /webfonts — folder with icon fonts.
  2. index.html Default home page
  3. dashboard.html Dashboard page
  4. personal-details-setting.html Personal Details Setting page
  5. modify-login-password.html Modify Login Password page
  6. soccer-bets-1.html Soccer Bets page
  7. soccer-bets-2.html Soccer Bets Second page
  8. escrow-bets-fee.html Escrow Bets Fee page
  9. currency-bet.html Currency Bet page
  10. betting-details.html Betting Details page
  11. create-new-currency.html Create New Currency page
  12. tournaments.html Tournaments page
  13. tournaments-details.html Tournaments Details page
  14. blog.html Blog page
  15. blog-details.html Blog Details page
  16. affiliate.html Affiliate page
  17. faqs.html Faqs page
  18. privacy-policy.html Privacy Policy page
  19. terms-conditions.html Terms Conditions page
  20. contact.html Contact Page
  21. error.html Error Page

Installation

01. Fonts

      <!--Fonts-->
      
        https://fonts.google.com/

02. Source File (CSS)

      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <link rel="stylesheet" href="assets/css/arafat-font.css">
      <link rel="stylesheet" href="assets/css/jquery-ui.css">
      <link rel="stylesheet" href="assets/css/fontawesome.min.css">
      <link rel="stylesheet" href="assets/css/style.css">
      <link rel="stylesheet" href="assets/css/plugin/animate.css">
      <link rel="stylesheet" href="assets/css/plugin/magnific-popup.css">
      <link rel="stylesheet" href="assets/css/plugin/nice-select.css">
      <link rel="stylesheet" href="assets/css/plugin/slick.css">

03. Source File (JS)

        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/fontawesome.js"></script>
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery-ui.js"></script>
        <script src="assets/js/main.js"></script>
        <script src="assets/js/plugin/counter.js"></script>
        <script src="assets/js/plugin/jquery.downCount.js"></script>
        <script src="assets/js/plugin/jquery.magnific-popup.min.js"></script>
        <script src="assets/js/plugin/jquery.nice-select.min.js"></script>
        <script src="assets/js/plugin/plugin.js"></script>
        <script src="assets/js/plugin/slick.js"></script>
        <script src="assets/js/plugin/waypoint.min.js"></script>
        <script src="assets/js/plugin/wow.min.js"></script>

Logo Type

To change logotype in the navigation panel, find image assets/images/logo.png and replace it with your logo.

Note: Keep your logo inside the assets/images/logo.png folder. The logo size should be minimum 129x39 pixel.

This is logo and navigation codes.

      
    <!-- Main-menu Strat -->
    <nav class="navbar navbar-expand-lg navbar-light">
      <a class="navbar-brand" href="index.html">
          <img src="assets/images/logo.png" class="logo" alt="logo">
      </a>
      <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
          data-bs-target="#navbar-content">
          <i class="fas fa-bars"></i>
      </button>
      <div class="collapse navbar-collapse justify-content-end" id="navbar-content">
          <ul class="navbar-nav mr-auto mb-2 mb-lg-0">
              <li class="nav-item">
                  <a class="nav-link active" aria-current="page" href="index.html">Home</a>
              </li>
              <li class="nav-item dropdown main-navbar">
                  <a class="nav-link dropdown-toggle" href="javascript:void(0)"
                      data-bs-toggle="dropdown" data-bs-auto-close="outside">Dashboard</a>
                  <ul class="dropdown-menu main-menu shadow">
                      <li><a class="nav-link" href="dashboard.html">Dashboard</a></li>
                      <li class="dropend sub-navbar">
                          <a href="javascript:void(0)" class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside">Setting</a>
                          <ul class="dropdown-menu sub-menu shadow">
                              <li><a class="nav-link" href="personal-details-setting.html">Personal Details</a></li>
                              <li><a class="nav-link" href="modify-login-password.html">Change Password</a></li>
                          </ul>
                      </li>
                  </ul>
              </li>
              <li class="nav-item dropdown main-navbar">
                  <a class="nav-link dropdown-toggle" href="javascript:void(0)"
                      data-bs-toggle="dropdown" data-bs-auto-close="outside">Sports</a>
                  <ul class="dropdown-menu main-menu shadow">
                      <li><a class="nav-link" href="soccer-bets-2.html">Tennis</a></li>
                      <li><a class="nav-link" href="soccer-bets-1.html">Soccer</a></li>
                      <li><a class="nav-link" href="soccer-bets-2.html">NBA</a></li>
                  </ul>
              </li>
              <li class="nav-item dropdown main-navbar">
                  <a class="nav-link dropdown-toggle" href="javascript:void(0)"
                      data-bs-toggle="dropdown" data-bs-auto-close="outside">Currency</a>
                  <ul class="dropdown-menu main-menu shadow">
                      <li><a class="nav-link" href="escrow-bets-fee.html">Escrow Bets Fee</a></li>
                      <li><a class="nav-link" href="currency-bet.html">Currency Bet</a></li>
                      <li><a class="nav-link" href="betting-details.html">Betting Details</a></li>
                      <li><a class="nav-link" href="create-new-currency.html">Create Currency</a></li>
                  </ul>
              </li>
              <li class="nav-item dropdown main-navbar">
                  <a class="nav-link dropdown-toggle" href="javascript:void(0)"
                      data-bs-toggle="dropdown" data-bs-auto-close="outside">Pages</a>
                  <ul class="dropdown-menu main-menu shadow">
                      <li class="dropend sub-navbar">
                          <a href="javascript:void(0)" class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside">Tournaments</a>
                          <ul class="dropdown-menu sub-menu shadow">
                              <li><a class="nav-link" href="tournaments.html">Tournaments</a></li>
                              <li><a class="nav-link" href="tournaments-details.html">Tournaments Details</a></li>
                          </ul>
                      </li>
                      <li class="dropend sub-navbar">
                          <a href="javascript:void(0)" class="dropdown-item dropdown-toggle" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside">Blog</a>
                          <ul class="dropdown-menu sub-menu shadow">
                              <li><a class="nav-link" href="blog.html">Blog</a></li>
                              <li><a class="nav-link" href="blog-details.html">Blog Details</a></li>
                          </ul>
                      </li>
                      <li><a class="nav-link" href="affiliate.html">Affiliate</a></li>
                      <li><a class="nav-link" href="faqs.html">Faqs</a></li>
                      <li><a class="nav-link" href="privacy-policy.html">Privacy Policy</a></li>
                      <li><a class="nav-link" href="terms-conditions.html">Terms Conditions</a></li>
                      <li><a class="nav-link" href="error.html">Error</a></li>
                  </ul>
              </li>
              <li class="nav-item">
                  <a class="nav-link" href="contact.html">Contact</a>
              </li>
          </ul>
          <div class="right-area header-action d-flex align-items-center max-un">
              <button type="button" class="login" data-bs-toggle="modal" data-bs-target="#loginMod">
                  Login
              </button>
              <button type="button" class="cmn-btn reg" data-bs-toggle="modal" data-bs-target="#loginMod">
                  Sign Up
              </button>
          </div>
      </div>
    </nav>
    <!-- Main-menu End -->

Here is your main logo code. To add your logo, replace logo.png from assets/images/logo/ directory with your logo in PNG format.

<img src="assets/images/logo.png" class="logo" alt="logo">



Section Styles

Here is your section structure.

                 
      <!-- hero-area Start -->
      <section class="banner-section">
        <div class="overlay">
            <div class="shape-area">
                <img src="assets/images/coin-2.png" class="obj-1" alt="image">
                <img src="assets/images/winner-cup.png" class="obj-2" alt="image">
            </div>
            <div class="banner-content">
                <div class="container">
                    <div class="content-shape">
                        <img src="assets/images/coin-1.png" class="obj-1" alt="image">
                        <img src="assets/images/coin-3.png" class="obj-2" alt="image">
                        <img src="assets/images/coin-3.png" class="obj-3" alt="image">
                        <img src="assets/images/coin-4.png" class="obj-4" alt="image">
                    </div>
                    <div class="row">
                        <div class="col-lg-6 col-md-10">
                            <div class="main-content">
                                <div class="top-area section-text">
                                    <h4 class="sub-title">Bet & Win Today!</h4>
                                    <h1 class="title">Sports Escrow Bets Peer 2 Peer</h1>
                                    <p class="xlr">The fastest, easiest way to bet on sports.NBA, Tennis & Soccer,
                                        Choose on which team to bet and win</p>
                                </div>
                                <div class="bottom-area">
                                    <span class="btn-border">
                                        <button type="button" class="cmn-btn reg" data-bs-toggle="modal" data-bs-target="#loginMod">
                                            Get Start Now
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
          </div>
          <div class="counter-section">
              <div class="container">
                  <div class="row cus-mar">
                      <div class="col-xl-4 col-md-6">
                          <div class="single-area d-flex align-items-center">
                              <div class="img-area">
                                  <img src="assets/images/icon/counter-icon-1.png" alt="image">
                              </div>
                              <div class="text-area">
                                  <h3 class="m-none"><span>€</span><span class="counter">1304,941</span></h3>
                                  <p>Paid Out Prize in Total</p>
                              </div>
                          </div>
                      </div>
                      <div class="col-xl-4 col-md-6">
                          <div class="single-area d-flex align-items-center">
                              <div class="img-area">
                                  <img src="assets/images/icon/counter-icon-2.png" alt="image">
                              </div>
                              <div class="text-area">
                                  <h3 class="m-none"><span class="counter">76,752</span></h3>
                                  <p>Winners</p>
                              </div>
                          </div>
                      </div>
                      <div class="col-xl-4 col-md-6">
                          <div class="single-area d-flex align-items-center">
                              <div class="img-area">
                                  <img src="assets/images/icon/counter-icon-3.png" alt="image">
                              </div>
                              <div class="text-area">
                                  <h3 class="m-none"><span class="counter">4,392</span></h3>
                                  <p>Players online</p>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </section>
              
      


      <div class="copyright">
        <p>&copy; Copyright 2022 
          <a href="#0"> BITBETIO </a> By <a href="https://themeforest.net/user/pixelaxis"> PIXELAXIS </a>
        </p>
      </div>

Support

If you have any questions, feel free to contact us at pixeltheme96@gmail.com.