push for allen
@ -32,7 +32,7 @@
|
||||
<div class="how-it-works-titles">
|
||||
<b>Buying:</b>
|
||||
</div> <br>
|
||||
<img src="buyicon.png" class="icons">
|
||||
<img src="icon\buyicon.png" class="icons">
|
||||
<div class="how-it-works-bold"><br><b>Choose your Game</b></div>
|
||||
<div class="how-it-works">
|
||||
Log in with your school email
|
||||
@ -41,7 +41,7 @@
|
||||
|
||||
<br>
|
||||
|
||||
<img src="tagicon.png" class="icons">
|
||||
<img src="icon\tagicon.png" class="icons">
|
||||
<div class="how-it-works-bold"><br><b>Find the right price</b></div>
|
||||
<div class="how-it-works">
|
||||
Pay with our SeatStock Guarantee
|
||||
@ -49,7 +49,7 @@
|
||||
|
||||
<br>
|
||||
|
||||
<img src="circleicon.png" class="icons">
|
||||
<img src="icon\circleicon.png" class="icons">
|
||||
<div class="how-it-works-bold"><br><b>Accept the ticket transfer</b></div>
|
||||
<div class="how-it-works">
|
||||
If you did not recieve your ticket please contact us
|
||||
@ -61,7 +61,7 @@
|
||||
<div class="how-it-works-titles">
|
||||
<b>Sell:</b>
|
||||
</div> <br>
|
||||
<img src="selecticon.png" class="icons">
|
||||
<img src="icon\selecticon.png" class="icons">
|
||||
<div class="how-it-works-bold"><br><b>List your ticket</b></div>
|
||||
<div class="how-it-works">
|
||||
Or instant sell your ticket
|
||||
@ -70,7 +70,7 @@
|
||||
|
||||
<br>
|
||||
|
||||
<img src="sendicon.png" class="icons">
|
||||
<img src="icon\sendicon.png" class="icons">
|
||||
<div class="how-it-works-bold"><br><b>Send your ticket to the buyer</b></div>
|
||||
<div class="how-it-works">
|
||||
Through your school ticket portal
|
||||
@ -78,7 +78,7 @@
|
||||
|
||||
<br>
|
||||
|
||||
<img src="recieveicon.png" class="icons">
|
||||
<img src="icon\recieveicon.png" class="icons">
|
||||
<div class="how-it-works-bold"><br><b>Get paid</b></div>
|
||||
<div class="how-it-works">
|
||||
After the buyer confirms their ticket
|
||||
@ -98,7 +98,7 @@
|
||||
|
||||
<div class="guarantee-container">
|
||||
|
||||
<img src="secureicon.png" class="guarantee-icons">
|
||||
<img src="icon\secureicon.png" class="guarantee-icons">
|
||||
<div class="guarantee-titles">
|
||||
<b>Secure</b>
|
||||
</div>
|
||||
|
112
frontend/buy.html
Normal file
@ -0,0 +1,112 @@
|
||||
<!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="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>
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
@ -16,7 +16,7 @@
|
||||
<body>
|
||||
<!-- ******************** HEADER ************ -->
|
||||
<logo><a href="index.html">SeatStock</a></logo>
|
||||
<loginButton><a href="signin.html">Sign In</a></loginButton>
|
||||
<signinButton><a href="signin.html">Sign In</a></signinButton>
|
||||
<faqButton><a href="FAQ.html">How it Works</a></faqButton>
|
||||
|
||||
|
||||
|
@ -513,7 +513,10 @@ input[type=submit]{
|
||||
display:flex;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.terms-of-service{
|
||||
color:black;
|
||||
text-decoration:underline;
|
||||
}
|
||||
input[type=checkbox]{
|
||||
float:left;
|
||||
|
||||
|