diff --git a/.gitignore b/.gitignore
index 0d5cdf0..711675a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -64,3 +64,15 @@ typings/
 
 #session whatsappwebjs json file 
 whatsapp-web.js/session.json
+
+# ignore file in the generated website section 
+website-generator/public/pages/*
+
+# ignore ejs.html files
+website-generator/public/templates/*/*.ejs.html
+
+# Not IPFS file in the direcotry
+!website-generator/public/pages/ipfs-deploy.sh
+
+
+
diff --git a/README.md b/README.md
index ce32cd3..520844a 100644
--- a/README.md
+++ b/README.md
@@ -50,5 +50,8 @@ You need to start both website-generator and whatsapp-bot.
 
 
 ### Contributors 
-1. Akilan Selvacoumar : as251@hw.ac.uk
-2. Gaurav Gosain : gg68@hw.ac.uk
+1. Akilan Selvacoumar: akilan@hwtech.club (https://akilan.io)
+2. Gaurav Gosain: gg68@hw.ac.uk
+3. Nicole Tobe: https://github.com/tobenxe
+4. Humaid AlQassimi: me@humaidq.ae(https://humaidq.ae)
+   (Website generator based on: https://humaidq.ae/projects/shopsheet/)
diff --git a/website-generator/app/controllers/home.js b/website-generator/app/controllers/home.js
index 412aef4..3819524 100644
--- a/website-generator/app/controllers/home.js
+++ b/website-generator/app/controllers/home.js
@@ -24,8 +24,6 @@ exports.generate = function (req, res) {
   //we can now manipulate the data
   let result = req.body.companyName;
 
-  //console.log(req.body);
-
   let dir = './public/pages/' + req.body.companyName;
 
   if (!fs.existsSync(dir)) {
@@ -100,12 +98,10 @@ exports.deploy_ipfs = function (req, res) {
 }
 
 exports.convertCsv = function (req, res, next) {
-  console.log(req.body);
   const csvStr = req.body.csv;
   csv()
     .fromString(csvStr)
     .then((jsonObj) => {
-      console.log(jsonObj)
       req.body.csv = jsonObj;
       //delete file at path
       next()
diff --git a/website-generator/public/templates/Colo_Shop/cart.ejs b/website-generator/public/templates/Colo_Shop/cart.ejs
index 77d4a49..1661e6e 100644
--- a/website-generator/public/templates/Colo_Shop/cart.ejs
+++ b/website-generator/public/templates/Colo_Shop/cart.ejs
@@ -117,9 +117,9 @@
 			<div class="hamburger_close"><i class="fa fa-times" aria-hidden="true"></i></div>
 			<div class="hamburger_menu_content text-right">
 				<ul class="menu_top_nav">
-					<li class="menu_item"><a href="#">home</a></li>
-					<li class="menu_item"><a href="#">cart</a></li>
-					<li class="menu_item"><a href="#">contact</a></li>
+					<li class="menu_item"><a href="index.html">home</a></li>
+					<li class="menu_item"><a href="cart.html">cart</a></li>
+					<li class="menu_item"><a href="contact.html">contact</a></li>
 				</ul>
 			</div>
 		</div>
diff --git a/website-generator/public/templates/Colo_Shop/cart.ejs.html b/website-generator/public/templates/Colo_Shop/cart.ejs.html
index c1c8907..926b4df 100644
--- a/website-generator/public/templates/Colo_Shop/cart.ejs.html
+++ b/website-generator/public/templates/Colo_Shop/cart.ejs.html
@@ -117,9 +117,9 @@
 			<div class="hamburger_close"><i class="fa fa-times" aria-hidden="true"></i></div>
 			<div class="hamburger_menu_content text-right">
 				<ul class="menu_top_nav">
-					<li class="menu_item"><a href="#">home</a></li>
-					<li class="menu_item"><a href="#">cart</a></li>
-					<li class="menu_item"><a href="#">contact</a></li>
+					<li class="menu_item"><a href="index.html">home</a></li>
+					<li class="menu_item"><a href="cart.html">cart</a></li>
+					<li class="menu_item"><a href="contact.html">contact</a></li>
 				</ul>
 			</div>
 		</div>
@@ -289,19 +289,19 @@
 		<script>
 			$(document).ready(function () {
 
-				if (localStorage.getItem('Test123') === null) {
+				if (localStorage.getItem('Test123_50') === null) {
 					console.log("here");
 					var arr = new Array();
-					localStorage.setItem('Test123', JSON.stringify(arr));
+					localStorage.setItem('Test123_50', JSON.stringify(arr));
 				}
 
-				var arr_json = JSON.parse(localStorage.getItem('Test123'));
+				var arr_json = JSON.parse(localStorage.getItem('Test123_50'));
 
 				$("#checkout_items").html(arr_json.length);
 				console.log(arr_json.length);
 
 
-				var arr_json = JSON.parse(localStorage.getItem('Test123'));
+				var arr_json = JSON.parse(localStorage.getItem('Test123_50'));
 				$("#table").html("");
 				var receipt = "<textarea name=\"purchases\">";
 				var sum = 0;
@@ -333,12 +333,12 @@
 
 			function delete_item(id) {
 				$("#table").html("");
-				var arr_json = JSON.parse(localStorage.getItem('Test123'));
+				var arr_json = JSON.parse(localStorage.getItem('Test123_50'));
 				if (id > -1) {
 					arr_json.splice(id, 1);
 				}
 				console.log(id);
-				localStorage.setItem('Test123', JSON.stringify(arr_json));
+				localStorage.setItem('Test123_50', JSON.stringify(arr_json));
 				console.log(arr_json.length);
 				var receipt = "<textarea name=\"purchases\">";
 				var sum = 0;
diff --git a/website-generator/public/templates/Colo_Shop/contact.ejs b/website-generator/public/templates/Colo_Shop/contact.ejs
index b9164bc..f385195 100755
--- a/website-generator/public/templates/Colo_Shop/contact.ejs
+++ b/website-generator/public/templates/Colo_Shop/contact.ejs
@@ -100,7 +100,7 @@
 									<li class="checkout">
 										<a href="cart.html">
 											<i class="fa fa-shopping-cart" aria-hidden="true"></i>
-											<span id="checkout_items" class="checkout_items">2</span>
+											<span id="checkout_items" class="checkout_items">0</span>
 										</a>
 									</li>
 								</ul>
@@ -115,6 +115,18 @@
 
 		</header>
 
+		<div class="fs_menu_overlay"></div>
+		<div class="hamburger_menu">
+			<div class="hamburger_close"><i class="fa fa-times" aria-hidden="true"></i></div>
+			<div class="hamburger_menu_content text-right">
+				<ul class="menu_top_nav">
+					<li class="menu_item"><a href="index.html">home</a></li>
+					<li class="menu_item"><a href="cart.html">cart</a></li>
+					<li class="menu_item"><a href="#">contact</a></li>
+				</ul>
+			</div>
+		</div>
+
 		<div class="container contact_container">
 			<div class="row">
 				<div class="col">
diff --git a/website-generator/public/templates/Colo_Shop/contact.ejs.html b/website-generator/public/templates/Colo_Shop/contact.ejs.html
index 1482337..e82d0b2 100644
--- a/website-generator/public/templates/Colo_Shop/contact.ejs.html
+++ b/website-generator/public/templates/Colo_Shop/contact.ejs.html
@@ -100,7 +100,7 @@
 									<li class="checkout">
 										<a href="cart.html">
 											<i class="fa fa-shopping-cart" aria-hidden="true"></i>
-											<span id="checkout_items" class="checkout_items">2</span>
+											<span id="checkout_items" class="checkout_items">0</span>
 										</a>
 									</li>
 								</ul>
@@ -115,6 +115,18 @@
 
 		</header>
 
+		<div class="fs_menu_overlay"></div>
+		<div class="hamburger_menu">
+			<div class="hamburger_close"><i class="fa fa-times" aria-hidden="true"></i></div>
+			<div class="hamburger_menu_content text-right">
+				<ul class="menu_top_nav">
+					<li class="menu_item"><a href="index.html">home</a></li>
+					<li class="menu_item"><a href="cart.html">cart</a></li>
+					<li class="menu_item"><a href="#">contact</a></li>
+				</ul>
+			</div>
+		</div>
+
 		<div class="container contact_container">
 			<div class="row">
 				<div class="col">
@@ -279,13 +291,13 @@
 	<script>
 		$(document).ready(function () {
 
-			if (localStorage.getItem('Test123') === null) {
+			if (localStorage.getItem('Test123_50') === null) {
 				console.log("here");
 				var arr = new Array();
-				localStorage.setItem('Test123', JSON.stringify(arr));
+				localStorage.setItem('Test123_50', JSON.stringify(arr));
 			}
 
-			var arr_json = JSON.parse(localStorage.getItem('Test123'));
+			var arr_json = JSON.parse(localStorage.getItem('Test123_50'));
 
 			$("#checkout_items").html(arr_json.length);
 			console.log(arr_json.length);
diff --git a/website-generator/public/templates/Colo_Shop/index.ejs b/website-generator/public/templates/Colo_Shop/index.ejs
index 31240dc..09ed91a 100755
--- a/website-generator/public/templates/Colo_Shop/index.ejs
+++ b/website-generator/public/templates/Colo_Shop/index.ejs
@@ -120,8 +120,8 @@
 			<div class="hamburger_menu_content text-right">
 				<ul class="menu_top_nav">
 					<li class="menu_item"><a href="#">home</a></li>
-					<li class="menu_item"><a href="#">cart</a></li>
-					<li class="menu_item"><a href="#">contact</a></li>
+					<li class="menu_item"><a href="cart.html">cart</a></li>
+					<li class="menu_item"><a href="contact.html">contact</a></li>
 				</ul>
 			</div>
 		</div>
@@ -145,18 +145,15 @@
 					<div class="col text-center">
 						<div class="section_title new_arrivals_title">
 							<h2>Our Products</h2>
+							<p><%= description %></p>
 						</div>
 					</div>
-
 				</div>
 				<!---<div class="row align-items-center">
 				<div class="col text-center">
 					<div class="new_arrivals_sorting">
 						<ul class="arrivals_grid_sorting clearfix button-group filters-button-group">
 							<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center active is-checked" data-filter="*">all</li>
-							<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center" data-filter=".women">women's</li>
-							<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center" data-filter=".accessories">accessories</li>
-							<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center" data-filter=".men">men's</li>
 						</ul>
 					</div>
 				</div>
@@ -168,20 +165,21 @@
 
 							<!-- Product 3 -->
                         <% for(var i = 0; i < csv.length ; i++) {%>
-							<div class="product-item women">
+							<div class="product-item *">
 								<div class="product product_filter">
 									<div class="product_image">
 										<img src="<%= csv[i]['product image url'] %>" alt="">
 									</div>
-									<div class="favorite"></div>
 									<div class="product_info">
 										<h6 class="product_name"><a href="#"><a><%= csv[i]["product name"] %></a></h6>
+										<p><%= csv[i]["description"] %></p>
 										<div class="product_price">$<%= csv[i].cost %></div>
 									</div>
+									<br>
+									<div class="cart"><div class="red_button add_to_cart_button"><a onClick="additem('<%= csv[i]['product name'] %>', <%= csv[i].cost %>)" style="color:white">Add to cart</a></div></div>
 								</div>
-								<div class="red_button add_to_cart_button"><a onClick="additem('<%= csv[i]['product name'] %>', <%= csv[i].cost %>)" style="color:white">Add to cart</a></div>
 							</div>
-							<% } %>
+						<% } %>
 
 						</div>
 					</div>
@@ -190,24 +188,37 @@
 		</div>
 		<br>
 		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+	
+	<!-- Footer -->
 
-
-		<!-- Footer -->
-
-		<footer class="footer">
-			<div class="container">
-				<div class="row">
-					<div class="col-lg-12">
-						<div class="footer_nav_container">
-							<div class="cr">©2018 All Rights Reserverd. This template is made with <i
-									class="fa fa-heart-o" aria-hidden="true"></i> by <a href="#">Colorlib</a></div>
-						</div>
+	<footer class="footer">
+		<div class="container">
+			<div class="row">
+				<div class="col-lg-12">
+					<div class="footer_nav_container">
+						<div class="cr">©2018 All Rights Reserverd. This template is made with <i
+								class="fa fa-heart-o" aria-hidden="true"></i> by <a href="#">Colorlib</a></div>
 					</div>
 				</div>
 			</div>
-		</footer>
+		</div>
+	</footer>
 
 	</div>
+		
 
 	<script src="js/jquery-3.2.1.min.js"></script>
 	<script src="styles/bootstrap4/popper.js"></script>
diff --git a/website-generator/public/templates/Colo_Shop/index.ejs.html b/website-generator/public/templates/Colo_Shop/index.ejs.html
index 866c108..0f68369 100644
--- a/website-generator/public/templates/Colo_Shop/index.ejs.html
+++ b/website-generator/public/templates/Colo_Shop/index.ejs.html
@@ -120,8 +120,8 @@
 			<div class="hamburger_menu_content text-right">
 				<ul class="menu_top_nav">
 					<li class="menu_item"><a href="#">home</a></li>
-					<li class="menu_item"><a href="#">cart</a></li>
-					<li class="menu_item"><a href="#">contact</a></li>
+					<li class="menu_item"><a href="cart.html">cart</a></li>
+					<li class="menu_item"><a href="contact.html">contact</a></li>
 				</ul>
 			</div>
 		</div>
@@ -145,18 +145,15 @@
 					<div class="col text-center">
 						<div class="section_title new_arrivals_title">
 							<h2>Our Products</h2>
+							<p>Loldfsdf sdfsdsdsfsd sd fsdrs d sdf </p>
 						</div>
 					</div>
-
 				</div>
 				<!---<div class="row align-items-center">
 				<div class="col text-center">
 					<div class="new_arrivals_sorting">
 						<ul class="arrivals_grid_sorting clearfix button-group filters-button-group">
 							<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center active is-checked" data-filter="*">all</li>
-							<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center" data-filter=".women">women's</li>
-							<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center" data-filter=".accessories">accessories</li>
-							<li class="grid_sorting_button button d-flex flex-column justify-content-center align-items-center" data-filter=".men">men's</li>
 						</ul>
 					</div>
 				</div>
@@ -168,20 +165,36 @@
 
 							<!-- Product 3 -->
                         
-							<div class="product-item women">
+							<div class="product-item *">
 								<div class="product product_filter">
 									<div class="product_image">
-										<img src="https://upload.wikimedia.org/wikipedia/en/thumb/3/30/Java_programming_language_logo.svg/141px-Java_programming_language_logo.svg.png" alt="">
+										<img src="https://i.stack.imgur.com/WxVXe.jpg" alt="">
 									</div>
-									<div class="favorite"></div>
 									<div class="product_info">
-										<h6 class="product_name"><a href="#"><a>test</a></h6>
-										<div class="product_price">$12</div>
+										<h6 class="product_name"><a href="#"><a>java</a></h6>
+										<p>We all love java fsdf sdf&#39; sd&#39;f &#39;sdf sfsdf sdf sdf</p>
+										<div class="product_price">$130</div>
 									</div>
+									<br>
+									<div class="cart"><div class="red_button add_to_cart_button"><a onClick="additem('java', 130)" style="color:white">Add to cart</a></div></div>
 								</div>
-								<div class="red_button add_to_cart_button"><a onClick="additem('test', 12)" style="color:white">Add to cart</a></div>
 							</div>
-							
+						
+							<div class="product-item *">
+								<div class="product product_filter">
+									<div class="product_image">
+										<img src="https://images-na.ssl-images-amazon.com/images/I/41IlAcQj9nL.jpg" alt="">
+									</div>
+									<div class="product_info">
+										<h6 class="product_name"><a href="#"><a>C</a></h6>
+										<p>C lord it is</p>
+										<div class="product_price">$200</div>
+									</div>
+									<br>
+									<div class="cart"><div class="red_button add_to_cart_button"><a onClick="additem('C', 200)" style="color:white">Add to cart</a></div></div>
+								</div>
+							</div>
+						
 
 						</div>
 					</div>
@@ -190,24 +203,37 @@
 		</div>
 		<br>
 		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+		<br>
+	
+	<!-- Footer -->
 
-
-		<!-- Footer -->
-
-		<footer class="footer">
-			<div class="container">
-				<div class="row">
-					<div class="col-lg-12">
-						<div class="footer_nav_container">
-							<div class="cr">©2018 All Rights Reserverd. This template is made with <i
-									class="fa fa-heart-o" aria-hidden="true"></i> by <a href="#">Colorlib</a></div>
-						</div>
+	<footer class="footer">
+		<div class="container">
+			<div class="row">
+				<div class="col-lg-12">
+					<div class="footer_nav_container">
+						<div class="cr">©2018 All Rights Reserverd. This template is made with <i
+								class="fa fa-heart-o" aria-hidden="true"></i> by <a href="#">Colorlib</a></div>
 					</div>
 				</div>
 			</div>
-		</footer>
+		</div>
+	</footer>
 
 	</div>
+		
 
 	<script src="js/jquery-3.2.1.min.js"></script>
 	<script src="styles/bootstrap4/popper.js"></script>
@@ -220,13 +246,13 @@
 	<script>
 		$(document).ready(function () {
 
-			if (localStorage.getItem('Test123') === null) {
+			if (localStorage.getItem('Test123_50') === null) {
 				console.log("here");
 				var arr = new Array();
-				localStorage.setItem('Test123', JSON.stringify(arr));
+				localStorage.setItem('Test123_50', JSON.stringify(arr));
 			}
 
-			var arr_json = JSON.parse(localStorage.getItem('Test123'));
+			var arr_json = JSON.parse(localStorage.getItem('Test123_50'));
 
 			$("#checkout_items").html(arr_json.length);
 			console.log(arr_json.length);
@@ -235,11 +261,11 @@
 
 		function additem(name, price) {
 			var data = { 'name': name, 'price': price };
-			var arr_json = JSON.parse(localStorage.getItem('Test123'));
+			var arr_json = JSON.parse(localStorage.getItem('Test123_50'));
 			console.log(typeof (arr_json));
 			arr_json.push(data);
-			localStorage.setItem('Test123', JSON.stringify(arr_json));
-			console.log(JSON.parse(localStorage.getItem('Test123')));
+			localStorage.setItem('Test123_50', JSON.stringify(arr_json));
+			console.log(JSON.parse(localStorage.getItem('Test123_50')));
 			$('#checkout_items').html(arr_json.length);
 		}
 	</script>
diff --git a/website-generator/public/templates/Colo_Shop/styles/main_styles.css b/website-generator/public/templates/Colo_Shop/styles/main_styles.css
index 7a10c77..03ba8f8 100755
--- a/website-generator/public/templates/Colo_Shop/styles/main_styles.css
+++ b/website-generator/public/templates/Colo_Shop/styles/main_styles.css
@@ -1031,14 +1031,11 @@ section
 }
 .product-item:hover::after
 {
-	box-shadow: 0 25px 29px rgba(63, 78, 100, 0.15);
-	border: solid 2px rgba(235,235,235,1);
 }
 .product
 {
 	width: 100%;
 	height: 340px;
-	border-right: solid 1px #e9e9e9;
 }
 .product_image
 {