-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·281 lines (241 loc) · 14 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8" />
<title>Yesbit Official Website</title>
<meta http-equiv="X-UA-sm2-bar-uitible" content="IE=edge">
<meta name="description" content="Yesbit is a Tech company." />
<meta property="og:description" content="Yesbit is a Tech company." />
<meta name="twitter:description" content="Yesbit is a Tech company." />
<meta content="" name="author" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<!-- GLOBAL MANDATORY STYLES -->
<link href="vendor/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- PAGE LEVEL PLUGIN STYLES -->
<link href="css/animate.css" rel="stylesheet">
<link rel="stylesheet" href="css/reset.min.css">
<link rel="stylesheet" href="css/slim-10_7.css" type="text/css" />
<!-- THEME STYLES -->
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<!-- FONTS -->
<link href="css/font.css" rel="stylesheet" type="text/css" />
<!-- FAVICON -->
<link rel="icon" sizes="57x57" href="favicon.ico/fav1.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="favicon.ico/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- JQUERY -->
<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
<!--FONTAWESOME-->
<script defer src="js/fontawesome/fontawesome-all.js"></script>
<!-- CORE PLUGINS -->
<script src="vendor/jquery.min.js" type="text/javascript"></script>
<script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src='js/TweenMax.min.js'></script>
<!-- PAGE LEVEL PLUGINS -->
<script src="vendor/jquery.easing.js" type="text/javascript"></script>
<script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
<script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
<script src="vendor/masonry/jquery.masonry.pkgd.min.js" type="text/javascript"></script>
<script src="vendor/masonry/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<!-- PAGE LEVEL SCRIPTS -->
<script src="js/layout.js" type="text/javascript"></script>
<script src="js/components/wow.min.js" type="text/javascript"></script>
<script src="js/components/masonry.min.js" type="text/javascript"></script>
<script src="js/particle-network.js" type="text/javascript"></script>
<script src="js/components/playbutton.js" type="text/javascript"></script>
<!-- CANVAS ANIMATION -->
<script src="js/particle.js" type="text/javascript"></script>
<!-- AMCHARTS -->
<script src="amcharts/amcharts.js" type="text/javascript"></script>
<script src="amcharts/pie.js" type="text/javascript"></script>
<script src="amcharts/serial.js"></script>
<script src="amcharts/themes/black.js"></script>
<script src="amcharts/themes/light.js"></script>
<script src="amcharts/plugins/responsive/responsive.min.js" type="text/javascript"></script>
<!-- <script src="amcharts/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="amcharts/plugins/export/export.css" type="text/css" media="all" /> -->
<!-- AOS Animation -->
<link rel="stylesheet" href="bower_components/aos/dist/aos.css" />
<script src="bower_components/aos/dist/aos.js"></script>
<!-- Scroll -->
<script src="bower_components/jquery.localScroll/jquery.localScroll.min.js"></script>
<script src="bower_components/jquery.scrollTo/jquery.scrollTo.min.js"></script>
<!-- I18n-->
<!-- <script src="vendor/jquery-i18next/jquery-i18next.min.js" type="text/javascript"></script>
<script src="vendor/i18next/i18next.min.js" type="text/javascript"></script>
<script src="vendor/i18next-xhr-backend/i18nextXHRBackend.min.js" type="text/javascript"></script>
<script src="vendor/lockr/lockr.min.js" type="text/javascript"></script>
<script src="js/locales.js" type="text/javascript"></script> -->
</head>
<body>
<!--========== HEADER ==========-->
<header class="header navbar-fixed-top">
<!-- Navbar -->
<nav class="navbar" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="menu-container">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="sr-only">navigation</span>
<span class="toggle-icon"></span>
</button>
<!-- Logo -->
<div class="logo">
<a class="logo-wrap" href="index.html">
<img class="logo-img logo-img-main" src="img/logo/new_white.png" alt="Asentus Logo">
<img class="logo-img logo-img-active" src="img/logo/new_white.png" alt="Asentus Logo">
</a>
</div>
<!-- End Logo -->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-collapse">
<div class="menu-container">
<ul id="nav" class="navbar-nav navbar-nav-right nav-scroll">
<li class="nav-item"><a class="nav-item-child nav-item-hover" href="index.html">HOME</a>
</li>
<li class="nav-item"><a class="nav-item-child nav-item-hover" href="https://otc.yesbit.io/">YESBIT OTC</a>
</li>
<li class="nav-item"><a class="nav-item-child nav-item-hover" href="#about">ABOUT
US</a>
</li>
<li class="nav-item lang-wrap">
<!-- <a id="lang-btn" class="lang-tab nav-item-child nav-item-hover">
LAN SWITCH:
<img class="lang-icon" style="display: inline-block" id="en" src="img/icon/cn.png">
<img class="lang-icon" style="display: none" id="cn" src="img/icon/en.png">
</a> -->
<a id="lang-btn" class="lang-tab nav-item-child nav-item-hover">EN</a>
</li>
<!-- <li class="nav-item dropdown lang">
<a class="nav-tab dropdown-toggle" data-toggle="dropdown" href="#" role="button"
aria-haspopup="true" aria-expanded="false">
<img class="currentLang" src="img/icon/en.png">
</a>
<div class="dropdown-menu">
<a class="dropdown-item lang-select" name="en"><img src="img/icon/en.png"></a>
<a class="dropdown-item lang-select" name="cn"><img src="img/icon/cn.png"></a>
</div>
</li> -->
</ul>
</div>
</div>
<!-- End Navbar Collapse -->
</div>
</nav>
<!-- Navbar -->
</header>
<!--========== END HEADER ==========-->
<!--==========SLIDER==========-->
<div class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active full-screen">
<div id="particle-canvas">
<img src="img/bgd.jpg">
</div>
<div class="carousel-centered">
<div class="margin-b-40 unselectable">
<h2 id="title-full" data-i18n="title.full" class="carousel-title text-uppercase">Deliver
Innovation to Each Person</h2>
<h3 id="title-responsive" data-i18n="title.homeresonsive" class="carousel-title text-uppercase">
Deliver Innovation to Each Person</h3>
</div>
<div class="subscribe">
</div>
</div>
</div>
</div>
</div>
<!--==========SLIDER==========-->
<!-- About YESBIT -->
<div class="content-lg container" id="about" data-aos="fade-down" class="aoi-init aos-animate">
<div class="row margin-b-20">
<div class="col intro container">
<h2 data-i18n="about.title" class="lang intro-title">INTRODUCING YESBIT</h2>
<p data-i18n="about.content" class="lang intro-intro">There is only one single purpose when Yesbit was founded in 2015: To make innovative technology more accessible to everybody.</p>
</div>
</div>
<div class="row">
<div class="col-sm-12 sm-margin-b-50">
<div data-aos="fade-down" class="aoi-init aos-animate margin-b-30">
<div class="icon-wrapper">
<img class="project-img" src="img/logo/support.png" alt="Asentus Logo">
</div>
<h4 data-i18n="about.techs" class="lang about-title">Software Devlopment</h4>
<p data-i18n="about.techscontent" class="lang intro-des">Technology Planning</p>
<p class="lang intro-con">Develop the software for the technical path</p>
</div>
<div data-aos="fade-down" class="aoi-init aos-animate margin-b-30">
<div class="icon-wrapper">
<img class="project-img" src="img/logo/Bitmap.png" alt="Asentus Logo">
</div>
<h4 class="lang about-title">Yesbit OTC</h4>
<p class="lang intro-des">Large Block Transactions</p>
<p class="lang intro-con">Yesbit OTC cryptocurrency trading platform, offering private and personalized services for clients with compliance, security, transparency and convenience</p>
</div>
</div>
</div>
</div>
<!-- End About -->
<hr class="style-one" data-aos="fade-down" class="aoi-init aos-animate">
<!-- END VIDEO -->
<!-- <hr class="style-one" data-aos="fade-down" class="aoi-init aos-animate"> -->
<hr class="style-one" data-aos="fade-down" class="aoi-init aos-animate">
<section id="career" data-aos="fade-down" class="about-us aoi-init aos-animate">
<div class="content container" id="usecase">
<div class="row margin-b-20 ">
<div class="col">
<h2 data-i18n="career.title" class="career-title lang">JOIN US</h2>
<p class="career-des lang">There is no better place to learn about innovation than working at a tech company. Yesbit is made up of people who are open minded and forward thinking. We believe the innovation is the future of human society and we are grateful and excited to be part of this journey.</p>
<div class="row">
<img class="col-md-12" src="img/yesbit.png">
</div>
<h3 data-i18n="career.des" class="career-con lang">If you have the same mindset, please don’t hesitate to contact us!</h3>
<!-- <a class="career-site" href="https://ca.indeed.com/cmp/Yesbit-Technology-Ltd.-1">
<p data-i18n="career.content" class="career-position lang">See our available positions</p>
</a> -->
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer id="footer">
<div class="container content">
<div class="row">
<div class="col-md-12">
<div class="contacts">
<div class="contact-wrap">
<ul class="contact-list flex-wrap justify-content-sm-start justify-content-md-between">
<li><a name="Address" target="_blank"
href="https://www.google.ca/maps/place/5255+Yonge+St+%231220,+North+York,+ON/@43.7721212,-79.4152766,17z/data=!3m1!4b1!4m5!3m4!1s0x882b2d6d8e8e34cb:0xf9505807bd751d6b!8m2!3d43.7721173!4d-79.4130879"><i
class="clogo fas fa-map-marker"></i>
</a></li>
<li><a name="Email" target="_blank" href="mailto:[email protected]"><i
class="clogo fas fa-envelope"></i></a></a></li>
<li><a name="contact" target="_blank" href="tel:1(647)551-2567"><i
class="clogo fas fa-phone"></i></a></li>
</ul>
</div>
<p data-i18n="footer.address" class="address lang">Address: Unit 1220, 5255 Yonge Street, Toronto, ON, Canada</p>
<p data-i18n="footer.copyright" class=" company lang">Copyright © 2020-2021 Yesbit Technology Ltd.</p>
</div>
</div>
</div>
</div>
</footer>
<!-- <div class="row animation-wrapper">
<video id="logo-animation"class="footer-animation" playsinline autoplay loop muted>
<source src="animation/white.mp4" type="video/mp4">
</video>
<script>
document.getElementById('logo-animation').play();
</script>
<p class="lang">2019-2020 Yesbit Technology Ltd.</p>
</div>
</div> -->
</body>
</html>