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.

Features

• 01 Home Page
• Landing Page
• Fully responsive
• Clean & Neat design
• Bootstrap 5
• Font Awesome Icon
• Tabs Filter
• Nice Select
• Owl Carousel
• 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.
   • /img — folder with image files.
   • /js — folder with Javascript files.
   • /scss — folder with scss files.
2. index.html Default Home Page
3. Sign In Default Tabs Page
4. Sign Up Default Tabs 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/magnific-popup.min.css">
      <link rel="stylesheet" href="assets/css/owl-carousel.css">
      <link rel="stylesheet" href="assets/css/nice-selct.css">
      <link rel="stylesheet" href="assets/css/animate.css">
      <link rel="stylesheet" href="assets/css/all.min.css">
      <link rel="stylesheet" href="assets/css/main.css">

    

03. Source File (JS)

            <script src="assets/js/jquery-3.6.0.min.js"></script>
            <script src="assets/js/bootstrap.bundle.js"></script>
            <script src="assets/js/magnific-popup.js"></script>
            <script src="assets/js/nice-select.min.js"></script>
            <script src="assets/js/wow.min.js"></script>
            <script src="assets/js/main.js"></script>
    

Logo Type

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

Note: Keep your logo inside the assets/img/logo/logo.png folder. The logo size should be minimum 160x42 pixel.

Menu Bar with logo

This is logo and navigation codes.

      
    <!-- header start -->
    <header class="header-section">
        <div class="container">
            <div class="header-wrapper">
                <div class="logo-menu">
                    <a href="index.html" class="logo">
                        <img src="assets/img/logo/logo.png" alt="logo">
                    </a>
                </div>
                <div class="header-bar d-lg-none">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <ul class="main-menu">
                    <li>
                        <a href="#home">Homes</a>
                    </li>
                    <li>
                        <a href="#game">Games</a>
                    </li>
                    <li>
                        <a href="#tournament">Tournament</a>
                    </li>
                    <li>
                        <a href="#gametwo">Jackpot game</a>
                    </li>
                    <li>
                        <a href="#promo">Promotions</a>
                    </li>
                    <li>
                        <a href="#wins">Winners</a>
                    </li>
                    <li>
                        <a href="#faq">FAQ</a>
                    </li>
                    <li class="cmn-grp">
                        <span class="cmn--btn" data-bs-toggle="modal" data-bs-target="#login">
                            <span class="rela">Log in</span>
                        </span>
                        <span class="cmn--btn2" data-bs-toggle="modal" data-bs-target="#register">
                            <span class="rela">Register</span>
                        </span>
                    </li>
                </ul>
                <div class="mneu-btn-grp">
                    <a href="#0" class="cmn--btn" data-bs-toggle="modal" data-bs-target="#login">
                        <span class="rela">Log in</span>
                    </a>
                    <a href="#0" class="cmn--btn2" data-bs-toggle="modal" data-bs-target="#register">
                        <span class="rela">Register</span>
                    </a>
                </div>
            </div>
        </div>
    </header>
    <!-- ==== #header end ==== -->
      
    

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

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

Section Styles

Here is your section structure.

                 
    <!-- hero section start -->
    <section class="XYZ-section">
        <div class="container">
           <div class="row align-items-center">
              <div class="col-lg-6">
                 <div class="section-left-wrapper">
                     <p>
                        XYZ
                     </p>
                 </div>
              </div>
              <div class="col-lg-6">
                  <div class="section-right-wrapper">
                     <p>
                        XYZ
                     </p>
                  </div>
              </div>
           </div>
        </div>
     </section>
    <!-- hero section end -->
              
      

04. Change Copyright

      <div class="copy-text"> 
          <h5>Copyright © Kasino - Sports | Designed by 
            <a> href="https://www.templatemonster.com/authors/softivus/">Softivus</a>
          </h5>
      </div>
    

Support

If you have any questions, Please feel free to contact us.