-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 147a4e4
Showing
8 changed files
with
911 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,72 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>Marketplace - Login</title> | ||
<!--Linking styling sheet.--> | ||
<link rel="stylesheet" href="css/styles.css"> | ||
</head> | ||
<body> | ||
<header> | ||
<a href="Login.html"> | ||
<h2 class="login-link">Log In <h2> | ||
</a> | ||
<a href="index.html" class="no-color"> | ||
<h1>Marketplace</h1> | ||
</a> | ||
<div class="search-container"> | ||
<input type="text" placeholder="Search here..."> | ||
<button>🔍</button> | ||
</div> | ||
</header> | ||
<div class="container"> | ||
<aside class="sidebar"> | ||
<ul> | ||
<li> | ||
<h3>Sort By ></h3> | ||
</li> | ||
<li> | ||
<h3>Categories ⌄</h3> | ||
</li> | ||
<li class="sub-category"> | ||
<a href="category.html"> Home And Auto</a> | ||
</li> | ||
<li class="sub-category"> | ||
<a href="category.html"> Technology</a> | ||
</li> | ||
<li class="sub-category">More... ></li> | ||
</ul> | ||
</aside> | ||
<main class="main-content"> | ||
<h2>Login</h2> | ||
<form id="login-form" class="login-form"> | ||
<div class="form-group"> | ||
<label for="username">Username</label> | ||
<input type="text" id="username" name="username" required> | ||
</div> | ||
<div class="form-group"> | ||
<label for="password">Password</label> | ||
<input type="password" id="password" name="password" required> | ||
</div> | ||
<div class="form-group"> | ||
<a href="">Forgot Password? Click to reset.</a> | ||
</div> | ||
<div class="form-group captcha"> | ||
<div class="captcha-placeholder">Captcha: Click to verify.</div> | ||
</div> | ||
<div class="form-group"> | ||
<button type="submit">Submit</button> | ||
</div> | ||
<div class="form-group"> | ||
<p>Don’t have an account? <a href="register.html">Create One.</a> | ||
</p> | ||
</div> | ||
</form> | ||
</main> | ||
</div> | ||
<footer> | ||
<p>Need Help? <a href="contact-us.html">Contact us.</a> | ||
</p> | ||
<p>© 2024 Nathan Murphy</p> | ||
</footer> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,190 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>Marketplace - Category</title> | ||
<link rel="stylesheet" href="css/styles.css"> | ||
</head> | ||
<body> | ||
<header> | ||
<a href="Login.html"> | ||
<h2 class="login-link">Log In <h2> | ||
</a> | ||
<a href="index.html" class="no-color"> | ||
<h1>Marketplace</h1> | ||
</a> | ||
<div class="search-container"> | ||
<input type="text" placeholder="Search here..."> | ||
<button>🔍</button> | ||
</div> | ||
</header> | ||
<div class="container"> | ||
<aside class="sidebar"> | ||
<ul> | ||
<li> | ||
<h3>Sort By ></h3> | ||
</li> | ||
<li> | ||
<h3>Categories ⌄</h3> | ||
</li> | ||
<li class="sub-category"> | ||
<a href="category.html"> Home And Auto</a> | ||
</li> | ||
<li class="sub-category"> | ||
<a href="category.html"> Technology</a> | ||
</li> | ||
<li class="sub-category">More... ></li> | ||
</ul> | ||
</aside> | ||
<main class="category-main-content"> | ||
<h2 class="category-title center-page">Home And Auto</h2> | ||
<div class="sort-by-container"> | ||
<label for="sortby">Sort By</label> | ||
<select id="sortby" name="sortby"> | ||
<option value="price_low_high">Price: Low to High</option> | ||
<option value="price_high_low">Price: High to Low</option> | ||
<option value="rating">Rating</option> | ||
</select> | ||
</div> | ||
<div class="category-listing"> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/711pTh86caS._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">KingTool 325 Piece Home Repair Tool Kit</h3> | ||
<p class="item-quantity">Quantity: 2200</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$87.97</p> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/61-MeAo+rKL._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">VEWIOR Air Purifiers for Home Bedroom</h3> | ||
<p class="item-quantity">Quantity: 111</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$49.99</p> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/61KISzGeKUL._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">Fire Extinguisher with Mount</h3> | ||
<p class="item-quantity">Quantity: 212</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$8.99</p> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/81Yf3Nd+K6L._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">MORENTO Smart Air Purifier</h3> | ||
<p class="item-quantity">Quantity: 21</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$129.99</p> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/715qyB0ewlL._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">Glade Automatic Spray Refill and Holder Kit</h3> | ||
<p class="item-quantity">Quantity: 1</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$21.00</p> | ||
</div> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="category-listing"> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/61lwIs0Sg+L._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">Home Keyhole Infrared PIR Wireless Auto Sensor Motion Detector</h3> | ||
<p class="item-quantity">Quantity: 21</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$10.99</p> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/61fPsAKFxAL._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">CARSUN AC/DC Tire Inflator Portable Air Compressor</h3> | ||
<p class="item-quantity">Quantity: 2</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$31.99</p> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/516nDwdrDoL._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">Teeran Android Auto Wireless Adapter</h3> | ||
<p class="item-quantity">Quantity: 7</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$59.99</p> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/61awe87J1vL._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">TOOLIOM Auto Darkening Welding Helmet with Light</h3> | ||
<p class="item-quantity">Quantity: 5</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$79.99</p> | ||
</div> | ||
</a> | ||
</div> | ||
<div class="category-item"> | ||
<a href="item.html" class="no-color"> | ||
<div class="item-thumbnail"> | ||
<img src="https://m.media-amazon.com/images/I/51j9Wk6KM8L._AC_UL320_.jpg" alt="Item Image"><!--Gathered from amazon.com--> | ||
</div> | ||
<div class="item-details"> | ||
<h3 class="item-name">BESENERGY 40 Amp EV Charger Level 2 NEMA</h3> | ||
<p class="item-quantity">Quantity: 6</p> | ||
<div class="item-rating">★★★★☆</div> | ||
<p class="item-price">$229.99</p> | ||
</div> | ||
</a> | ||
</div> | ||
</div> | ||
<main> | ||
</div> | ||
<footer> | ||
<p>Need Help? <a href="contact-us.html">Contact us.</a> | ||
</p> | ||
<p>© 2024 Nathan Murphy</p> | ||
</footer> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,79 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>Marketplace - Contact Us</title> | ||
<link rel="stylesheet" href="css/styles.css"> | ||
</head> | ||
<body> | ||
<header> | ||
<a href="Login.html"> | ||
<h2 class="login-link">Log In <h2> | ||
</a> | ||
<a href="index.html" class="no-color"> | ||
<h1>Marketplace</h1> | ||
</a> | ||
<div class="search-container"> | ||
<input type="text" placeholder="Search here..."> | ||
<button>🔍</button> | ||
</div> | ||
</header> | ||
<div class="container"> | ||
<aside class="sidebar"> | ||
<ul> | ||
<li> | ||
<h3>Sort By ></h3> | ||
</li> | ||
<li> | ||
<h3>Categories ⌄</h3> | ||
</li> | ||
<li class="sub-category"> | ||
<a href="category.html"> Home And Auto</a> | ||
</li> | ||
<li class="sub-category"> | ||
<a href="category.html"> Technology</a> | ||
</li> | ||
<li class="sub-category">More... ></li> | ||
</ul> | ||
</aside> | ||
<main class="main-content"> | ||
<h2>Contact Us</h2> | ||
<div class="contact-info"> | ||
<p>Email: <a href="mailto:ContactUs@marketplace.com">ContactUs@marketplace.com</a> | ||
</p> | ||
<p>Phone: (317) 456-7890</p> | ||
<p>Address: 5225N 125W, Greenfield, IN, 46140</p> | ||
</div> | ||
<form id="contact-form"> | ||
<div class="form-group"> | ||
<label for="firstName">First Name:</label> | ||
<input type="text" id="firstName" name="firstName" required> | ||
</div> | ||
<div class="form-group"> | ||
<label for="lastName">Last Name:</label> | ||
<input type="text" id="lastName" name="lastName" required> | ||
</div> | ||
<div class="form-group"> | ||
<label for="email">Email Address:</label> | ||
<input type="email" id="email" name="email" required> | ||
</div> | ||
<div class="form-group"> | ||
<label for="phone">Phone Number:</label> | ||
<input type="tel" id="phone" name="phone"> | ||
</div> | ||
<div class="form-group"> | ||
<label for="message">Contact Message:</label> | ||
<textarea id="message" name="message" required></textarea> | ||
</div> | ||
<div class="form-group"> | ||
<button type="submit">Submit</button> | ||
</div> | ||
</form> | ||
</main> | ||
</div> | ||
<footer> | ||
<p>Need Help? <a href="contact-us.html">Contact us.</a> | ||
</p> | ||
<p>© 2024 Nathan Murphy</p> | ||
</footer> | ||
</body> | ||
</html> |
Oops, something went wrong.