first commit
This commit is contained in:
Liam Stamper
190
frontend/FAQ.html
Normal file
190
frontend/FAQ.html
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
<!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>
|
||||||
|
<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
|
||||||
|
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico" sizes="16x16">
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- **** HEADER ******************** **** -->
|
||||||
|
<logo><a href="index.html">SeatStock</a></logo>
|
||||||
|
<loginButton><a href="signin.html">Sign In</a></loginButton>
|
||||||
|
<faqButton><a href="FAQ.html">How it Works</a></faqButton>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
<div class="how-it-works-title">
|
||||||
|
<b>How SeatStock Works:</b>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="how-it-works-container">
|
||||||
|
<div class="how-it-works-buy">
|
||||||
|
|
||||||
|
<div class="how-it-works-titles">
|
||||||
|
<b>Buying:</b>
|
||||||
|
</div> <br>
|
||||||
|
<img src="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
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<img src="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
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<img src="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
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="how-it-works-sell">
|
||||||
|
|
||||||
|
<div class="how-it-works-titles">
|
||||||
|
<b>Sell:</b>
|
||||||
|
</div> <br>
|
||||||
|
<img src="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
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<img src="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
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<img src="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
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<br><br><br><br><br><br>
|
||||||
|
|
||||||
|
<div class="how-it-works-title">
|
||||||
|
<b>Our Guarantee:</b>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="guarantee-container">
|
||||||
|
|
||||||
|
<img src="secureicon.png" class="guarantee-icons">
|
||||||
|
<div class="guarantee-titles">
|
||||||
|
<b>Secure</b>
|
||||||
|
</div>
|
||||||
|
<div class="guarantee-body">
|
||||||
|
No sketchy buyers or sellers, we
|
||||||
|
handle everything to make sure you
|
||||||
|
can buy and sell with confidence
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<br><br><br><br><br><br>
|
||||||
|
|
||||||
|
<div class="faq-header"><b>Frequently Asked Questions:</b></div>
|
||||||
|
<div class="faq-container">
|
||||||
|
<div class="faq-info">
|
||||||
|
<faqtitles><br><b>What is Seat Stock?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>How does Seat Stock work?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>Is Seat Stock safe to use?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>What kind of events are listed on Seat Stock?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>What are the payment options available on Seat Stock?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>Can I sell my ticket if I can no longer attend an event?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>How do I list my tickets for sale on Seat Stock?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>What happens if an event is cancelled?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>Can I use Seat Stock if I am not a student?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
|
||||||
|
<faqtitles><br><br><b>What if I have a question or issue while using Seat Stock?</b><br></faqtitles>
|
||||||
|
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.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- **************** FOOTER******************** **** -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>© 2023 SeatStock V. All rights reserved. </p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
frontend/buyicon.png
Normal file
BIN
frontend/buyicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
frontend/circleicon.png
Normal file
BIN
frontend/circleicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
146
frontend/index.html
Normal file
146
frontend/index.html
Normal file
@ -0,0 +1,146 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta cahrset="UTF-8">
|
||||||
|
<meta name="viewpoint" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SeatStock</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
|
||||||
|
|
||||||
|
</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 ****************-->
|
||||||
|
<br><br>
|
||||||
|
<div class="home-info-title1">
|
||||||
|
<b>Buy, sell, or exchange even ticets with ease in the industry's
|
||||||
|
first safe ticket exchange marketplace for students.</b>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="search-container">
|
||||||
|
<input type="text" id="searchInput" placeholder="Search...">
|
||||||
|
<button class="search-button">Search</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="home-info-title2">
|
||||||
|
<b>Upcoming Games</b>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="home-info-title3">
|
||||||
|
University of Iowa
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="box">
|
||||||
|
<img src="iowavmichiganst.png" class="game-window-image">
|
||||||
|
<div class="game-window-title">Iowa Vs. Michigan St</div><br>
|
||||||
|
<a href="buy.html" class="buy-or-bid">Buy $65 or Bid</a>
|
||||||
|
<a href="sell.html?game=iowavpurdue" class="sell-home">Sell</a> <br>
|
||||||
|
<marketData><a href="https://www.example.com">Market Data</a></marketData>
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
|
||||||
|
<img src="iowavminnesota.png" class="game-window-image">
|
||||||
|
<div class="game-window-title">Iowa Vs. Minnesota</div>
|
||||||
|
<button class="buy-or-bid">Buy $45<br>or Bid</button>
|
||||||
|
<a href="sell.html?game=iowavminnesota" class="sell-home">Sell</a> <br><br>
|
||||||
|
<marketData><a href="https://www.example.com">Market Data</a></marketData>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="box">
|
||||||
|
<img src="iowavrutgers.png" class="game-window-image">
|
||||||
|
<div class="game-window-title">Iowa Vs Rutgers</div>
|
||||||
|
<button class="buy-or-bid">Buy $45<br>or Bid</button>
|
||||||
|
<a href="sell.html?game=iowavrutgers" class="sell-home">Sell</a> <br><br>
|
||||||
|
<marketData><a href="https://www.example.com">Market Data</a></marketData>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- **************** FOOTER******************** **** -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<br><br><br><br><br>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
frontend/iowa-sell.png
Normal file
BIN
frontend/iowa-sell.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
BIN
frontend/iowavmichiganst.png
Normal file
BIN
frontend/iowavmichiganst.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 582 KiB |
BIN
frontend/iowavminnesota.png
Normal file
BIN
frontend/iowavminnesota.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
frontend/iowavpurdue.png
Normal file
BIN
frontend/iowavpurdue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
BIN
frontend/iowavrutgers.png
Normal file
BIN
frontend/iowavrutgers.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 300 KiB |
BIN
frontend/recieveicon.png
Normal file
BIN
frontend/recieveicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
0
frontend/script.js
Normal file
0
frontend/script.js
Normal file
BIN
frontend/secureicon.png
Normal file
BIN
frontend/secureicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
BIN
frontend/selecticon.png
Normal file
BIN
frontend/selecticon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
138
frontend/sell.html
Normal file
138
frontend/sell.html
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
<!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>
|
||||||
|
<loginButton><a href="signin.html">Sign In</a></loginButton>
|
||||||
|
<faqButton><a href="FAQ.html">How it Works</a></faqButton>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- *********************** BODY *********** -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="sell-body">
|
||||||
|
<div class="sell-game-title" id="sell-game-title"></div><br>
|
||||||
|
<form id="sell-Ticket" class="stuff" method="post">
|
||||||
|
|
||||||
|
<br>
|
||||||
|
<img src="stadiumicon.png" class="buy-stadium-icon"><br><br> <br>
|
||||||
|
<label for="price">Price:</label>
|
||||||
|
<input type="text" id="price" name="price" required><br><br>
|
||||||
|
|
||||||
|
<input type="submit" value="Submit">
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const game = new URLSearchParams(window.location.search).get("game");
|
||||||
|
console.log(game);
|
||||||
|
const game_title = document.getElementById("sell-game-title");
|
||||||
|
if (game === "iowavmichiganst") {
|
||||||
|
game_title.textContent = "Iowa vs Michigan State"
|
||||||
|
} else if (game === "iowavrutgers") {
|
||||||
|
game_title.textContent = "Iowa vs Rutgers"
|
||||||
|
} else if (game === "iowavpurdue") {
|
||||||
|
game_title.textContent = "Iowa vs Purdue"
|
||||||
|
} else if (game === "iowavminnesota") {
|
||||||
|
game_title.textContent = "Iowa vs Minnesota"
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ******************* FOOTER******************** **** -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
frontend/sendicon.png
Normal file
BIN
frontend/sendicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
75
frontend/signin.html
Normal file
75
frontend/signin.html
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
<!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>
|
||||||
|
<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
|
||||||
|
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico" sizes="16x16">
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- *************** HEADER ******************** **** -->
|
||||||
|
<logo><a href="index.html">SeatStock</a></logo>
|
||||||
|
<loginButton><a href="signin.html">Sign In</a></loginButton>
|
||||||
|
<faqButton><a href="FAQ.html">How it Works</a></faqButton>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ************* BODY ******************** **** -->
|
||||||
|
|
||||||
|
<div class="signin-body">
|
||||||
|
<div class="form-name"><br>Sign In</div>
|
||||||
|
<div class="form-name-subtitle">Log in for secure transactions.</div>
|
||||||
|
<form action="signIn" class="stuff" method="post">
|
||||||
|
<input type="text" placeholder="Email" id="username" name="username" required><br><br>
|
||||||
|
<input type="password" placeholder="Password" id="password" name="password" required><br><br>
|
||||||
|
<div class="remember-me-container">
|
||||||
|
|
||||||
|
<input type="checkbox" class="sign-in-checkbox" name="myCheckbox">
|
||||||
|
<label for="myCheckbox" class="sign-in-checkbox-label">Remember Me</label> </label>
|
||||||
|
</div>
|
||||||
|
<div class="sign-in-button-container">
|
||||||
|
<button class="sign-in-button">Sign In</button>
|
||||||
|
</div>
|
||||||
|
<a class="sign-up-link" href="signup.html">Sign Up</a>
|
||||||
|
</form>
|
||||||
|
<br>
|
||||||
|
|
||||||
|
|
||||||
|
</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>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>© 2023 SeatStock V. All rights reserved. </p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
70
frontend/signup.html
Normal file
70
frontend/signup.html
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
<!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>
|
||||||
|
<link rel="icon" type="image/png" href="/favicon.png" sizes="32x32">
|
||||||
|
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico" sizes="16x16">
|
||||||
|
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- *************** HEADER ******************** **** -->
|
||||||
|
<logo><a href="index.html">SeatStock</a></logo>
|
||||||
|
<loginButton><a href="signin.html">Sign In</a></loginButton>
|
||||||
|
<faqButton><a href="FAQ.html">How it Works</a></faqButton>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!-- ************* BODY ******************** **** -->
|
||||||
|
|
||||||
|
<div class="signup-body">
|
||||||
|
<div class="form-name"><br>Register</div>
|
||||||
|
<div class="form-name-subtitle">Join other verified students.</div>
|
||||||
|
<form action="signUp" class="stuff" method="post">
|
||||||
|
<input type="text" placeholder="First Name" id="firstname" name="firstname" required><br><br>
|
||||||
|
<input type="text" placeholder="Last Name" id="lastname" name="lastname" required><br><br>
|
||||||
|
<input type="text" placeholder="Student Email" id="email" name="email" required><br><br>
|
||||||
|
<input type="text" placeholder="Phone Number" id="phone" name="phone" required><br><br>
|
||||||
|
<input type="password" placeholder="Password" id="password" name="password" required><br><br>
|
||||||
|
<input type="password" placeholder="Confirm Password" id="password" name="password" required><br><br>
|
||||||
|
<div class="promotion-container">
|
||||||
|
<input type="checkbox" class="promotion-checkbox" name="myCheckbox">
|
||||||
|
<label for="myCheckbox" class="promotion-checkbox-label">I want to be emailed about special promotions and deals</label> </label>
|
||||||
|
</div>
|
||||||
|
<div class="terms-container">
|
||||||
|
<input type="checkbox" class="terms-checkbox" name="myCheckbox">
|
||||||
|
<label for="myCheckbox" class="terms-checkbox-label">I have read and agree to the terms and conditions</label> </label>
|
||||||
|
</div>
|
||||||
|
<div class="sign-in-button-container">
|
||||||
|
<button class="sign-up-button">Sign Up</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</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><br><br><br>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>© 2023 SeatStock V. All rights reserved. </p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
frontend/stadiumicon.png
Normal file
BIN
frontend/stadiumicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
649
frontend/style.css
Normal file
649
frontend/style.css
Normal file
@ -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;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
BIN
frontend/tagicon.png
Normal file
BIN
frontend/tagicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Reference in New Issue
Block a user