diff --git a/frontend/FAQ.html b/frontend/FAQ.html new file mode 100644 index 0000000..39b762d --- /dev/null +++ b/frontend/FAQ.html @@ -0,0 +1,190 @@ + + + + + + SeatStock + + + + + + + + + + + + + + SeatStock + Sign In + How it Works + +

+
+ How SeatStock Works: +
+ +
+
+ +
+ Buying: +

+ +

Choose your Game
+
+ Log in with your school email +
+ + +
+ + +

Find the right price
+
+ Pay with our SeatStock Guarantee +
+ +
+ + +

Accept the ticket transfer
+
+ If you did not recieve your ticket please contact us + +
+
+
+ +
+ Sell: +

+ +

List your ticket
+
+ Or instant sell your ticket +
+ + +
+ + +

Send your ticket to the buyer
+
+ Through your school ticket portal +
+ +
+ + +

Get paid
+
+ After the buyer confirms their ticket + +
+
+ + + + +
+





+ +
+ Our Guarantee: +
+ +
+ + +
+ Secure +
+
+ No sketchy buyers or sellers, we + handle everything to make sure you + can buy and sell with confidence +
+
+ + + + + + + + + + + + +





+ +
Frequently Asked Questions:
+
+
+
What is Seat Stock?
 + Seat Stock is a marketplace designed for students to buy and sell tickets for various events. The platform is easy to use, secure, and convenient, making the ticket-buying process hassle-free and more transparent. + +

How does Seat Stock work?
 + Seat Stock works in a simple, user-friendly manner. First, you create an account using your valid .edu email address. Then, you can browse through available tickets for various events. If you're interested in a particular event, you can purchase the ticket directly through the app. If you have tickets to sell, you can list them on the marketplace for other students to buy. + +

Is Seat Stock safe to use?
 + Absolutely! Seat Stock prioritizes the safety and security of its users. We employ stringent verification processes for all ticket sellers and ensure that all transactions are safe and secure. + +

What kind of events are listed on Seat Stock?
 + Seat Stock features a wide array of events football tickets, basketball tickets, and many more. We strive to cater to a broad spectrum of interests to ensure there's something for everyone. + +

What are the payment options available on Seat Stock?
 + Seat Stock accepts various payment methods including credit cards, debit cards, and secure online payment platforms. We aim to make the ticket-purchasing process as convenient as possible for our users. + +

Can I sell my ticket if I can no longer attend an event?
 + Yes, Seat Stock is not just a platform for buying tickets but also selling. If for any reason you can't attend an event, you can sell your ticket on the app to other interested students. + +

How do I list my tickets for sale on Seat Stock?
 + Listing your tickets for sale on Seat Stock is easy. Simply log in to your account, click on the 'Sell Tickets' button, fill in the necessary details about the event, and set your price. Once your listing is live, other students can view and purchase your ticket. + +

What happens if an event is cancelled?
 + In the unfortunate event that an event is cancelled, Seat Stock will facilitate a full refund for those who purchased tickets through the app. We value our users and strive to ensure a fair and hassle-free experience. + +

Can I use Seat Stock if I am not a student?
 + Seat Stock is exclusively designed for students. To create an account and use the platform, a valid .edu email address is required. This helps us maintain a secure and reliable marketplace tailored specifically for the student community. + +

What if I have a question or issue while using Seat Stock?
 + Our dedicated customer service team is always ready to assist. If you have any questions or face any issues while using Seat Stock, you can reach out to us through the contact information provided in the app. We aim to provide a quick and satisfactory resolution to all queries and concerns. +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/buyicon.png b/frontend/buyicon.png new file mode 100644 index 0000000..da4e098 Binary files /dev/null and b/frontend/buyicon.png differ diff --git a/frontend/circleicon.png b/frontend/circleicon.png new file mode 100644 index 0000000..f1dcc9a Binary files /dev/null and b/frontend/circleicon.png differ diff --git a/frontend/index.html b/frontend/index.html new file mode 100644 index 0000000..c34d214 --- /dev/null +++ b/frontend/index.html @@ -0,0 +1,146 @@ + + + + + + SeatStock + + + + + + + SeatStock + Sign In + How it Works + + + + + + +

+
+ Buy, sell, or exchange even ticets with ease in the industry's + first safe ticket exchange marketplace for students. +
+ + + +
+ + +
+ +

+ + + +
+ Upcoming Games +
+ +
+ University of Iowa +
+ +
+ +
Iowa Vs. Michigan St

+ Buy $65 or Bid + Sell
+ Market Data +
+
+ + +
Iowa Vs. Minnesota
+ + Sell

+ Market Data + +
+
+ +
Iowa Vs Rutgers
+ + Sell

