-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (200 loc) · 8.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Crodex - Cross-chain Wallet for Decentralized Exchange</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/landing-page.min.css" rel="stylesheet">
</head>
<body>
<!-- Masthead -->
<header class="masthead text-center text-white">
<div class="masthead-content">
<div class="container">
<h1 class="masthead-heading mb-0">Crodex</h1>
<h3 class="masthead-subheading mb-0">Cross-chain Wallet for Decentralized Exchange</h3>
<a href="whitepaper_0.4.pdf" class="btn btn-primary btn-xl rounded-pill mt-5">White Paper</a>
</div>
</div>
</header>
<!-- Icons Grid -->
<section class="features-icons bg-light text-center">
<div class="container-fluid p-0">
<h1 class="mb-5">Features</h1>
<div class="row">
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="fa fa-btc m-auto text-primary" alt=""></i>
</div>
<h3>Cross-chain</h3>
<p class="lead mb-0">Using BTC, ZEC and other coin via Ethereum Dapp.</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="icon-lock m-auto text-primary"></i>
</div>
<h3>Secure</h3>
<p class="lead mb-0">All of your coin is under your control.</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="fa fa-flash m-auto text-primary"></i>
</div>
<h3>Fast</h3>
<p class="lead mb-0">Supported by Lightning Network so trading speed is not limit by slower chain.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="fa fa-random m-auto text-primary" alt=""></i>
</div>
<h3>DEX</h3>
<p class="lead mb-0">Crodex will support hybrid decentralized exchange like 0x protcol and others.</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="fa fa-money m-auto text-primary"></i>
</div>
<h3>Economic</h3>
<p class="lead mb-0">Crodex use off-line transaction to hanle coin from other network, so you can save transaction fee from those network.</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-0 mb-lg-3">
<div class="features-icons-icon d-flex">
<i class="fa fa-refresh m-auto text-primary"></i>
</div>
<h3>Consistent</h3>
<p class="lead mb-0">Every operate via Crodex will effect simultaneously on both blockchain network.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Image Showcases -->
<section class="showcase">
<div class="container-fluid">
<div class="row no-gutters">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/exchange.png');"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h1>Scenarios</h1>
<h3>Cross-chain Decentralized Exchange</h3>
<p class="lead mb-0">Trade Bitcoin, Zcash or other coin on ethereum base decentralized exchange. </p>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 text-white showcase-img" style="background-image: url('img/ico.png');"></div>
<div class="col-lg-6 my-auto showcase-text">
<h1>Scenarios</h1>
<h3>ICO</h3>
<p class="lead mb-0">Receive multiple coins like Bitcoin, Ethereum or Bitcoin Cash for atomic ICO smart contract.</p>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="testimonials text-center bg-light">
<div class="container">
<h1 class="mb-5">Team</h1>
<div class="row">
<div class="col-lg-4">
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
<img class="img-fluid rounded-circle mb-3" src="img/by.jpg" alt="">
<h5>BY Lin
<a href="https://github.com/lbyyy">
<i class="fa fa-github fa-1x fa-fw"></i>
</a>
<a href="https://www.linkedin.com/in/lbyyy/">
<i class="fa fa-linkedin fa-1x fa-fw"></i>
</a>
</h5>
</div>
</div>
<div class="col-lg-6 showcase-text text-left ">
<br>
<h4>Co-founder, lead developer at Gcoin</h4>
<h4>Co-founder, developer at Pallet.io</h4>
<h4>Co-fonder, tech-lead at Diqi.us</h4>
<h4>M.S., CSIE, National Taiwan University.</h4>
<h4>4+ years blockchain developing experience.</h4>
</br>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
<img class="img-fluid rounded-circle mb-3" src="img/lun.jpg" alt="">
<h5>Yilun Lin
<a href="https://www.linkedin.com/in/yilunlin/">
<i class="fa fa-linkedin fa-1x fa-fw"></i>
</a>
</h5>
</div>
</div>
<div class="col-lg-6 showcase-text text-left ">
<br>
<h4>Software Engineer at Google</h4>
<h4>Senior Software Engineer at MediaTek</h4>
<h4>M.S., CSIE, National Taiwan University.</h4>
</br>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
<img class="img-fluid rounded-circle mb-3" src="img/bun.jpg" alt="">
<h5>Bun Hsu
<a href="https://github.com/bun919tw">
<i class="fa fa-github fa-1x fa-fw"></i>
</a>
<a href="https://www.linkedin.com/in/tsan-hsiang-hsu/">
<i class="fa fa-linkedin fa-1x fa-fw"></i>
</a>
</h5>
</div>
</div>
<div class="col-lg-6 showcase-text text-left ">
<br>
<h4>Developer, Team Leader at Plasma and Plasmacash </h4>
<h4>Co-founder, lead developer at Gcoin API</h4>
<h4>Software Engineer at Diqi.us</h4>
<h4>M.S., CSIE, National Taiwan University.</h4>
<h4>4+ years blockchain developing experience.</h4>
</br>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer bg-light text-center">
<div class="container-fluid">
<p class="h4 mark">Contract us :
<i class="text-muted">[email protected]</i>
</p>
<p class="text-muted small mb-4 mb-lg-0">© Copyright 2018 Crodex. All Rights Reserved.</p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>