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.
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.
<!--Fonts-->
https://fonts.google.com/
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css.map">
<link rel="stylesheet" href="assets/css/odometer.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.css">
<link rel="stylesheet" href="assets/css/nice-select.css">
<link rel="stylesheet" href="assets/glyphter/css/Glyphter.css">
<link rel="stylesheet" href="assets/css/daterangepicker.css">
<link rel="stylesheet" href="assets/css/main.css">
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/bootstrap.bundle.js"></script>
<script src="assets/js/viewport.jquery.js"></script>
<script src="assets/js/odometer.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/countdown.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/moment.min.js"></script>
<script src="assets/js/daterangepicker.min.js"></script>
<script src="assets/js/nile-select.js"></script>
<script src="assets/js/main.js"></script>
To change logotype in the navigation panel, find image assets/img/logo/logo.png and replace it with your logo.
This is logo and navigation codes.
<!-- header start -->
<header class="header-section header-hidden">
<div class="header-wrapper">
<div class="menu-logo-adjust d-flex align-items-center">
<div class="logo-menu me-5">
<a href="index.html" class="logo">
<img src="assets/img/logo/logo.png" alt="logo">
</a>
<a href="index.html" class="dark-logo">
<img src="assets/img/logo/dark-logo.png" alt="logo">
</a>
</div>
<div class="header-bar">
<span></span>
<span></span>
<span></span>
</div>
<ul class="main-menu">
<li class="active">
<a href="index.html">Home</a>
</li>
<li>
<a href="live.html">Live</a>
</li>
<li>
<a href="football.html">Sports</a>
</li>
<li>
<a href="cricket.html">V-Sport</a>
</li>
<li>
<a href="profile.html">Promotions</a>
</li>
<li>
<a href="cricket.html">eSports</a>
</li>
<li>
<a href="#0" data-bs-toggle="modal" data-bs-target="#exampleModal2">Quick Bets</a>
</li>
<li class="menu--btn">
<a href="#0" class="btn--two" data-bs-toggle="modal" data-bs-target="#exampleModal">
<span>Log In</span>
</a>
</li>
<li class="menu--btn">
<a href="#0" class="cmn--btn" data-bs-toggle="modal" data-bs-target="#exampleModal2">
<span>Sign Up</span>
</a>
</li>
</ul>
</div>
<div class="right-menu-reature">
<div class="language">
<div class="nice-select" tabindex="0">
<span class="current">En</span>
<ul class="list">
<li data-value="1" class="option selected focus">En</li>
<li data-value="2" class="option">Bn</li>
<li data-value="3" class="option">Us</li>
</ul>
<div class="glo-icon">
<i class="fas fa-globe"></i>
</div>
</div>
</div>
<div class="mode--toggle">
<img src="assets/img/sun.png" alt="">
</div>
<div class="signup-area">
<a href="#0" class="btn--two" data-bs-toggle="modal" data-bs-target="#exampleModal">
<span>
Log In
</span>
</a>
<a href="#0" class="cmn--btn" data-bs-toggle="modal" data-bs-target="#exampleModal2">
<span>
Sign Up
</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">
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 -->
<div class="copy-text">
<h5>Copyright © OnlineBets & Sports | Designed by
<a> href="https://www.templatemonster.com/authors/softivus/">Softivus</a>
</h5>
</div>
If you have any questions, Please feel free to contact us.