diff --git a/public/html/MenuWithAddCart.html b/public/html/MenuWithAddCart.html
new file mode 100644
index 0000000..e85b21e
--- /dev/null
+++ b/public/html/MenuWithAddCart.html
@@ -0,0 +1,490 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <script>document.getElementsByTagName("html")[0].className += " js";</script>
+  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="css/container.css">
+  <link rel="stylesheet" href="css/util.css">
+  <title>Menu</title>
+</head>
+<body>
+	<div class="container-menu100" style="background-image: url(images/bg-02.jpg)";>
+	<div class="wrap-menu100">
+		<div class="menu100-title" style="background-image: url(images/bg-01.jpg);">
+		<span class="menu100-title-1">
+		Fumo
+		</span>
+		<span class="menu100-title-2">
+				Menu
+		</span>
+</div>
+<div class="container">
+		<div class="row">
+			<div class="col-md-10 col-lg-6 p-r-35 p-r-15-lg m-l-r-auto" > 
+				<div class="wrap-item-mainmenu p-b-22">
+					<h3 class="tit-mainmenu tit10 p-b-25">
+						Starters
+					</h3>
+
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+								<span class="name-item-mainmenu txt21">
+								Rice Balls 
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$11.50
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								green peas,chopped meat, mozzarella, pomodoro
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#0" class="cd-add-to-cart js-cd-add-to-cart" data-price="11.50">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Fried mozz 
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$11.35
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								breaded mozzarella, pomodoro
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#1" class="cd-add-to-cart js-cd-add-to-cart" data-price="11.35">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Meatballs
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$11.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								pomodoro, grilled garlic bread, basil
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#2" class="cd-add-to-cart js-cd-add-to-cart" data-price="11.00">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Baby Artichokes
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$11.50
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								pan fried, parmigiano,chipotle mayo
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#3" class="cd-add-to-cart js-cd-add-to-cart" data-price="11.50">Add To Cart</a>
+							</p>
+						  </div>
+				</div>
+
+				<div class="wrap-item-mainmenu p-b-22">
+					<h3 class="tit-mainmenu tit10 p-b-25">
+						Drinks
+					</h3>
+
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Prosecco
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$11.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+							Casalini, Italy
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#4" class="cd-add-to-cart js-cd-add-to-cart" data-price="11.00">Add To Cart</a>
+							</p>
+						  </div>
+
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Chardonnay
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$10.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+							Smoke Tree, California 2015
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#5" class="cd-add-to-cart js-cd-add-to-cart" data-price="10.00">Add To Cart</a>
+							</p>
+						  </div>
+
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Pinot Grigio
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$11.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+							Bacaro, Italy 2016
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#6" class="cd-add-to-cart js-cd-add-to-cart" data-price="11.00">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Soda
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$3.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								Fountain Beverage
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#7" class="cd-add-to-cart js-cd-add-to-cart" data-price="3.00">Add To Cart</a>
+							</p>
+						  </div>
+				</div>
+			</div>
+
+			<div class="col-md-10 col-lg-6 p-l-35 p-l-15-lg m-l-r-auto">
+				<div class="wrap-item-mainmenu p-b-22">
+					<h3 class="tit-mainmenu tit10 p-b-25">
+						Main
+					</h3>
+
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Chicken & Veggies
+							</span>
+
+
+							<div class="price-item-mainmenu txt22">
+								$19.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								marinated & grilled, roasted garden vegetables
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#8" class="cd-add-to-cart js-cd-add-to-cart" data-price="19.00">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Chicken Parm
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$18.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								breaded or grilled,choice of pasta or field greens
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#9" class="cd-add-to-cart js-cd-add-to-cart" data-price="18.00">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Grilled Salmon
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$23.50
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								garlic & oil, white wine,sauteed kale
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#10" class="cd-add-to-cart js-cd-add-to-cart" data-price="23.50">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Branzino
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$22.50
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								oven roasted, fresh herb marinade, babyspiach
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#11" class="cd-add-to-cart js-cd-add-to-cart" data-price="22.50">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Steak & Fries
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$24.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								marinated skirt steak,seasoned fries
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#12" class="cd-add-to-cart js-cd-add-to-cart" data-price="24.00">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Burger
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$15.50
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								lettuce, tomato, bacon,cheddar,chipotle mayo
+								choice of field greens or truffle fries
+								add avocado or mushrooms $2
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#13" class="cd-add-to-cart js-cd-add-to-cart" data-price="15.50">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Parm Hero
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$13.00
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+							chicken or hero
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#14" class="cd-add-to-cart js-cd-add-to-cart" data-price="13.00">Add To Cart</a>
+							</p>
+						  </div>
+				</div>
+
+				<div class="wrap-item-mainmenu p-b-22">
+					<h3 class="tit-mainmenu tit10 p-b-25">
+						Dessert
+					</h3>
+
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Chocolate Cake
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$9.79
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+							chocolate mousse
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#15" class="cd-add-to-cart js-cd-add-to-cart" data-price="9.79">Add To Cart</a>
+							</p>
+						  </div>
+					<!-- Item mainmenu -->
+					<div class="item-mainmenu m-b-36">
+						<div class="flex-w flex-b m-b-3">
+							<span class="name-item-mainmenu txt21">
+								Sorbet
+							</span>
+
+							<div class="price-item-mainmenu txt22">
+								$5.50
+							</div>
+						</div>
+
+						<span class="info-item-mainmenu txt23">
+								lemon, strawberry, orange
+						</span>
+					</div>
+					<div class="text-component text-center">
+							<p class="flex flex-wrap flex-center flex-gap-xxs">
+							  <a href="#16" class="cd-add-to-cart js-cd-add-to-cart" data-price="">Add To Cart</a>
+							</p>
+						  </div>
+			
+		</form>
+		
+	</div>
+	
+</div>
+				</div>
+			</div>
+				</button>
+			</div>
+			
+		</div>
+
+	</div>
+
+
+</section>
+
+<div class="cd-cart cd-cart--empty js-cd-cart">
+	<a href="#0" class="cd-cart__trigger text-replace">
+		Cart
+		<ul class="cd-cart__count"> <!-- cart items count -->
+			<li>0</li>
+			<li>0</li>
+		</ul> <!-- .cd-cart__count -->
+	</a>
+
+	<div class="cd-cart__content">
+		<div class="cd-cart__layout">
+			<header class="cd-cart__header">
+				<h2>Cart</h2>
+				<span class="cd-cart__undo">Item removed. <a href="#0">Undo</a></span>
+			</header>
+			
+			<div class="cd-cart__body">
+				<ul>
+					<!-- products added to the cart will be inserted here using JavaScript -->
+				</ul>
+			</div>
+
+			<footer class="cd-cart__footer">
+				<a href="#0" class="cd-cart__checkout">
+          <em>Checkout - $<span>0</span>
+            <svg class="icon icon--sm" viewBox="0 0 24 24"><g fill="none" stroke="currentColor"><line stroke-width="2" stroke-linecap="round" stroke-linejoin="round" x1="3" y1="12" x2="21" y2="12"/><polyline stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="15,6 21,12 15,18 "/></g>
+            </svg>
+          </em>
+        </a>
+			</footer>
+		</div>
+	</div> <!-- .cd-cart__content -->
+</div> <!-- cd-cart -->
+<div class="cd-cart__body">
+		<ul>
+
+								
+							</select>
+			  
+							<svg class="icon" viewBox="0 0 12 12"><polyline fill="none" stroke="currentColor" points="2,4 6,8 10,4 "/></svg>
+						  </span>
+						</div>
+					  </div>
+					</div>
+				  </li>
+	  
+		  <!-- other products added to the cart -->
+		</ul>
+	  </div>
+	  <script
+  src="https://code.jquery.com/jquery-3.4.1.min.js"
+  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+  crossorigin="anonymous"></script>
+<script src="js/util.js"></script> <!-- util functions included in the CodyHouse framework -->
+<script src="js/main.js"></script> 
+</body>
+</html>
