| Server IP : 14.225.204.176 / Your IP : 216.73.216.169 Web Server : nginx/1.24.0 System : Linux nodejs-ybgk 6.8.0-40-generic #40-Ubuntu SMP PREEMPT_DYNAMIC Fri Jul 5 10:34:03 UTC 2024 x86_64 User : root ( 0) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/php/zinisoft_vi.net/gem/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="ZiniSoft">
<!-- description -->
<meta name="description" content="GEMS">
<!-- keywords -->
<meta name="keywords" content="GEMS">
<!-- Page Title -->
<title>GEMS | GEM</title>
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
rel="stylesheet">
<!-- Favicon -->
<link rel="icon" href="vendor/img/favicon.png">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/jquery.pagepiling.css">
<!-- Slider Settings -->
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body data-offset="90" data-spy="scroll" data-target=".navbar">
<!-- Header Start -->
<header>
<!--Navbar-->
<nav class="navbar navbar-expand-lg fixed-top navbar-fixed-top ">
<div class="container-fluid">
<a class="navbar-brand scroll" href="index.html">
<img src="img/white-logo.png" alt="logo">
</a>
<!-- Container End -->
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<!--Side Menu Button-->
</div>
</nav>
<!-- Side Menu -->
<div class="side-menu">
<div class="inner-wrapper">
<nav class="side-nav w-100">
<div class="container-fluid">
<div class="row">
<div class="col-md-7 col-menu">
<div class="col-menu-inner">
<div class="status-page">1/6 - Who we are</div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link font scroll" href="who-we-are.html" data-id="1" data-title="Who we are">WHO WE ARE</a>
</li>
<li class="nav-item">
<a class="nav-link font scroll" href="eco-system.html" data-id="2" data-title="Ecosystem">ECOSYSTEM</a>
</li>
<li class="nav-item">
<a class="nav-link font scroll" href="our-traction.html" data-id="3" data-title="Our Traction">OUR TRACTION</a>
</li>
<li class="nav-item">
<a class="nav-link font scroll" href="team.html" data-id="4" data-title="Team & Partners">TEAM & PARTNERS</a>
</li>
<li class="nav-item">
<a class="nav-link font scroll" href="contact.html" data-id="5" data-title="Pitch deck & Tokenomics">PITCH DECK & TOKENOMICS</a>
</li>
</ul>
</div>
</div>
<!-- <div class="col-md-5 d-flex align-items-center">
<div class="sidemenu-image">
<img src="img/scene1-el-3.png" alt="..." />
</div>
</div> -->
</div>
</div>
</nav>
</div>
</div>
<!-- <a id="close_side_menu" href="javascript:void(0);"></a> -->
<!-- End side menu -->
</header>
<!-- Header End -->
<!-- Main-content Start -->
<main class="main-content">
<!-- Banner-Section Start -->
<section class="home-section" style="background-image: url(img/scene1-background.png);">
<div class="stars1"></div>
<div class="stars2"></div>
<div class="stars3"></div>
<div id="parallax" class="parallax">
<div class="rectangle-container" data-depth="0.7">
<img src="img/scene1-el-3.png" alt="..." />
</div>
<div class="container-fluid" data-depth="0.9" style="pointer-events: visible !important;">
<div class="banner-caption fadeInUpCS animate">
<div class="heading text-center">
<h2 class="title title-type-2 text-uppercase">the future is here</h2>
<p class="sub-title">Introducing Esports 3.0. Are you ready to explore?</p>
</div>
<div class="banner-button text-center">
<a href="#" class="btn btn-outline-lighter btn-xxl rounded-0" id="btn-explore">EXPLORE</a>
</div>
</div>
</div>
</div>
</section>
<!-- Banner-Section End-->
<!-- Footer Start -->
<div class="footer-page">
<div class="container-fluid">
<div class="footer-page-layout wow fadeInUp" data-wow-delay="1000ms">
<!-- <div class="footer-page-scroll">
<a href="#" class="scroll-down-btn">
<img src="img/arrow-scroll.png" alt="..." />
<span class="scroll-down-text">SCROLL TO EXPLORE</span>
</a>
</div> -->
<div class="footer-page-icon">
<a class="icon-hovr" href="javascript:void(0)">
<i class="ico-letter"></i>
</a>
</div>
</div>
</div>
</div>
<!-- Footer End -->
</main>
<!-- Main-content End -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- custom script -->
<script src="js/circle-progress.min.js"></script>
<script src="vendor/js/contact_us.js"></script>
<script src="vendor/js/jquery.pagepiling.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js"></script>
<script src="js/script.js"></script>
<script>
$(document).ready(function(){
// document.addEventListener('mousemove', function(e) {
// // let body = $('.banner-home');
// let circle = document.getElementById('parallax');
// var left = e.offsetX;
// var top = e.offsetY;
// if (left < $(window).width()/2) {
// left = ($(window).width() - $(circle).width()) + left;
// }
// else {
// left = left - $(circle).width();
// }
// if (top < $(window).height()/2) {
// top = $(window).height() - $(circle).height();
// }
// else {
// top = top - $(circle).height();
// }
// console.log(left);
// circle.style.left = left/2 + 'px';
// circle.style.top = top/2 + 'px';
// circle.style.width = $(circle).width() + 'px';
// circle.style.height = $(circle).height() + 'px';
// });
var scene = document.getElementById('parallax');
var parallax = new Parallax(scene);
var scene_menu = document.getElementById('parallax-menu');
var parallax_menu = new Parallax(scene_menu);
// $('#btn-explore').mouseenter(function() {
// console.log("aa");
// $(this).click();
// });
})
</script>
</body>
</html>