– I have created this shopping website but I don’t know how todo a shopping cart for it and add the product on the cart and howto do a checkout page
<!DOCTYPE html>
<html>
<head>
<meta charset= “UTF-8”>
<title>Organic Farms</title>
<link href=”Project.css” type=”text/css”rel=”stylesheet”>
<link href=”farmicon.png” type=”image/png” rel=”icon”/>
</head>
<body>
<h1 ID=”title”>Organic Farms</h1>
<h5>Organic Farms provide fresh fruits, vegetables andflowers from many original farms in uae</h5>
<a id=”register”href=”http://localhost/project/register.html”>Register</a>
<div class=”Navigation_Bar”>
<ahref=”http://localhost/project/project.html”>Home</a>
<a href=”#contact”>Fruits</a>
<a href=”#contact”>Vegatables</a>
<a href=”#contact”>Flowers</a>
<input type=”submit” class=”search_bar” value=”Search”/>
<input type=”search” class=”search_bar” placeholder=”Search..”name=”search”>
</div>
<h2>Exclusive Product</h2>
<div class=”product”>
<div class=”column”>
<div class=”card”>
<img src=”flower_basket.jpg” alt=”Secret Garden”style=”width:75%” height=”50%”>
<h3>Secret Garden Basket</h3>
<p class=”price”>150 AED</p>
<p><button>Add to Cart</button></p>
</div>
</div>
<div class=”column”>
<div class=”card”>
<img src=”fruit_basket.png” alt=”Fruit Basket” style=”width:75%”height=”50%”>
<h3>Elegant Fruit Basket</h3>
<p class=”price”>200 AED</p>
<p><button>Add to Cart</button></p>
</div>
</div>
<div class=”column”>
<div class=”card”>
<img src=”skin_care.png” alt=”Skin Care” style=”width:75%”height=”50%”>
<h3>Natural Skin Care</h3>
<p class=”price”>350