Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

damonandparker/Fancy Footwear HTML.html

Go to file
 
 
Cannot retrieve contributors at this time
194 lines (184 sloc) 7.51 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="FF.css">
<title> Product and Customer Database</title>
</head>
<body>
<img src="https://images.unsplash.com/photo-1533867617858-e7b97e060509?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="Men's Shoes">
<h1 style="color:darkred;">Fancy Footwear Co.</h1>
<form style="background-color: tan; text-align: center;">
<h2 style="background-color: lightgray; text-align: center;">Product Sale Data Input</h2>
<fieldset>
<legend>Customer Account Record</legend>
<div>
<label for="employee-id">Employee ID</label>
<input type="number">
</div>
<div>
<label for="employee-name">Employee Name</label>
<input type="text">
</div>
<div>
<label for="product-name">Product Name</label>
<input type="text">
</div>
<div>
<label for="quantity">Quantity</label>
<input type="number">
</div>
<div>
<label for="revenue">Revenue</label>
<input type="number">
</div>
<div>
<label for="store-location">Store Location</label>
<input type="text">
</div>
<div>
<input type="submit">
</div>
</fieldset>
</form>
<div class="employee-name">
<button class="btn-primary" onclick="getEmployee()">View Employee</button>
<h2 style="background-color: lightgray; color: navy;">Product Sales</h2>
<div style="overflow-x:auto;">
<table>
<thead>
<tr>
<th>Employee ID</th>
<th>Employee Name</th>
<th>Product Name</th>
<th>Quantity</th>
<th>Revenue</th>
<th>Store Location</th>
</tr>
</thead>
<tbody>
<tr>
<td>00176</td>
<td>Ryan Jones</td>
<td>Australian Loafers</td>
<td>2</td>
<td>180</td>
<td>Burlington, VT</td>
</tr>
<tr>
<td>00684</td>
<td>Grace Hopkins</td>
<td>1984 Bostonians</td>
<td>1</td>
<td>115</td>
<td>Deerfield, MA</td>
</tr>
<tr>
<td>00703</td>
<td>Sanjay Adams</td>
<td>Italian Wingtips</td>
<td>2</td>
<td>175</td>
<td>Bedford, MA</td>
</tr>
<tr>
<td>00482</td>
<td>Trevor Parker</td>
<td>Ruby Stilettos</td>
<td>1</td>
<td>95</td>
<td>Manchester, CT</td>
</tr>
<tr>
<td>00219</td>
<td>Emily Longfellow</td>
<td>Russian Oxfords</td>
<td>3</td>
<td>385</td>
<td>Greenwich, CT</td>
</tr>
</tbody>
</table>
<h2 style="background-color: lightgray; color: navy;">Branch Performance</h2>
<div style="overflow-x:auto;">
<table>
<thead>
<tr>
<th>Store ID</th>
<th>Store Location</th>
<th>Quantity</th>
<th>Revenue</th>
<th>Revenue per Product</th>
</tr>
</thead>
<tbody>
<tr>
<td>001</td>
<td>Greenwich, CT</td>
<td>345</td>
<td>45,500</td>
<td>131.88</td>
</tr>
<tr>
<td>002</td>
<td>Burlington, VT</td>
<td>260</td>
<td>35,700</td>
<td>137.31</td>
</tr>
<tr>
<td>003</td>
<td>Manchester, CT</td>
<td>465</td>
<td>68,400</td>
<td>147.10</td>
</tr>
<tr>
<td>004</td>
<td>Deerfield, MA</td>
<td>285</td>
<td>38,300</td>
<td>134.39</td>
</tr>
<tr>
<td>005</td>
<td>Bedford, MA</td>
<td>445</td>
<td>62,500</td>
<td>140.45</td>
</tr>
</tbody>
</table>
<h2 style="background-color: lightgray; color: navy;">Membership Rank</h2>
<div style="overflow-x:auto;">
<table>
<thead>
<tr>
<th>Member ID</th>
<th>Member Name</th>
<th>City, ST</th>
<th>Annual Total Revenue</th>
</tr>
</thead>
<tbody>
<tr>
<td>00764</td>
<td>Ginny Rinaldi</td>
<td>Naugatuck, CT</td>
<td>685</td>
</tr>
<tr>
<td>00528</td>
<td>James Lombardo</td>
<td>Dorcester, MA</td>
<td>595</td>
</tr>
<tr>
<td>00839</td>
<td>Carlos Gonzalez</td>
<td>Stowe, VT</td>
<td>540</td>
</tr>
</tbody>
</table>
<script src="FF.js"></script>
</body>