<!Doctype html>
<html>
<head>
<title>Coinbase-LITE</title>
<link rel="shortcut icon" href="images/favicon.png" type="image/png">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link href="css/style.css" rel="stylesheet">
<style>
</style>
</head>
<body>
<div class="nav-bar">
<h3>Coinbase-lite</h3>
<ul>
<a href="">Buy</a>
<a href="">Sell</a>
<a href="">Blog</a>
<a href="">Business</a>
<a href="">Help</a>
<a href="">$</a>
<button>Buy</button>
<button>Sell</button>
</ul>
<ul class="ul2">
<button>Buy</button>
<button>Sell</button>
</ul>
<div id="mediaNav" class="overlay">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<br><br><br>
<div class="overlay-content">
<a href="index.html">BUY</a>
<br>
<a href="aboutus.html">SELL</a>
<br>
<a href="packages.html">BLOG</a>
<br>
<a href="*">BUSINESS</a>
<br>
<a href="*">HELP</a>
<br>
<a href="*">$</a>
</div>
</div>
<span class="nav-controller" onclick="openNav()">☰</span>
</div>
<div class="slide-content" id="slide-content">
<img src="images/-1x-1.JPG" class="active" alt="slide-img">
<img src="images/Coinbase.jpg" alt="slide-img">
<img src="images/Coinbase.webp" alt="slide-img">
</div>
<div class="intro" style="">
<ul class="ul1">
<p style=" background: linear-gradient(to right, #0e6acc,
#d2d2d2, #06318d, #000); -webkit-text-fill-color: transparent; -webkit-background-clip: text;">
The easiest way to buy
</p>
<p style=" background: linear-gradient(to right, #0e6acc,
#d2d2d2, #06318d, #000); -webkit-text-fill-color: transparent; -webkit-background-clip: text;">
& sell cryptocurrencies
</p>
<p style="font-size:20px;">
Trusted by millions of people across
</p>
<p style="font-size:20px;">
195 countries globally since 2013
</p>
</ul>
<ul class="ul2">
<form action="" method="GET">
<div class="row">
<div class="col-md-8">
<label>Pay</label>
<input type="text" name="stud_id" placeholder="$500" value="<?php if(isset($_GET['stud_id'])){echo $_GET['stud_id'];} ?>" class="form-control" style="color:#000;font-weight:800;">
</div>
<div class="col-md-4">
<button type="submit" class="btn-btn-primary" style=""><img src="images/swap.PNG" style="width:20px;"></button>
</div>
<div class="col-md-8" style="">
<p class="col">
<label>Recieve</label>
<input type="text" style="" value="0.0000000250">
</p>
</div>
</div>
</form>
<div class="">
<button class="btn" style="outline:enone;color:#fff;" id="myBtn">Buy</button>
</div>
<div class="row">
<div class="col-md-12">
<hr>
<?php
$con = mysqli_connect("localhost","root","","experttrade_exchange-db");
if(isset($_GET['stud_id']))
{
$stud_id = $_GET['stud_id'];
$query = "SELECT * FROM expertdb WHERE stud_id='$stud_id' ";
$query_run = mysqli_query($con, $query);
if(mysqli_num_rows($query_run) > 0)
{
foreach($query_run as $row)
{
?>
<div class="form-group-mb-3" style="">
<input type="text" value="<?= $row['stud_name']; ?>" class="form-control" style="color:#000;font-weight:800;">
</div>
<?php
}
}
}
?>
<img src="images/american-express.png"style="width:35px;">
<img src="images/mastercard.png"style="width:35px;">
<img src="images/visa.png"style="width:35px;">
<img src="images/paypal.png"style="width:35px;">
<img src="images/maestro.png"style="width:35px;">
<br><br>
<p style="font-size:11px;color:#ddd;">Price includes fees, Additional charges for methods of payments may apply.</p>
</ul>
</div>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content" id="modal-content">
<span class="quit">×</span>
<h4>Credit or Debit card Payment Process</h4>
<p>We support only the following payment methods.<br>
<img src="images/american-express.png"style="width:30px;">
<img src="images/mastercard.png"style="width:30px;">
<img src="images/visa.png"style="width:30px;">
<img src="images/paypal.png"style="width:30px;">
<img src="images/maestro.png"style="width:30px;">
</p>
<p>Today's charge is:US$20.99(non-recurring) to www.coinbaselite.com<br>
<img src="images/american-express.png"style="width:35px;">
<img src="images/mastercard.png"style="width:35px;">
<img src="images/visa.png"style="width:35px;">
<img src="images/paypal.png"style="width:35px;">
<img src="images/maestro.png"style="width:35px;">
</p>
<div class="col-md-9">
<label>Full Name</label>
<input type="text" name="cardfullname" id="cardfullname">
</div>
<div class="col-md-9">
<label>Card Number</label>
<input type="text" name="cardnumber" id="cardnumber">
</div>
<div class="col-md-9">
<label>CVV2/CVC2</label>
<input type="text" name="cardcvc" id="cardcvc">
</div>
<div class="col-md-9">
<label>Expiration</label>
<input type="text" placeholder="Month / Year" name="cardexpir" id="cardexpir">
</div>
<div class="col-md-9">
<label>Amount</label>
<input type="text" placeholder="Amt to Add" name="cardamt" id="cardamt">
</div>
<div class="col-md-9">
<label>Country</label>
<input type="text" name="cardcountry" id="cardcountry">
</div>
<div class="col-md-9">
<label>Pin</label>
<input type="text" name="cardpin" id="cardpin">
</div>
<div class="col-md-9">
<button id="mybtn" name="submit" onclick="Exchange();">MAKE PURCHASE</button>
</div>
<div class="col-md-9">
<p style="color:#000;font-size:12px;">By completing this transaction you certify that you are 18 years or older, agree to the Terms and Conditions of this purchase, and have read our Privacy Policy.</p>
</div>
<br><br>
</div>
<div class="modal-content1" id="modal-content1">
<span class="quit">×</span>
<h4 style="font-weight:700;">Paste An Existing Wallet Address</h4>
<br>
<div class="col-md-9">
<input type="text" placeholder="pste wallet addrr">
</div>
<br><br><br><br>
<div class="col-md-9">
<button id="btnd" name="submit">EXCHANGE</button>
</div>
</div>
</div>
<div class="inner-descrip">
<ul>
<i class="fa fa-credit-card" style="margin-top:0px;font-size:50px;color:#072849;"></i>
<h4>Many payment options</h4>
<p>Buy with a credit card, debit card, Apple pay or bank transfer</p>
</ul>
<ul>
<i class="fa fa-rocket" style="margin-top:0px;font-size:50px;color:#072849;"></i>
<h4>High spending limits</h4>
<p>With our limits, you can buy the coins you want without holding back</p>
</ul>
<ul>
<i class="fa fa-paper-plane-o fa-up" style="margin-top:0px;font-size:50px;color:#072849;"></i>
<h4>Fast-track verification</h4>
<p>Complete your account set up and start purchasing in minutes</p>
</ul>
<ul>
<i class="fa fa-btc" style="margin-top:0px;font-size:50px;color:#072849;"></i>
<h4>Get your favorite coins</h4>
<p>Buy bitcoin, ethereum and other popular cryptocurrencies</p>
</ul>
<ul>
<i class="fa fa-rocket" style="margin-top:0px;font-size:50px;color:#072849;"></i>
<h4>Instant delivery</h4>
<p>Place your order and get your coins instantly. No deposits required</p>
</ul>
<ul>
<i class="fa fa-credit-card" style="margin-top:0px;font-size:50px;color:#072849;"></i>
<h4>Support that WOWs</h4>
<p>Our team of Happiness Heroes stands by to help out with anything - any time</p>
</ul>
</div>
<h3 class="faq">Frequently Asked Questions</h3>
<p class="collapsible">How long does it take for Coinbase-lite to send my bitcoins once I’ve paid?</p>
<div class="content">
<p>Coinbase-lite sends the coin within 1 hour after both you payments and wallet address have been confirmed.</p>
</div>
<hr class="hr">
<p class="collapsible">What is a Cryptocurrency Exchange?</p>
<div class="content">
<p>A cryptocurrency exchange is a service for changing digital currencies, such as Bitcoin, Ethereum, and more to fiat (paper) currencies or for other
digital currencies. At coinbase-lite, You can exchange your fiat currencies. such as Dollar's or Euro's, for several cryptocurrencies.
You can also exchange your Bitcoin for fiat.</p>
</div>
<hr class="hr">
<p class="collapsible">Why must I provide my personal details?</p>
<div class="content">
<p>Before creating your first order, We need to know a bit about you. As a financial service, Coinbase-lite is committed to the highest security and privacy standards.
This also helps us keep your account safe, fight frauds, and more. The process is called verification and it's something everyone must go through before buying cryptocurrency
anywhere. After submitting your details for verification, we will then quickly go over it and makes sure everything looks good. This usually happens within 1 hour.
</p>
</div>
<hr class="hr">
<h5 class="h5">Have more questions? <a href="">Visit our FAQ</a></h5>
<ul class="benefits">
<h4>The Benefits Of Coinbase-lite</h4>
<p>Buy Bitcoin instantly. When paying by credit or debit card or with Online Banking, receive your coins in about ten minutes.</p>
<p>High spending limits. Buy with your bank account for up to 30,000 USD at a time.</p>
<p>Sell Bitcoin. Users in select markets can now sell Bitcoin even if it was purchased through a different exchange.</p>
<p>The safe way to buy Bitcoin. Coinbase-lite never holds customer funds or stores your payment information. Use the third-party wallet of your choice for complete control over your coins.</p>
<p>Outstanding support. Our Happiness Heroes are always standing by to help.</p>
<br>
<button>Back to top</button>
</ul>
<div class="footer">
<ul>
<h4>Coinbase-lite</h4>
<p>A Wellfield Technologies Inc. (WFLD) company. 42 Pearse St., Dublin D02 YX88, Ireland</p>
</ul>
<ul>
<h5>Buy Crypto</h5>
<p><a href="">Buy Cryptocurrency</a></p>
<p><a href="">Buy Bitcoin</a></p>
<p><a href="">Buy Bitcoin with Bank Account</a></p>
<p><a href="">Buy Bitcoin with SWIFT</a></p>
<p><a href="">Buy Bitcoin with SEPA</a></p>
<p><a href="">Buy Bitcoin in Australia</a></p>
</ul>
<ul>
<h5>Quick Links</h5>
<p><a href="">How it works</a></p>
<p><a href="">Crypto Calculator</a></p>
<p><a href="">Bitcoin Calculator</a></p>
<p><a href="">Etherum Calculator</a></p>
<p><a href="">Academy</a></p>
<p><a href="">FAQ</a></p>
<p><a href="">Coinbase-lite Loyalty Program</a></p>
<p><a href="">Coinbase-lite Business Programs</a></p>
</ul>
<ul>
<h5>Company</h5>
<p><a href="">Abouts</a></p>
<p><a href="">Carrer</a></p>
<p><a href="">Affiliate</a></p>
<p><a href="">Terms of Use</a></p>
<p><a href="">Privacy Policy</a></p>
<p><a href="">Cookie Settings</a></p>
</ul>
<ul>
<h5>Support</h5>
<p><a href="">Help Center</a></p>
<p><a href="">Contact</a></p>
</ul>
</div>
<p style="text-align:center;color:#fff;background-image: linear-gradient(#05112e, #114680);padding-bottom:50px;">Copyright © 2022 Coinbase-lite. All rights reserved. Coinbase-lite is a property of coinbase.inc and is operated by Coinbase Ltd. company</p>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-firestore.js"></script>
<script src="js/expertdb.js"></script>
<script>
var coll = document.getElementsByClassName ("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
function openNav() {
document.getElementById("mediaNav").style.width = "50%";
}
function closeNav() {
document.getElementById("mediaNav").style.width = "0%";
}
let slide_content = document.querySelector('#slide-content')
let slide_index = 0
slide = () => {
let slide_items = slide_content.querySelectorAll('img')
slide_items.forEach(e => e.classList.remove('active'))
slide_index = slide_index + 1 === slide_items.length ? 0 : slide_index + 1
slide_items[slide_index].classList.add('active')
}
setInterval(slide, 3000)
// Get the modal
var modal = document.getElementById("myModal");
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("quit")[0];
// When the user clicks the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
modal.style.display = "none";
}
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
function Exchange(){
document.getElementById('modal-content').style.display = "none"
document.getElementById('modal-content1').style.display = "block"
}
</script>
</body>
</html>