Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
ngmurphy committed Mar 19, 2024
0 parents commit 147a4e4
Show file tree
Hide file tree
Showing 8 changed files with 911 additions and 0 deletions.
Binary file added Project 2 Summary.pdf
Binary file not shown.
Binary file added Project 2 Wireframes.pdf
Binary file not shown.
72 changes: 72 additions & 0 deletions Project 2/Login.html
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>
190 changes: 190 additions & 0 deletions Project 2/category.html
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>
79 changes: 79 additions & 0 deletions Project 2/contact-us.html
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>

0 comments on commit 147a4e4

Please sign in to comment.