| Server IP : 14.225.204.176 / Your IP : 216.73.216.252 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.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="Thanh Vo">
<!-- description -->
<meta name="description"
content=" is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords"
content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- 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">
<!-- Style Sheet -->
<link rel="stylesheet" href="css/3d.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50" class="opening view-3D">
<!-- Start Loader -->
<!-- <div class="preloader">
<div class="centrize full-width">
<div class="preloader-container">
<div class="scene2-el-1">
<img src="img/scene2-el-1.png" alt="..." />
</div>
<div class="scene2-el-2">
<img src="img/scene2-el-2.png" alt="..." />
</div>
<div class="scene2-el-3">
<img src="img/scene2-el-3.png" alt="..." />
</div>
<div class="scene2-el-4">
<img class="preloader-img" src="img/scene2-el-4-zoom.png" alt="..." />
</div>
</div>
</div>
</div> -->
<!-- End Loader -->
<div id="wrapper" class="wrapper">
<!-- 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="#" data-id="5" data-title="Pitch deck & Tokenomics">PITCH DECK & TOKENOMICS</a>
</li>
<li class="nav-item">
<a class="nav-link font scroll" href="#" data-id="6" data-title="FAQ">FAQ</a>
</li>
</ul>
</div>
</div>
<!-- <div class="col-md-5 d-flex align-items-center">
<div class="sidemenu-image">
<img src="img/logo-side-menu.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">
<!-- Scene Start -->
<div class="scene-container">
<div class="scene-background" style="background-image: url(img/scene2-background.png);">
<div class="stars1"></div>
<div class="stars2"></div>
<div class="stars3"></div>
<div class="scene2-el-1">
<div class="spinning is-animation">
<img src="img/scene2-el-1.png" alt="..." />
</div>
</div>
<div class="scene2-el-2">
</div>
<div class="scene2-el-3">
<div class="spinning is-animation">
<img src="img/scene2-el-3.png" alt="..." />
</div>
</div>
<div id="universe" class="scale-d">
<div id="galaxy">
<div id="solar-system" class="earth">
<div id="uranus" class="orbit">
<div class="pos">
<img src="img/scene2-el-2.png" alt="..." />
</div>
</div>
</div>
</div>
</div>
<div class="scene2-el-4">
<!-- add class spin without zoom-->
<div class="spinning is-animation">
<img class="zoom-in" src="img/scene2-el-4-zoom.png" alt="..." />
</div>
<!-- <img src="img/scene2-el-4-zoom.png" alt="..." /> -->
</div>
</div>
</div>
<!-- Scene End -->
<div class="main-page" id="pagepiling">
<!-- handle-scrollbar Start -->
<div class="handle-scrollbar">
<label class="handle-scrollbar-label top">WHO WE ARE</label>
<label class="handle-scrollbar-label bottom">ECOSYSTEM</label>
<div class="handle-scrollbar-track"></div>
<div class="handle-scrollbar-thumb"></div>
<ul class="menu-paging" id="menu-paging">
<li data-menuanchor="id1" class="active">
<a href="#id1">section 1</a>
</li>
<li data-menuanchor="id2">
<a href="#id2">section 2</a>
</li>
<li data-menuanchor="id3">
<a href="#id3">section 3</a>
</li>
<li data-menuanchor="id4">
<a href="#id4">section 4</a>
</li>
</ul>
</div>
<!-- handle-scrollbar End-->
<!-- Banner-Section Start -->
<section class="banner-section section-bg section" id="id1">
<div class="container-fluid is-animation-after fadeInUpCS">
<div class="heading text-center">
<h2 class="title title-type-2 text-uppercase">WHO WE ARE?</h2>
</div>
</div>
</section>
<!-- Banner-Section End-->
<!-- standalone Start -->
<section class="standalone section-bg section" id="id2">
<div class="container-fluid">
<div class="container-wrap">
<div class="row row-text">
<div class="col-md-5 box-text-content">
<div class="box-text wow fadeInLeft" data-wow-delay="1000ms">
<div class="heading">
<h3 class="title title-type-4 text-uppercase">WE BELIEVE GAMEFI IS THE NEXT ESPORTS</h3>
</div>
<div class="main-text font-weight-bold">
With GEMS, we bring blockchain gaming to esports level by integrating gamefi, metaverse and
socialfi protects, with lower entry effort but larger rewards.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- standalone End-->
<!-- standalone Start -->
<section class="standalone section-bg section" id="id3">
<div class="container-fluid">
<div class="container-wrap">
<div class="row row-text">
<div class="col-md-5 box-text-content">
<div class="box-text wow fadeInLeft" data-wow-delay="1000ms">
<div class="heading">
<h3 class="title title-type-4 text-uppercase">GEMS = GAMEFI. ESPORTS. METAVERSE. SOCIALFI.
</h3>
</div>
<div class="main-text font-weight-bold">
GEMS is an Esports NFT Social Sharing Portal and O2O Platform with a unique ecosystem
designed to connect worldwide crypto-gamers.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- standalone End-->
<!-- standalone Start -->
<section class="standalone section-bg section" id="id4">
<div class="container-fluid">
<div class="container-wrap">
<div class="row row-text">
<div class="col-md-5 box-text-content">
<div class="box-text wow fadeInLeft" data-wow-delay="1000ms">
<div class="heading">
<h3 class="title title-type-4 text-uppercase">WE ARE O2O<br>(ONLINE TO OFFLINE)</h3>
</div>
<div class="main-text font-weight-bold">
GEMS leverages our online ecosystem with our offline presence. GEMS aims to expand its
offline touchpoint to own 50 owned hotels / hotel franchises and partnerships by the end of
2024.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- standalone End-->
</div>
<!-- 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 -->
</div>
<!-- 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="js/script.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#pagepiling').pagepiling({
menu: '#menu-paging',
anchors: ['id1', 'id2', 'id3', 'id4'],
afterLoad: function(anchorLink, index) {
//using anchorLink
if(anchorLink == 'id1'){
//alert("Section 2 ended loading");
$('.handle-scrollbar-thumb').css({"height": "15%"});
}
if(anchorLink == 'id2'){
//alert("Section 2 ended loading");
$('.handle-scrollbar-thumb').css({"height": "40%"});
}
if(anchorLink == 'id3'){
//alert("Section 2 ended loading");
$('.handle-scrollbar-thumb').css({"height": "65%"});
}
if(anchorLink == 'id4'){
//alert("Section 2 ended loading");
$('.handle-scrollbar-thumb').css({"height": "100%"});
setTimeout(function () {
window.location.href = "eco-system.html"; //will redirect to your blog page (an ex: blog.html)
}, 1000); //will call the function after 1 secs.
}
}
});
});
</script>
</body>
</html>