Html & CSS Hands-on 6


<!DOCTYPE html>

<html>
<head>
<title>Question6</title>
<style>
table{
text-align: center;
}
th{
background-color:#45E078;
}
button{
background-color: #FF0000;
}
</style>
</head>
<body>
<!-- Design & Develop your code here -->
<h1 id="header">Uni Sales</h1>
<div id="body">
<h2>My Cart</h2>
<input type="text" name="customerId" maxlength="6" required<br>
Customer Name
<input type="text" name="customerName" required><br>
<input id="button" type="submit" name="create" value="Create">
<input id="button" type="reset" name="cancel" value="Cancel">
<table id="myCarts" width="80%">
<tr>
<th>Product Name</th>
<th>Description</th>
<th>Unit Price</th>
<th>Quantity</th>
<th>Total</th>
</tr>
<tr>
<td>Surf Excel
</td>
<td>Washing Powder
</td>
<td>85.00
</td>
<td>1
</td>
<td>85.00
</td>
</tr>
<tr>
<td>Harpic
</td>
<td>Toilet Cleaner
</td>
<td>48.00
</td>
<td>2
</td>
<td>96.00
</td>
</tr>
</table>
</div>
<button style="background-color:#FF0000" type="button"
id="continue">Continue</button>
<button style="background-color:#FF0000" type="submit"
id="checkout">Checkout</button>
</body>
</html>

 

©2018 by The real one. Proudly created with Wix.com