-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbuy.html
172 lines (147 loc) · 7.44 KB
/
buy.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
<!DOCTYPE html>
<html lang="en">
<script type="text/javascript" src="https://widgets.rubic.exchange/iframe/bundle.min.js"></script>
<head>
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="OverJar, the revolutionary world's first cryptocurrency that pays its users with stablecoin USDC on the fast and secure Polygon blockchain.">
<meta name="keywords" content="overjar, usdc, blockchain, cryptocurrency, invest, Polygon, quickswap, matic, investment, crypto, earn, invest, reflection, token, interest">
<!-- SITE TITLE -->
<title>OverJar - Invest While Earn USDC On Polygon Blockchain</title>
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap" rel="stylesheet">
<!-- Font Awesome CSS -->
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/themify-icons.css">
<link rel="stylesheet" href="assets/css/materialdesignicons-min.css">
<!--- owl carousel Css-->
<link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
<!-- animate CSS -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- MAGNIFIC CSS -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style-four.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-offset="80">
<!-- START NAVBAR -->
<nav id="navbar" class="navbar navbar-expand-lg fixed-top navbar-custom navbar-light sticky">
<div class="container">
<a class="navbar-brand" href="https://overjar.github.io/World/"><img src="assets/img/logo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="mdi mdi-menu"></span>
</button><!--end button-->
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul id="navbar-navlist" class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="https://overjar.github.io/World/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="buy.html">RubicSwap</a></li>
<li class="nav-item"><a class="nav-link" href="buyOverJar.html">QuickSwap</a></li>
<li class="nav-item"><a class="nav-link" href="price.html">Price</a></li>
</ul><!--END NAVBAR NAV-->
</div><!--END COLLAPSE-->
</div><!-- END CONTAINER -->
</nav>
<!-- END NAVBAR -->
<!-- START HOME -->
<section id="about" class="about_us section-padding">
<div class="container">
<div class="section-title text-center">
<h2>Buy OverJar</h2>
<p>Slippage: 10% ( ⚙️ )</p>
<br />
<div id="rubic-widget-root">
</div>
<br />
<h2>OverJar contract</h2>
0xd16488E6baEb716709BB92432a908694fe1a96c2
<div class="home_btn">
<a href="https://overjar.github.io/World/buyOverJar.html" class="btn_one"><img src="quickswap.png" alt="OverJar QuickSwap"width="30" height="30">QuickSwap <i aria-hidden="true" class="ti-arrow-right"></i></a>
<a href="https://overjar.github.io/World/buy.html" class="btn_one"><img src="rubic.png" alt="OverJar RubicSwap"width="30" height="30">RubicSwap <i aria-hidden="true" class="ti-arrow-right"></i></a>
</div>
</div><!-- END COL -->
<!-- START FOOTER -->
<div class="footer" style="background-image: url(assets/img/bg/footer.png); background-size:cover;">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6 col-xs-12">
<div class="footer_logo">
<p>© 2023 OverJar.xyz. <br />All Rights Reserved.</p>
</div>
</div><!--- END COL -->
</div><!--- END ROW -->
</div><!--- END CONTAINER -->
</div>
<!-- END FOOTER -->
<!-- Latest jQuery -->
<script src="assets/js/jquery-1.12.4.min.js"></script>
<!-- Latest compiled and minified Bootstrap -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- modernizer JS -->
<script src="assets/js/modernizr-2.8.3.min.js"></script>
<!-- owl-carousel min js -->
<script src="assets/owlcarousel/js/owl.carousel.min.js"></script>
<!-- jquery counterup -->
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/countdown.js"></script>
<!-- magnific-popup js -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- countTo js -->
<script src="assets/js/jquery.inview.min.js"></script>
<!-- particles -->
<script src="assets/js/particles.min.js"></script>
<script src="assets/js/app.js"></script>
<!-- WOW - Reveal Animations When You Scroll -->
<script src="assets/js/wow.min.js"></script>
<!-- scrolltopcontrol js -->
<script src="assets/js/scrolltopcontrol.js"></script>
<!-- scripts js -->
<script src="assets/js/scripts.js"></script>
<script defer type="text/javascript">
// describe widget configuration and saving to a global variable for future use
var configuration = {
from: 'MATIC',
to: '0xd16488e6baeb716709bb92432a908694fe1a96c2',
fromChain: 'POLYGON',
toChain: 'POLYGON',
amount: 5,
iframe: 'flex',
hideSelectionFrom: false,
hideSelectionTo: true,
tokenSearch: true,
rubicLink: false,
theme: 'dark',
background: '#000000',
injectTokens: {
'polygon': [
'0xd16488e6baeb716709bb92432a908694fe1a96c2'
]
},
slippagePercent: {
instantTrades: 16,
crossChain: 16
}
}
// prevent accidental changes to the object, for example, when re-creating a widget for another theme
Object.freeze(configuration);
// create widget
rubicWidget.init(configuration);
</script>
</body>
</html>