117 lines
2.6 KiB
HTML
117 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SeatStock</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="script.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
<!-- ******************** HEADER ************ -->
|
|
<logo><a href="index.html">SeatStock</a></logo>
|
|
<signinButton><a href="signin.html">Sign In</a></signinButton>
|
|
<faqButton><a href="FAQ.html">How it Works</a></faqButton>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- *********************** BODY *********** -->
|
|
|
|
|
|
|
|
<div class="buy-body">
|
|
<div class="buy-game-title">Iowa Vs Western Michigan</div>
|
|
<div class="buy-game-info">Sat Sep 30, Time TBD · Kinnick Stadium, Iowa City, Iowa</div><br>
|
|
<br>
|
|
<img src="stadiumicon.png" class="buy-stadium-icon">
|
|
<br><br>
|
|
<div class="buy-bid-container">
|
|
<button class="place-bid-button">Bid</button>
|
|
<button class="buy-button">Buy</button>
|
|
|
|
</div>
|
|
<br>
|
|
<div class="price-box">
|
|
<div class="subtotal">
|
|
<div class="subtotal-title">Subtotal</div>
|
|
<div class="subtotal-amount">$36.13</div>
|
|
</div>
|
|
<div class="purchase-price">
|
|
<div class="purchase-price-title">Purchase Price</div>
|
|
<div class="purchase-price-amount">$32.00</div>
|
|
</div>
|
|
<div class="transaction-fee">
|
|
<div class="transaction-fee-title">Transaction Fee (10%)</div>
|
|
<div class="transaction-fee-amount">+$3.20</div>
|
|
</div>
|
|
<div class="purchase-price">
|
|
<div class="purchase-price-title">Processing Fee</div>
|
|
<div class="purchase-price-amount">+$0.93</div>
|
|
</div>
|
|
<br>
|
|
|
|
</div>
|
|
<br><br>
|
|
<div class="agree-container">
|
|
<label for="myCheckbox" class="checkbox-label">I agree to the</label>
|
|
<a href="termsofservice.html" class="terms-of-service">Terms of Service</a>
|
|
<input type="checkbox" id="myCheckbox" name="myCheckbox">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<br><br><br><br><br><br><br><br><br><br><br><br>
|
|
<br><br><br><br><br><br><br><br><br><br><br><br>
|
|
<br><br><br><br><br><br><br><br><br><br><br><br>
|
|
<br><br><br><br><br><br><br>
|
|
<footer>
|
|
<p>© 2023 SeatStock V. All rights reserved. </p>
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body> |