-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (122 loc) · 6.98 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
<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="cache-control" content="no-cache" />
<!--Favicon is here-->
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<title>Chimpstronaut NFT Minting</title>
<!--Favicon add-->
<link rel="shortcut icon" type="image/png" href="">
<!--bootstrap Css-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--font-awesome Css-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
<!--owl.carousel Css-->
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/amiga-forever" rel="stylesheet">
<!--Slick Nav Css-->
<!--Animate Css-->
<link href="css/animate.css" rel="stylesheet">
<!--bootstrap Css-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--Style Css-->
<link href="css/style.css" rel="stylesheet">
<!--Responsive Css-->
<link href="css/responsive.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,500i,700,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,700i,800&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
<!--Min Style Css-->
<!--<link href="css/style.min.css" rel="stylesheet"> -->
<style type="text/css">
.small_multi_boxes .box_sm_1:nth-child(1):before { background-image: url(img/bg.png);}
</style>
</head>
<body class="index_page dark">
<div class="header_area clearfix" id="back-top-here">
<nav class="navbar navbar-default clearfix">
<div class="container-fluid">
<div class="navbar-header clearfix">
<button type="button" class="navbar-toggle navbar-toggle-my collapsed" data-toggle="collapse" data-target="#myNavbar"><div class="main_menu_icons">
<svg viewBox="0 0 24 24" width="24px" color="text" xmlns="http://www.w3.org/2000/svg" class="sc-bdfBwQ dhaIlc"><path d="M4 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H4C3.45 16 3 16.45 3 17C3 17.55 3.45 18 4 18ZM4 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13ZM3 7C3 7.55 3.45 8 4 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H4C3.45 6 3 6.45 3 7Z"></path></svg>
</div>
<div class="click_icon">
<svg viewBox="0 0 24 24" width="24px" color="text" xmlns="http://www.w3.org/2000/svg" class="sc-bdfBwQ dhaIlc"><path d="M4 18H15C15.55 18 16 17.55 16 17C16 16.45 15.55 16 15 16H4C3.45 16 3 16.45 3 17C3 17.55 3.45 18 4 18ZM4 13H12C12.55 13 13 12.55 13 12C13 11.45 12.55 11 12 11H4C3.45 11 3 11.45 3 12C3 12.55 3.45 13 4 13ZM3 7C3 7.55 3.45 8 4 8H15C15.55 8 16 7.55 16 7C16 6.45 15.55 6 15 6H4C3.45 6 3 6.45 3 7ZM20.3 14.88L17.42 12L20.3 9.12C20.69 8.73 20.69 8.1 20.3 7.71C19.91 7.32 19.28 7.32 18.89 7.71L15.3 11.3C14.91 11.69 14.91 12.32 15.3 12.71L18.89 16.3C19.28 16.69 19.91 16.69 20.3 16.3C20.68 15.91 20.69 15.27 20.3 14.88Z"></path></svg>
</div>
</button>
<a class="navbar-brand logo" href="https://chimpstronaut.app/"><img src="img/logo.png" class="white" style=""><img class="blur" src="img/logo.png" style=""></a>
</div>
<div class="links_search pull-right">
<script>
function clearTxt() {
document.getElementById("search").placeholder = ""
}
</script>
<div class="pull-left search_only">
<input type="text" placeholder="Paste Your Address Here to View Your NFT's" class="form-control" id="search" onfocus="clearTxt()"/>
<span><i class="fas fa-clone"></i></span>
</div>
<ul class="right_cutom_btns nav navbar-nav navbar-right">
<!--<li class="dark active"><a href="javascript:void(0)"><i class="fas fa-moon"></i></a></li>-->
<!--<li class="light "><a href="javascript:void(0)"><i class="fas fa-sun"></i></a></li>-->
</ul>
</div>
</div>
</nav>
<div style="clear:both"></div>
</div>
<div style="clear:both"></div>
<div class="back_full"></div>
<div class="back_handle">
<div class="bg_image_main"></div>
<section class="main_home">
<div class="top_home strokeme">
<!-- <h2><b>Chimpstronaut</b><br>NFT Minting App</h2> --></div>
</br>
<img style="max-width: 300px;" src="img/example.gif">
</br>
</br>
<div class="process_payout">
<a class="btn btn_success" id="wallet-connect">Connect Wallet</a>
</div>
<div class="process_payout">
<a class="btn btn_success" id="wallet-mint">Mint NFT</a>
</div>
</br>
<div class="box_ani my_single main_box_big wow fadeIn" data-wow-duration="800ms" data-wow-delay="400ms">
<div class="img_content text-center">
<h2>Total Chimpstronaut NFT's Minted</h2>
<div class="multi_boxes clearfix" id="clockdiv">
<div class="coming"><span id="mintedtokens">0</span>/<span id="maxtokens">1000</span> NFT's</div>
<div class="coming">Current Mint Price: <span id="mintpricefinal">0.0</span> BNB</div>
</div>
<h3>Your Chimpstronaut NFT's</h3>
<div class="multi_boxes clearfix" id="placetoshownfts">
<ul></ul>
</div>
</div>
</div>
</section>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
<script>$(".task_page .small_multi_boxes .box_ani").matchHeight();</script>
<script src="dist/index.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.2/jquery.matchHeight-min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/umd/index.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/web3.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/@walletconnect/[email protected]/dist/umd/index.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/index.js"></script>
<script type="text/javascript" src="js/wallet.js"></script></body>
</html>