accessories.html


<!DOCTYPE html>
<html lang="en">

<head>
	<title>Shop Happily</title>
	<meta charset = "utf-8">
	<!-- Insert link to style.css here. -->
</head>
<body>
	<div>
		<img src = "banner.jpg" alt = "Shop Accessories Banner" style ="max-width: 1260px;"> 
	</div>

	<!-- container class starts here -->
	<img src = "earings.jpg" alt = "Diamond Earrings">

	<!-- Change to border = "0" -->
	<table border = "1" style = "text-align: center;">
		<tr>
			<td><h3  style = "width: 150px;">Item: </h3></td>
			<td style = "width: 150px;">Earing</td>
		</tr>
		<tr>
			<td><h3 style = "width: 150px;">Material: </h3></td>
			<td style = "width: 150px;">Diamond & gold</td>
		</tr>
		<tr>
			<td><h3 style = "width: 150px;">Price: </h3></td>
			<td style = "width: 150px;">RM 350</td>
		</tr>		
	</table>
	<p style = "font-style: italic;">This earing is made from Italy. It is mainly designed by diamonds. Hence, the price for it will be a bit expensive but it is quite reasonable as by just paying RM 350, you will be able to obtain the product already :) Click <a href = "https://www.dillards.com/search-term/bridal+accessories/accessories"> here </a> for more designs.</p>
	
	<div style = "text-align: center;">
		<!-- Move the button element inside the link element. 
			The format should be like this: <a><button></button></a> -->
		<button type = "button"><a href = "orderForm.html">Order</a></button>
	</div>
</body>
<!-- container class ends here -->

</html>