| 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="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/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/scene5-background.png);"> -->
<div class="scene-background">
<div class="stars1"></div>
<div class="stars2"></div>
<div class="stars3"></div>
<div class="scene5-el-pic">
<!-- <img src="img/scene5-img.png" alt="..." /> -->
</div>
<div class="scene5-el-1">
<img src="img/scene5-el-1.png" alt="..." class="rotateY is-animation" />
</div>
</div>
</div>
<!-- Scene End -->
<div class="main-page" id="pagepiling">
<!-- handle-scrollbar Start -->
<div class="handle-scrollbar">
<label class="handle-scrollbar-label top">TEAM</label>
<label class="handle-scrollbar-label bottom">ECOSYSTEM PARTNERS</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="container-fluid">
<div class="banner-caption fadeInUpCS is-animation-after">
<div class="heading text-center">
<h2 class="title title-type-2 text-uppercase">TEAM & PARTNERS</h2>
</div>
</div>
</div>
</section>
<!-- Banner-Section End-->
<!-- standalone Start -->
<section class="standalone section section-bg" id="id1">
<div class="container-fluid">
<div class="container-wrap">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="team-item">
<div class="team-item-thumb">
<img src="img/team-1.png" alt=""/>
</div>
<div class="team-item-text">
<h3>ANDY KOH</h3>
<p>CEO</p>
</div>
</div><!--/.team-item-->
</div><!--/.col-->
<div class="col-md-4 col-sm-6">
<div class="team-item">
<div class="team-item-thumb">
<img src="img/team-2.png" alt=""/>
</div>
<div class="team-item-text">
<h3>LEO ZHEZHA</h3>
<p>CTO</p>
</div>
</div><!--/.team-item-->
</div><!--/.col-->
<div class="col-md-4 col-sm-6">
<div class="team-item">
<div class="team-item-thumb">
<img src="img/team-3.png" alt=""/>
</div>
<div class="team-item-text">
<h3>ALVIN CHAN</h3>
<p>HEAD OF PARTNERSHIPS</p>
</div>
</div><!--/.team-item-->
</div><!--/.col-->
<div class="col-md-4 col-sm-6">
<div class="team-item">
<div class="team-item-thumb">
<img src="img/team-4.png" alt=""/>
</div>
<div class="team-item-text">
<h3>JOE KAM</h3>
<p>HEAD OF COMMERICIAL</p>
</div>
</div><!--/.team-item-->
</div><!--/.col-->
<div class="col-md-4 col-sm-6">
<div class="team-item">
<div class="team-item-thumb">
<img src="img/team-5.png" alt=""/>
</div>
<div class="team-item-text">
<h3>MICHAEL PANG</h3>
<p>HEAD OF PRODUCTS</p>
</div>
</div><!--/.team-item-->
</div><!--/.col-->
</div>
</div>
</div>
</section>
<!-- standalone End-->
<!-- standalone Start -->
<section class="standalone section section-bg" id="id1">
<div class="container-fluid">
<div class="container-wrap">
<div class="row">
<div class="col-md-4 col-6">
<div class="partner-item">
<img src="img/Logo_Parsiq-1.png" alt=""/>
</div>
</div><!--/.col-->
</div>
</div>
</div>
</section>
<!-- standalone End-->
<!-- standalone Start -->
<section class="standalone section section-bg" id="id1">
<div class="container-fluid">
<div class="container-wrap">
<div class="row">
<div class="col-md-4 col-6">
<div class="partner-item">
<img src="img/Logo_Dreams.png" alt=""/>
</div>
</div><!--/.col-->
<div class="col-md-4 col-6">
<div class="partner-item">
<img src="img/Logo_BitMart.png" alt=""/>
</div>
</div><!--/.col-->
<div class="col-md-4 col-6">
<div class="partner-item">
<img src="img/Logo_SkyArk.png" alt=""/>
</div>
</div><!--/.col-->
<div class="col-md-4 col-6">
<div class="partner-item">
<img src="img/Logo_Voice.png" alt=""/>
</div>
</div><!--/.col-->
<div class="col-md-4 col-6">
<div class="partner-item">
<img src="img/Logo_Influencio.png" alt=""/>
</div>
</div><!--/.col-->
<div class="col-md-4 col-6">
<div class="partner-item">
<img src="img/Logo_Project_Seed.png" alt=""/>
</div>
</div><!--/.col-->
<div class="col-md-4 col-6">
<div class="partner-item">
<img src="img/Logo_NSAV.png" alt=""/>
</div>
</div><!--/.col-->
</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");
$('.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 = "contact.html"; //will redirect to your blog page (an ex: blog.html)
}, 1000); //will call the function after 1 secs.
}
}
});
});
</script>
</body>
</html>