+ Market Data +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/iowa-sell.png b/frontend/iowa-sell.png new file mode 100644 index 0000000..3e0b514 Binary files /dev/null and b/frontend/iowa-sell.png differ diff --git a/frontend/iowavmichiganst.png b/frontend/iowavmichiganst.png new file mode 100644 index 0000000..29fd564 Binary files /dev/null and b/frontend/iowavmichiganst.png differ diff --git a/frontend/iowavminnesota.png b/frontend/iowavminnesota.png new file mode 100644 index 0000000..b782c80 Binary files /dev/null and b/frontend/iowavminnesota.png differ diff --git a/frontend/iowavpurdue.png b/frontend/iowavpurdue.png new file mode 100644 index 0000000..133e00a Binary files /dev/null and b/frontend/iowavpurdue.png differ diff --git a/frontend/iowavrutgers.png b/frontend/iowavrutgers.png new file mode 100644 index 0000000..e4f04ac Binary files /dev/null and b/frontend/iowavrutgers.png differ diff --git a/frontend/recieveicon.png b/frontend/recieveicon.png new file mode 100644 index 0000000..85b4baa Binary files /dev/null and b/frontend/recieveicon.png differ diff --git a/frontend/script.js b/frontend/script.js new file mode 100644 index 0000000..e69de29 diff --git a/frontend/secureicon.png b/frontend/secureicon.png new file mode 100644 index 0000000..6c2ce30 Binary files /dev/null and b/frontend/secureicon.png differ diff --git a/frontend/selecticon.png b/frontend/selecticon.png new file mode 100644 index 0000000..2f0c440 Binary files /dev/null and b/frontend/selecticon.png differ diff --git a/frontend/sell.html b/frontend/sell.html new file mode 100644 index 0000000..9e0bac3 --- /dev/null +++ b/frontend/sell.html @@ -0,0 +1,138 @@ + + + + + + + + SeatStock + + + + + + + + + + SeatStock + Sign In + How it Works + + + + + + + + + +
+

+
+ +
+


+ +

+ + +
+ + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/sendicon.png b/frontend/sendicon.png new file mode 100644 index 0000000..3e5b38f Binary files /dev/null and b/frontend/sendicon.png differ diff --git a/frontend/signin.html b/frontend/signin.html new file mode 100644 index 0000000..5c969a5 --- /dev/null +++ b/frontend/signin.html @@ -0,0 +1,75 @@ + + + + + + SeatStock + + + + + + + + + + + + + SeatStock + Sign In + How it Works + + + + + +
+

Sign In
+
Log in for secure transactions.
+
+

+

+
+ + + +
+ + +
+
+ + +
+ + + + + + + + + + + + + +











+












+






+ + + + + + + + + + + diff --git a/frontend/signup.html b/frontend/signup.html new file mode 100644 index 0000000..efaee13 --- /dev/null +++ b/frontend/signup.html @@ -0,0 +1,70 @@ + + + + + + SeatStock + + + + + + + + + + + + + SeatStock + Sign In + How it Works + + + + + +
+

Register
+
Join other verified students.
+
+

+

+

+

+

+

+
+ + +
+
+ + +
+ + +
+ +
+ +











+












+













+






+ + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/stadiumicon.png b/frontend/stadiumicon.png new file mode 100644 index 0000000..ce056c4 Binary files /dev/null and b/frontend/stadiumicon.png differ diff --git a/frontend/style.css b/frontend/style.css new file mode 100644 index 0000000..94d64ef --- /dev/null +++ b/frontend/style.css @@ -0,0 +1,649 @@ +body{ + background-color: rgb(255,255,255); + font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + overflow-y: auto; +} + + + +/********************** HEADER ****************************/ +logo{ + text-align: left; + font-size:40px; + padding-left: 10px; +} + +signinButton, sellButton, faqButton{ + margin: 5px; + float: right; + padding: 20px; + font-size: 15px; + background-color: rgb(218,54,54); + color:white; + border:none; + padding: 10px 20px; +} +loginButton{ + font-size:15px; + float:right; +} + +a{ + text-decoration: none; + color: white; +} +logo a{ + color:black; +} + +/********************** HOME BODY ****************************/ + +.home-info-title1{ + font-size: 29px; + display:flex; + justify-content: center; + padding-left:30px; +} +.search-container { + display: flex; + justify-content: center; + align-items: center; + padding-top:20px +} + +#searchInput{ + width:600px; + height:35px; + margin:0; + padding-left:20px; + font-size: 20px; +} + +.search-button { +margin: 5px; +font-size:15px; +background-color:rgb(218, 54, 54); +color:white; +border:none; +padding: 10px 20px; +border-radius: 20px; + + +} +.home-info-title2{ + font-size: 29px; + padding-top: 50px; + display:flex; + justify-content: center; + +} +.home-info-title3{ + font-size: 25px; + padding-top: 10px; + display:flex; + justify-content: center; + +} + + +.box { + width: 370px; + height: 500px; + margin: 10px; + margin-left: 25px; + padding: 20px; + border: 2px solid #000; + border-radius: 10px; + float: left; +} + + +.clearfix::after { + content: ""; + display: table; + clear: both; +} + + + + +.game-container{ + display:flex; + justify-content: center; + margin-top: 20px; +} +.game-window{ + height:500px; + border: 1px solid black; + margin:0 70px; + border-radius: 10px; + flex:1; + text-align: center; +} +.game-window-title{ + font-size: 30px; + padding:10px; +} + +.game-window-image{ + width: 100%; + height: 300px; + border-radius: 10px; + display: block; + +} +.buy-or-bid{ + margin: 5px; + font-size:25px; + background-color:rgb(218, 54, 54); + color:white; + border:none; + padding: 20px 20px; + border-radius: 5px; +} +.sell-home{ + margin: 5px; + font-size:25px; + background-color:rgb(218, 54, 54); + color:white; + border:none; + padding: 20px 20px; + border-radius: 5px; +} +marketData a{ + + color:black; + text-decoration: underline; +} + + + + + + + + + +/* **************** SIGNIN BODY *********************** */ + +.signin-body{ +position: absolute; +top: 50%; +left: 50%; +transform: translate(-50%, -50%); +display: flex; +flex-direction: column; +height: 400px; +width: 400px; +padding: 20px; +border: 2px solid #000; +border-radius: 10px; +margin-left:10px +} +.form-name{ + font-size: 35px; + padding-left: 20px; +} +.form-name-subtitle{ + font-size:15x; + padding-bottom: 25px; + padding-left: 20px; + color:#B3B3B3; +} +.stuff{ +padding-left: 20px; +padding-top: 20px; + +} +input[type=text]{ /*username*/ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 10px; + border: 1px solid black; + color: black; + width: 330px; + height: 35px; + padding-left: 10px; +} +input[type=password]{ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 10px; + border: 1px solid black; + color:black; + width: 330px; + height: 35px; + padding-left: 10px; + +} +.remember-me-container{ + display: flex; + flex-direction: row; + align-items: center; +} +.sign-in-checkbox{ + display:flex; + justify-content: center; + +} +.sign-in-checkbox-label{ + margin-left:5px; +} +.sign-in-button-container{ + display: flex; + justify-content: center; + margin-top: 10px; +} +.sign-in-button{ + + margin-top:15px; + padding:20px; + font-size:15px; + background-color:rgb(218, 54, 54); + color:white; + border:none; + padding: 10px 150px; + border-radius: 20px; + +} +.sign-up-link{ + padding-top:15px; + font-size: 20px; + display: flex; + justify-content: center; + color:black; + text-decoration: underline; + +} + + +/* **************** SIGNUP BODY *********************** */ +.signup-body{ +position: absolute; +top: 50%; +left: 50%; +transform: translate(-50%, -50%); +display: flex; +flex-direction: column; +margin-top:100px; +height: 650px; +width: 400px; +padding: 20px; +border: 2px solid #000; +border-radius: 10px; +margin-left:10px +} +.form-name{ + font-size: 35px; + padding-left: 20px; +} +.form-name-subtitle{ + font-size:15x; + padding-bottom: 25px; + padding-left: 20px; + color:#B3B3B3; +} +.stuff{ +padding-left: 20px; +padding-top: 20px; + +} +input[type=text]{ /*username*/ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 10px; + border: 1px solid black; + color: black; + width: 330px; + height: 35px; + padding-left: 10px; +} +input[type=password]{ + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 10px; + border: 1px solid black; + color:black; + width: 330px; + height: 35px; + padding-left: 10px; + +} +.promotions-container{ + display: flex; + flex-direction: row; + align-items: center; +} +.promotion-checkbox{ + display:flex; + justify-content: center; + +} +.promotion-checkbox-label{ + margin-left:20px; + font-size:15px +} +.terms-container{ + display: flex; + flex-direction: row; + align-items: center; +} +.terms-checkbox{ + display:flex; + justify-content: center; + +} +.terms-checkbox-label{ + margin-left:20px; + font-size:15px +} +.sign-in-button-container{ + display: flex; + justify-content: center; + margin-top: 10px; +} +.sign-up-button{ + + margin-top:15px; + padding:20px; + font-size:15px; + background-color:rgb(218, 54, 54); + color:white; + border:none; + padding: 10px 150px; + border-radius: 20px; + +} +.sign-up-link{ + padding-top:15px; + font-size: 20px; + display: flex; + justify-content: center; + color:black; + text-decoration: underline; + +} + + + + + + + + + + + + + +/* *************** SELL BODY ************************ */ +.sell-body { + + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + display: flex; + flex-direction: column; + align-items: center; + height: 600px; + width: 500px; + padding: 20px; + border: 2px solid #000; + border-radius: 10px; + margin-top:130px; + margin-left:10px +} +.sell-game-title{ + font-size: 25px; +} + + +.sell-body label { + font-size: 20px; + text-align: right; + width: 80px; + margin-right: 10px; +} +input[type=submit]{ + background-color: grey +} + + +/* *************** BUY BODY ************************ */ + + +.buy-body { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + display: flex; + flex-direction: column; + align-items: center; + height: 600px; + width: 500px; + padding: 20px; + border: 2px solid #000; + border-radius: 10px; + margin-top:130px; + margin-left:10px +} +.buy-game-title{ + font-size: 30px; +} +.buy-stadium-icon{ + width:250px; + height:250px; +} +.buy-game-info{ + font-size:12px; + color:#B3B3B3; +} +.price-box{ + border: 2px solid #000; + border-radius: 10px; + height:400px; + width:300px; + display: flex; + flex-direction: column; + padding-left:20px; + +} +.subtotal{ + display: flex; /* Create a row layout */ + justify-content: space-between; + margin-bottom: 5px; + padding-top:10px; + padding-right:15px; + +} +.subtotal-title{ + font-size: 20px; + +} +.subtotal-amount { + float:right; + color:green + +} +.purchase-price{ + display: flex; + justify-content: space-between; + margin-bottom: 5px; + padding-right:15px; +} +.purchase-price-title{ + font-size: 15px; +} +.purchase-price-amount{ + float:right; + color:black; + font-size: 15px; +} +.transaction-fee{ + display: flex; + justify-content: space-between; + font-size: 20px; + margin-bottom: 5px; + padding-right:15px; +} +.transaction-fee-title{ + font-size: 15px; +} +.transaction-fee-amount{ + float:right; + color:black; + font-size: 15px; +} + +.processing-fee{ + display: flex; + justify-content: space-between; + font-size: 20px; + padding-right:15px; +} +.processing-fee-title{ + font-size: 15px; +} +.processing-fee-amount{ + float:right; + color:black; + font-size: 15px; +} +.agree-container{ + display:flex; +} +.checkbox-label{ + display:flex; + float:right; +} + +input[type=checkbox]{ + float:left; + + +} + + + + + + + +/* *************** FAQ BODY ************************ */ +.how-it-works-container{ + display:flex; + justify-content: center; +} +.how-it-works-buy{ + width:50%; + padding:20px; +} +.how-it-works-sell{ + width:50%; + padding:20px; +} + +.how-it-works-title{ + color:rgb(218, 54, 54); + padding-top:30px; + font-size:35px; + display:flex; + justify-content: center; +} +.how-it-works-titles{ + color:black; + padding-top:30px; + padding-left: 20px; + font-size:35px; + display:flex; + justify-content: left; +} +.icons{ + float:left; + padding:20px; + height:40px; + width:40px; + display:flex; +} +.how-it-works-bold{ + color:black; + padding-top:20px; + padding-left: 20px; + font-size:25px; + display:flex; + justify-content: left; +} +.how-it-works{ + color:black; + padding-left: 20px; + font-size:20px; + display:flex; + justify-content: left; +} +.guarantee-icons{ + padding:20px; + height:75px; + width:75px; + display:flex; + + +} +.guarentee-container{ + display:flex; + justify-content:center; +} +.guarantee-titles{ + display:flex; + justify-content: center; + font-size:30px; + +} +.guarantee-body{ + display:flex; + justify-content: center; + font-size:20px; + width:400px; + +} + + + + +.faq-container{ + display:flex; + justify-content: center; +} +.faq-header{ + color:rgb(218, 54, 54); + padding-top:30px; + font-size:35px; + display:flex; + justify-content: center; + + +} +faqtitles{ + color:rgb(218, 54, 54); + font-size:20px; + width:100%; + max-width:800px; + +} +.faq-info{ + padding-left: 20px; + font-size:17px; + width:850px; + line-height:1.4; + width:90%; + max-width: 900px; + +} + + + + + + + diff --git a/frontend/tagicon.png b/frontend/tagicon.png new file mode 100644 index 0000000..b8f1246 Binary files /dev/null and b/frontend/tagicon.png differ