| 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 | GEMS</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/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- 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/scene3-background.png);">
<div class="cloud1 animate-h"></div>
<div class="scene3-el-1 eco-system-img">
<img src="img/scene3-el-7.png" alt="..." />
<img src="img/scene3-el-5.png" alt="..." class="cloud animate-h" />
<img src="img/scene3-el-6.png" alt="..." class="tree" />
<img class="circle-light is-animation" src="img/scene3-el-4.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 section-bg" id="id1">
<!-- <div class="banner-img">
<img src="img/logo-side-menu.png" alt="..." />
</div> -->
<div class="container-fluid">
<div class="heading text-center">
<h2 class="title title-type-2 text-uppercase">ECOSYSTEM</h2>
</div>
</div>
</section>
<!-- Banner-Section End-->
<!-- standalone Start -->
<section class="standalone section section-bg" id="id2">
<div class="container-fluid">
<div class="container-wrap">
<div class="row justify-content-center">
<div class="col-12 col-md-6 box-text-content">
<div class="box-text">
<div class="heading">
<h3 class="title title-type-4">Ecosystem to be presented<br>in a graphic</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- standalone End-->
<!-- standalone Start -->
<section class="standalone section section-bg" id="id3">
<div class="container-fluid">
<div class="container-wrap">
<div class="row justify-content-center">
<div class="col-12 col-md-6 box-text-content">
<div class="box-text" >
<div class="heading">
<h3 class="title title-type-4">Tokenomics to be<br>presented in a graphic</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- standalone End-->
<!-- standalone Start -->
<section class="standalone section section-bg" id="id4">
<div class="container-fluid">
<div class="container-wrap">
<div class="row justify-content-center">
<div class="col-12 col-md-6 box-text-content">
<div class="box-text wow fadeInLeft" data-wow-delay="1000ms">
<div class="heading">
<h3 class="title title-type-4">Roadmap to be presented<br>in a graphic</h3>
</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 -->
<!-- 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");
$('.scene-background').css('background-image', 'url("img/scene3-background.png")');
$('.scene-background .cloud1').show();
$('.scene-background .eco-system-img').show();
$('.handle-scrollbar-thumb').css({"height": "15%"});
}
if(anchorLink == 'id2'){
//alert("Section 2 ended loading");
$('.scene-background').css('background-image', 'url("img/Scene_3_2.png")');
$('.scene-background .cloud1').hide();
$('.scene-background .eco-system-img').hide();
$('.handle-scrollbar-thumb').css({"height": "40%"});
}
if(anchorLink == 'id3'){
//alert("Section 2 ended loading");
$('.handle-scrollbar-thumb').css({"height": "65%"});
$('.scene-background').css('background-image', 'url("img/Scene_3_3.png")');
}
if(anchorLink == 'id4'){
//alert("Section 2 ended loading");
$('.handle-scrollbar-thumb').css({"height": "100%"});
setTimeout(function () {
window.location.href = "our-traction.html"; //will redirect to your blog page (an ex: blog.html)
}, 1000); //will call the function after 2 secs.
}
}
});
var count = 0;
$('.main-content').mousemove(function(){
if (count == 0) {
$(this).addClass('hover-active')
console.log('hover');
count = 1;
}
})
});
</script>
</body>
</html>