ACM-JUIT · kaustubhai · Mar 10, 2019
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/499695.png b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/499695.png
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/ACMlogo.png b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/ACMlogo.png
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/CWClogo.png b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/CWClogo.png
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/GCKPlogo.png b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/GCKPlogo.png
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/How to Open.txt b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/How to Open.txt
@@ -0,0 +1,3 @@
+1.Download the Kaustubh folder
+2.Ensure that no file is removed from the folder
+3.Open index.html
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/buynow.png b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/buynow.png
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c1.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c1.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c2.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c2.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c21.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c21.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c22.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c22.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c23.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c23.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c24.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c24.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c3.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c3.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c31.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c31.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c32.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c32.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c33.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c33.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c34.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c34.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c4.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c4.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c41.jpg b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c41.jpg
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c41.png b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/c41.png
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/coffee.css b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/coffee.css
@@ -0,0 +1,53 @@
+.tag{
+	color: #ABABAD;
+	font-family: serif;
+	font-size: 15px;
+}
+.main{
+	display: inline-block;
+	width: 100%;
+}
+.pro{
+	height: 50%;
+	width: 20%;
+	float: left;
+	margin-left: 100px;
+	padding-top: 100px;
+	padding-bottom: 100px;
+	padding-right: 70px;
+	display: inline-block;
+}
+.pro:hover{
+	transform: scale(1.8,1.8);
+	cursor: zoom-in;
+}
+.head{
+	display:inline;
+	margin-top: 50px;
+	z-index: 1;
+	vertical-align: top;
+	position: relative;
+	padding-left: 500px;
+	font-family: sans-serif;
+	text-decoration: none;
+}
+.footer{
+
+	font-size: 25px;
+}
+.icon{
+	padding-top: 110px; 
+	background-image: url(foot.png);
+	background-size: cover;
+}
+.l{
+	padding-left: 15%
+}
+.l:link{
+color: cyan;
+text-decoration: none;
+}
+.l:hover{
+	text-decoration: underline;
+	text-decoration-color: black;
+}
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/coffee.html b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/coffee.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>GCKP>Coffee Mugs</title>
+	<link rel="icon" type="image/png" href="499695.png">
+	<link rel="stylesheet" type="text/css" href="coffee.css">
+</head>
+<body>
+
+<p class="tag">Coffee Mugs</p>
+<div class="main">
+<img class="pro" align="left" src="c21.jpg">
+<div class="head">
+<h1 style="margin-top: 50px;">CHINABONE GCKP Coffee Mug (pack of 1)</h1>
+<h4>by Garam Chai Ki Pyaali</h4>
+<hr>
+<div>
+	<div>
+<h4>M.R.P.: <font color="red">140.00   </font></h4>
+<h3>Price: <font color="#d2ad14"> ₹280.00 </font></h3>
+<h4>You Save:<font color="red"> 140.00 (50%)</font></h4>
+<h5>inclusive of all taxes</h5>
+</div>
+<div style="float: right">
+<a href="#"><img style="height: 75%; width: 45%; float: right;" src="buynow.png"></a>
+</div>
+<ul>
+  <li>Material: Chinabone</li>
+  <li>Printed : UV</li>
+  <li>Grip : Chinabone Handle attached</li>
+  <li>Used for: Tea,Coffee,Milk</li>
+  <li style="position: relative; margin-left: 397px;">Care Instructions: do not drop it from a height more than a feet as it can break. Very Fragile material</li>
+</ul>
+<br><hr><br>
+<div class="main">
+<img class="pro" align="left" src="c22.jpg">
+<div class="head">
+<h1 style="margin-top: 50px;">CHINABONE GCKP Coffee Mug (pack of 1)</h1>
+<h4>by Garam Chai Ki Pyaali</h4>
+<hr>
+<div><div>
+<h4>M.R.P.: <font color="red">160.00   </font></h4>
+<h3>Price: <font color="#d2ad14"> ₹130.00 </font></h3>
+<h4>You Save:<font color="red"> 130.00 (50%)</font></h4>
+<h5>inclusive of all taxes</h5>
+</div>
+<div style="float: right">
+<a href="#"><img style="height: 75%; width: 45%; float: right;" src="buynow.png"></a>
+</div>
+<ul>
+  <li>Material: Chinabone</li>
+  <li>Printed : UV</li>
+  <li>Grip : Chinabone Handle attached</li>
+  <li>Used for: Tea,Coffee,Milk</li>
+  <li style="position: relative; margin-left: 397px;">Care Instructions: do not drop it from a height more than a feet as it can break. Very Fragile material</li>
+</ul>
+<br><hr><br>
+<div class="main">
+<img class="pro" align="left" src="c23.jpg">
+<div class="head">
+<h1 style="margin-top: 50px;">CHINABONE GCKP Coffeee Mug (pack of 1)</h1>
+<h4>by Garam Chai Ki Pyaali</h4>
+<hr>
+<div><div>
+<h4>M.R.P.: <font color="red">90.00   </font></h4>
+<h3>Price: <font color="#d2ad14"> ₹180.00 </font></h3>
+<h4>You Save:<font color="red"> 90.00 (50%)</font></h4>
+<h5>inclusive of all taxes</h5>
+</div>
+<div style="float: right">
+<a href="#"><img style="height: 75%; width: 45%; float: right;" src="buynow.png"></a>
+</div>
+<ul>
+  <li>Material: Chinabone</li>
+  <li>Printed : UV</li>
+  <li>Grip : Chinabone Handle attached</li>
+  <li>Used for: Tea,Coffee,Milk</li>
+  <li style="position: relative; margin-left: 397px;">Care Instructions: do not drop it from a height more than a feet as it can break. Very Fragile material</li>
+</ul>
+<br><hr><br>
+<div class="main">
+<img class="pro" align="left" src="c24.jpg">
+<div class="head">
+<h1 style="margin-top: 50px;">CHINABONE GCKP Coffeee Mug (pack of 1)</h1>
+<h4>by Garam Chai Ki Pyaali</h4>
+<hr>
+<div><div>
+<h4>M.R.P.: <font color="red">120.00   </font></h4>
+<h3>Price: <font color="#d2ad14"> ₹240.00 </font></h3>
+<h4>You Save:<font color="red"> 120.00 (50%)</font></h4>
+<h5>inclusive of all taxes</h5>
+</div>
+<div style="float: right">
+<a href="#"><img style="height: 75%; width: 45%; float: right;" src="buynow.png"></a>
+</div>
+<ul>
+  <li>Material: Chinabone</li>
+  <li>Printed : UV</li>
+  <li>Grip : Chinabone Handle attached</li>
+  <li>Used for: Tea,Coffee,Milk</li>
+  <li style="position: relative; margin-left: 397px;">Care Instructions: do not drop it from a height more than a feet as it can break. Very Fragile material</li>
+</ul>
+</div>
+<br><br><br>
+</div>
+</body>
+</html>
+<div class="footer">
+
+	<div class="icon">
+		<a href="https://juit.acm.org/"><img style="height: 10%; width: 10%" src="ACMlogo.png"></a>
+		<a href="index.html"><img style=" padding-left: 33%; height: 10%; width: 15%" src="GCKPlogo.png"></a>
+		<a href="https://github.com/kaustubhai/CodeWithCoffee"><img style=" padding-left: 25%; height: 10%; width: 10%" src="CWClogo.png">
+		</a>
+
+	<div class="links">
+		<a style="color: black" class="l" href="https://juit.acm.org/">ACM-JUIT</a>
+		<a style="color: black" class="l" href="index.html">GCKP</a>
+		<a style="color: black" class="l" href="https://github.com/kaustubhai/CodeWithCoffee">CWC</a>
+		<a style="color: black" class="l" href="https://m.facebook.com/kaustubh.3848?__xts__%5B0%5D=12.%7B">Kaustubh</a>
+	</div>
+	</div>
+</div>
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/custom.css b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/custom.css
@@ -0,0 +1,48 @@
+.main{
+	display: inline-block;
+	width: 100%;
+}
+.pro{
+	height: 50%;
+	width: 20%;
+	float: left;
+	margin-left: 100px;
+	padding-top: 100px;
+	padding-bottom: 100px;
+	padding-right: 70px;
+	display: inline-block;
+}
+.pro:hover{
+	transform: scale(1.8,1.8);
+	cursor: zoom-in;
+}
+.head{
+	display:inline;
+	margin-top: 50px;
+	z-index: 1;
+	vertical-align: top;
+	position: relative;
+	padding-left: 500px;
+	font-family: sans-serif;
+	text-decoration: none;
+}
+.footer{
+
+	font-size: 25px;
+}
+.icon{
+	padding-top: 110px; 
+	background-image: url(foot.png);
+	background-size: cover;
+}
+.l{
+	padding-left: 15%
+}
+.l:link{
+color: cyan;
+text-decoration: none;
+}
+.l:hover{
+	text-decoration: underline;
+	text-decoration-color: black;
+}
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/custom.html b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/custom.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>GCKP>Customised cup</title>
+	<link rel="icon" type="image/png" href="499695.png">
+	<link rel="stylesheet" type="text/css" href="custom.css">
+</head>
+<body>
+<p class="tag">Custom</p>
+<div class="main">
+<img class="pro" align="left" style="height: 30%; width: 25%" src="c41.png">
+<div class="head">
+<h1 style="margin-top: 50px;">Customised Cup (add your own image)</h1>
+<h4>by Garam Chai Ki Pyaali</h4>
+<hr>
+<div>
+	<div>
+<h4>M.R.P.: <font color="red">320.00   </font></h4>
+<h3>Price: <font color="#d2ad14"> ₹640.00 </font></h3>
+<h4>You Save:<font color="red"> 320.00 (50%)</font></h4>
+<h5>inclusive of all taxes</h5>
+  <label style="font-size: 15px;">Select image:</label><input type="file" name="cusim">
+</div>
+<div style="float: right">
+<a href="#"><img style="height: 75%; width: 45%; float: right;" src="buynow.png"></a>
+</div>
+<ul>
+  <li>Material: Chinabone</li>
+  <li>Printed : UV</li>
+  <li>Grip : Chinabone Handle attached to every peice</li>
+  <li style="position: relative; text-align: left; margin-left: 463px;">Used for: Tea,Coffee,Milk</li>
+  <li style="position: relative; text-align: left; margin-left: 463px; ">Care Instructions: do not drop it from a height more than a feet as it can break. Very Fragile material</li>
+  <br><br>
+  </ul>
+</body>
+</html>
+<div class="footer">
+
+  <div class="icon">
+    <a href="https://juit.acm.org/"><img style="height: 10%; width: 10%" src="ACMlogo.png"></a>
+    <a href="index.html"><img style=" padding-left: 33%; height: 10%; width: 15%" src="GCKPlogo.png"></a>
+    <a href="https://github.com/kaustubhai/CodeWithCoffee"><img style=" padding-left: 25%; height: 10%; width: 10%" src="CWClogo.png">
+    </a>
+
+  <div class="links">
+    <a style="color: black" class="l" href="https://juit.acm.org/">ACM-JUIT</a>
+    <a style="color: black" class="l" href="index.html">GCKP</a>
+    <a style="color: black" class="l" href="https://github.com/kaustubhai/CodeWithCoffee">CWC</a>
+    <a style="color: black" class="l" href="https://m.facebook.com/kaustubh.3848?__xts__%5B0%5D=12.%7B">Kaustubh</a>
+  </div>
+  </div>
+</div>
diff --git a/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/foot.png b/Exploring_FrontEnd/Submissions/your-name-here/kaustubh/foot.png