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.

### Menu Bar with logo

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>

#### 04. Change Copyright

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