HaxonicOfficial · Shivani1337 · Oct 13, 2019 · Jan 15, 2020 · Jan 15, 2020
diff --git a/Index.html b/Index.html
@@ -0,0 +1,78 @@
+
+<!DOCTYPE html>
+<html>
+<title>Caffeine Hub.com</title>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<style>
+body, h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif}
+.w3-row-padding img {margin-bottom: 20px}
+/* Set the width of the sidebar to 120px */
+.w3-sidebar {width: 120px;background: #222;}
+/* Add a left margin to the "page content" that matches the width of the sidebar (120px) */
+#main {margin-left: 120px}
+/* Remove margins from "page content" on small screens */
+@media only screen and (max-width: 600px) {#main {margin-left: 0}}
+</style>
+<body class="w3-black">
+
+
+
+    <p align="middle"><font size="600">Caffeine Hub</font></p>
+    <p align="middle">________________________________________</p>
+    <p align="middle">Spread The Cheer, Have A Cup Here.</p>
+  </header>
+
+  <!-- About Section -->
+  <div class="w3-content w3-justify w3-text-grey w3-padding-64" id="about">
+    <h2 class="w3-text-light-grey">ABOUT </h2>
+    <hr style="width:110px" class="w3-opacity"> 
+    <p>
+    <b><i>Caffeine Hub</b></i>, A Coffee shop or Cafe, people's favourite place to hangouts.<br> We strive to provide the best experience to our customers. Our coffees are sourced from thousands of small coffee planters, who made us who we are today and we're glad to be a part of their lives. We opened our first cafe in <b>2015 </b>at <i>Mall Road</i> in <i>Shimla</i> – the youth and the young at heart immediately took to the cafe, and it continues to be one of the most happening places in the city.</p>
+    <h3 class="w3-padding-16 w3-text-light-grey"></h3>
+    <h2 class="w3-text-light-grey">MENU</h2>
+	<hr style="width:100px" class="w3-opacity">
+    <div class="w3-white">
+
+    </div>
+    <iframe src="http://www.jemome.com/cdn/2009/05/coffee-shop-comment-card_1646384.jpg" width="850" height="600">
+    </iframe>
+
+
+  </div>
+
+  <!-- Portfolio Section -->
+  <div class="w3-padding-64 w3-content" id="photos">
+    <h2 class="w3-text-light-grey">Not All Coffees Are Created Equal.</h2>
+    <hr style="width:510px" class="w3-opacity">
+
+    <iframe src="https://newebcdn.evocagroup.com/sites/corporate/files/styles/default/public/2018-05/great-coffee_hero.jpg?itok=-BZzEkT9"  width="1145" height="455">
+    <p>Error Occurred.</p>
+  </iframe>
+
+
+    </div>
+  <!-- End Portfolio Section -->
+  </div>
+
+  <!-- Contact Section -->
+  <div class="w3-padding-64 w3-content w3-text-grey" id="contact">
+    <h2 class="w3-text-light-grey">Contact Us</h2>
+    <hr style="width:170px" class="w3-opacity">
+
+    <div class="w3-section">
+      <p><i class="fa fa-map-marker fa-fw w3-text-white w3-xxlarge w3-margin-right"></i> sector 34,Chandigarh</p>
+	  <p><i class="fa fa-clock-o fa-fw w3-text-white w3-xxlarge w3-margin-right"> </i> Timing:11:00am to 11:00pm</p>
+      <p><i class="fa fa-phone fa-fw w3-text-white w3-xxlarge w3-margin-right"></i> Phone: +91 620 553 9999</p>
+      <p><i class="fa fa-envelope fa-fw w3-text-white w3-xxlarge w3-margin-right"> </i> Email: [email protected]</p>
+    </div><br>
+
+
+<!-- END PAGE CONTENT -->
+</div>
+
+</body>
+</html>
diff --git a/Portfolio.html b/Portfolio.html
diff --git a/README.md b/README.md
@@ -1,4 +1,3 @@
-# Portfolio-Website
-This is a Portfolio website webpage which is editable and open source :)
+# Cafe-Website
+This is a Cafe website which is editable and open source :)
 
-Preview - https://haxonicofficial.github.io/Portfolio-Website/Portfolio.html