-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (114 loc) · 6.12 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jasper Pool</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" />
<link rel="stylesheet" href="./css/Universal.css">
<link rel="stylesheet" href="./css/Variable.css">
<link rel="stylesheet" href="./css/Exchange.css">
<link rel="stylesheet" href="./css/Nav.css">
</head>
<body>
<!-- --------------Nav Section ---------------------- -->
<nav>
<div class="container desktop_nav">
<a href="#" class="logo flex">
<img class="logoImage" src="./Img/logoPic.svg" alt="logo" />
<h1 class="logo_text light">JasperFinance</h1>
</a>
<div class="navLinks">
<a href="#" class="navLink">Live Presale</a>
<a href="#" class="navLink">Road Map</a>
<a href="#" class="navLink">Token Sale</a>
</div>
<div class="contact_btn flex">
<!-- <div class="join_us btn flex-center">JOIN US</div>
<div class="discord btn flex-center">DISCORD</div> -->
<div class="connect btn flex-center">CONNECT</div>
</div>
<div class="menu"><i class="fas fa-bars"></i></div>
<div class="menu_bar flex-center">
<div class="close"><i class="fas fa-times"></i></div>
<div class="navLinks">
<a id="live" href="#" class="navLink">Live Presale</a>
<a id="road" href="#" class="navLink">Road Map</a>
<a id="token" href="#" class="navLink">Token Sale</a>
</div>
<div class="contact_btn flex">
<!-- <div id="join_us" class="join_us btn flex-center">JOIN US</div>
<div id="discord" class="discord btn flex-center">DISCORD</div> -->
<div id="connect" class="connect btn flex-center">CONNECT</div>
</div>
</div>
</div>
</nav>
<!-- --------------Nav Section ---------------------- -->
<section>
<div class="containerE">
<div class="head_title flex">
<div class="logo"><img src="./img/logoPic.svg" width="70" alt="Logo"></div>
<h1 class="title">Jasper Pool</h1>
</div>
<div class="address_box flex">
<h1 onclick="copyFunc()" class="address flex"><span>IDO Contract:</span>
<span class="flex-between two"> <input readonly type="text" class="address_value" id="address" value="0x33ec8aeebda99jfnd988eo8dh98s9hs"><span class="copy_icon"><i class="fas fa-copy"></i></span></span></h1>
</div>
<div id="success">Copied!</div>
<div class="card_box containerE">
<div class="card">
<div class="flex-between exchange_status">
<div class="rem_lim">
<h1 class="rem_ex">Remaining limit</h1>
<h1 class="rem_ex_value">100 BNB</h1>
</div>
<div class="ex_pro">
<h1 class="rem_ex">Exchange Proportion</h1>
<h1 class="rem_ex_value">1 BNB : 3000 jasper</h1>
</div>
</div>
<div class="balance_box flex-between">
<h3 class="balance"><span>Balance:</span><span>1.94</span><span> BNB</span></h3>
</div>
<div class="transc flex-between">
<input type="text" name="balance_value" value="0.5" id="balance_value" class="balance_value">
<i class="fas fa-sync-alt transc_icon"></i>
</div>
<div class="progress_bar flex">
<div id="bar" class="bar flex-center"><span class="bar_value" id="mini_bar_value">0</span>%</div>
</div>
<div class="l_h_bar_vlaue flex-between">
<h1><span id="bar_value"></span> BNB</h1>
<h1><span id="max_bnb"></span> BNB</h1>
</div>
<label onclick="hideShow()" class="hide_show flex-center">
<span class="hide">Hide</span>
<span class="arrow">
<i class="fas fa-chevron-down"></i>
</span>
</div>
<div class="hidden_box" id="hidden_box">
<h1 class="flex-between"><span class="title">Launch Time</span><span>2021-05-16 00:24:13</span></h1>
<h1 class="flex-between"><span class="title">End Time</span><span>2021-05-19 00:24:13</span></h1>
<h1 class="flex-between"><span class="title">For Sale</span><span>2021-05-16 00:24:13</span></h1>
<h1 class="flex-between"><span class="title">TO raise(BNB)</span><span>100 BNB</span></h1>
<h1 class="flex-between"><span class="title">Amount Limit</span><span>5 BNB</span></h1>
</div>
</div>
<h1 class="title">Token information</h1>
<div class="card_box containerE token_info">
<div class="card">
<div class="hidden_box">
<h1 class="flex-between"><span class="title">Name</span><span>Jasper</span></h1>
<h1 class="flex-between"><span class="title">Address</span><span class="address">0x33ec8aeebda99jfnd988eo8dh98s9hs</span></h1>
<h1 class="flex-between"><span class="title">Total Supply</span><span>1000000000</span></h1>
</div>
</div>
</div>
</div>
</section>
<script src="./main.js"></script>
</body>
</html>