Gamio

Gamio - eSports and Gaming HTML Template

Created: 11/03/2024

Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum

24/7 Support: Send Us a message from Our Profile

Template Installation

FTP Upload:

Pages

Total 15 Pages

Fonts

Google free fonts:

On the header part of every page, you will find the HTML tag of fonts. If you want to change the fonts just copy your HTML embed code and replace it with the current one. Than Open assets/css/style.css file and change the fonts name from typography area. That's it...

Source File (CSS)

<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- Layer Slider -->
<link rel="stylesheet" href="assets/css/layerslider.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<!-- Slick Slider -->
<link rel="stylesheet" href="assets/css/slick.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
CSS Source

Source File (Js)

<!-- Jquery -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<!-- Slick Slider -->
<script src="assets/js/slick.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Layer Slider including GSAP -->
<script src="assets/js/layerslider.utils.js"></script>
<script src="assets/js/layerslider.transitions.js"></script>
<script src="assets/js/layerslider.kreaturamedia.jquery.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Isotop -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<!-- jQuery UI -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- Custom Carousel -->
<script src="assets/js/vscustom-carousel.min.js"></script>
<!-- Mouse Cursor -->
<script src="assets/js/vs-cursor.min.js"></script>
<!-- Mobile Menu -->
<script src="assets/js/vsmenu.min.js"></script>
<!-- Map Js -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ "></script>
<script src="assets/js/map.js"></script>
<!-- Form Js -->
<script src="assets/js/ajax-mail.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
JS Source

Customization

How to Change Logo

Open assets\img folder and past your logo. Than go to the header section of html and replace the directory link.

Demo of How To Change Logo

How to Change Menu Links

Demo of How To Change Menu Links

How to Change Email Address

Demo of How To Change Menu Links