diff --git a/interface.html b/interface.html
new file mode 100644
index 0000000..e9b3656
--- /dev/null
+++ b/interface.html
@@ -0,0 +1,709 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>dfds</title>
+	<meta name="title" content="Made In BHARAT">
+</head>
+<link rel="stylesheet" type="text/css" href="mib3.css">
+<script>window.FontAwesomeKitConfig = {"asyncLoading":{"enabled":false},"autoA11y":{"enabled":true},"baseUrl":"https://kit-free.fontawesome.com","detectConflictsUntil":null,"license":"free","method":"css","minify":{"enabled":true},"v4FontFaceShim":{"enabled":true},"v4shim":{"enabled":true},"version":"latest"};
+!function(){function r(e){var t,n=[],i 
+	=document,o=i.documentElement.doScroll,r="DOMContentLoaded",a=(o?/^loaded|^c/:/^loaded|^i|^c/).test(i.readyState)
+	;a||i.addEventListener(r,t=function(){for(i.removeEventListener
+		(r,t),a=1;t=n.shift();)t()}),a?setTimeout(e,0):n.push
+		(e)}!function(){if(!(void 0===window.Element||"classList"
+		in document.documentElement)){var e,t,n,i=Array.prototype,o=i.push,r=i.splice,a=i.join;d.prototype={add:function(e){this.contains(e)||(o.call(this,e),this.el.className=this.
+			toString())},contains:function(e){return-1!=this.el
+				.className.indexOf(e)},item:function(e){return this[e]||null},remove:function(e)
+				{if(this.contains(e)){for(var t=0;t<this.length&&this[t]!=e;t++);r.call(this,t,1)
+					,this.el.className=this.toString()}},toString:function(){return a.call(this," ")},toggle:function(e){return this.contains(e)?this.remove(e):this.add(e),this.contains
+						(e)}},window.DOMTokenList=d,e=Element.prototype,t="classList",n=function(){return new d(this)},Object.defineProperty?Object.defineProperty(e,t,{get:n})
+						:e.__defineGetter__(t,n)}function d(e){for(var t=(this.el=e).className.replace(/^\s+|\s+$/g,"").split(/\s+/),n=0;n<t.length;n++)o.call(this,t[n])}}();function a(e){var t,n,i,o;prefixesArray=e||["fa"],prefixesSelectorString="."
+						+Array.prototype.join.call(e,",."),t=document.querySelectorAll
+						(prefixesSelectorString),Array.prototype.forEach.call
+						(t,function(e){n=e.getAttribute("title"),e.setAttribute
+						("aria-hidden","true"),i=!e.nextElementSibling||!e.nextElementSibling.classList.contains("sr-only")
+						,n&&i&&((o=document.createElement("span")).innerHTML=n,o.classList.add("sr-only"),e.parentNode.insertBefore
+						(o,e.nextSibling))})}var d=function(e,t){var n=document.createElement
+							("link");n.href=e,n.media="all",n.rel="stylesheet",t&&t.detectingConflicts&&t.detectionIgnoreAttr&&n.
+
+							setAttributeNode(document.createAttribute(t.detectionIgnoreAttr)),document.getElementsByTagName("head")[0].appendChild
+							(n)},c=function(e,t){!function(e,t){var n,i=t&&t.before||void 0,o=t&&t.media||void 0,r=window.document,a=r.
+								createElement("link");if(t&&t.detectingConflicts&&t.detectionIgnoreAttr&&a.setAttributeNode(document.
+								createAttribute(t.detectionIgnoreAttr)),i)n=i;else{var d=(r.body||r.getElementsByTagName("head")[0]).childNodes;n=
+								d[d.length-1]}var c=r.styleSheets;a.rel="stylesheet",a.href=e,a.media="only x",function e(t){if(r.body)return t();
+									setTimeout(function(){e(t)})}(function(){n.parentNode.insertBefore(a,i?n:n.nextSibling)});var s=function(e){
+										for(var t=a.href,n=c.length;n--;)if(c[n].href===t)return e();setTimeout(function(){s(e)})};function l(){a.
+											addEventListener&&a.removeEventListener("load",l),a.media=o||"all"}a.addEventListener&&a.addEventListener("load",l),(a.onloadcssdefined=s)(l)}(e,t)},e=function(e,t,n){var i=t&&void 0!==t
+												.autoFetchSvg?t.autoFetchSvg:void 0,o=t&&void 0!==t.async?t.async:void 0,r=t&&void 0!==t.autoA11y?t.autoA11y:void 0,a=document.createElement("script"),d=document.scripts[0];a.src=e,void 0!==r
+												&&a.setAttribute("data-auto-a11y",r?"true":"false"),i&&(a.setAttributeNode(document.
+												createAttribute("data-auto-fetch-svg")),a.setAttribute("data-fetch-svg-from",t.fetchSvgFrom)),o&&a
+												.setAttributeNode(document.createAttribute("defer")),n&&n.detectingConflicts&&n.
+
+
+												detectionIgnoreAttr&&a.setAttributeNode(document.createAttribute(n.detectionIgnoreAttr)),d.
+												parentNode.appendChild(a)};function s(e,t){var n=t&&t.addOn||"",i=t&&t.baseFilename||e.license+n,o=t&&t.minify?".min":"",r=t&&t.fileSuffix||e.method,a=t&&t.subdir||e.method;return e.baseUrl+"/releases/"+("latest"===e.version?"latest":"v".concat(e.version))+"/"+a+"/"+i+o+"."+r}var t,n,i,o,l;try{if(window.FontAwesomeKitConfig){var u,f=window.FontAwesomeKitConfig,m={detectingConflicts:f.detectConflictsUntil&&new Date<=new Date(f.detectConflictsUntil),detectionIgnoreAttr:"data-fa-detection-ignore",detectionTimeoutAttr:"data-fa-detection-timeout",detectionTimeout:null};"js"===f.method&&(o=m,l={async:(i=f).asyncLoading.enabled,autoA11y:i.autoA11y.enabled},"pro"===i.license&&(l.autoFetchSvg=!0,l.fetchSvgFrom=i.baseUrl+"/releases/"+("latest"===i.version?"latest":"v".concat(i.version))+"/svgs"),i.v4shim.enabled&&e(s(i,{addOn:"-v4-shims",minify:i.minify.enabled})),e(s(i,{minify:i.minify.enabled}),l,o)),"css"===f.method&&function(e,t){var n,i=a.bind(a,["fa","fab","fas","far","fal","fad"]);e.autoA11y.enabled&&(r(i),n=i,"undefined"!=typeof MutationObserver&&new MutationObserver(n).observe(document,{childList:!0,subtree:!0})),e.v4shim.enabled&&(e.license,e.asyncLoading.enabled?c(s(e,{addOn:"-v4-shims",minify:e.minify.enabled}),t):d(s(e,{addOn:"-v4-shims",minify:e.minify.enabled}),t));e.v4FontFaceShim.enabled&&(e.asyncLoading.enabled?c(s(e,{addOn:"-v4-font-face",minify:e.minify.enabled}),t):d(s(e,{addOn:"-v4-font-face",minify:e.minify.enabled}),t));var o=s(e,{minify:e.minify.enabled});e.asyncLoading.enabled?c(o,t):d(o,t)}(f,m),m.detectingConflicts&&((u=document.currentScript.getAttribute(m.detectionTimeoutAttr))&&(m.detectionTimeout=u),document.currentScript.setAttributeNode(document.createAttribute(m.detectionIgnoreAttr)),t=f,n=m,r(function(){var e=document.createElement("script");n&&n.detectionIgnoreAttr&&e.setAttributeNode(document.createAttribute(n.detectionIgnoreAttr)),n&&n.detectionTimeoutAttr&&n.detectionTimeout&&e.setAttribute(n.detectionTimeoutAttr,n.detectionTimeout),e.src=s(t,{baseFilename:"conflict-detection",fileSuffix:"js",subdir:"js",minify:t.minify.enabled}),e.async=!0,document.body.appendChild(e)}))}}catch(e){}}();</script>
+
+							<style type="text/css">
+								body{
+	padding: 0px;
+	margin: 0px;
+	height: 100vh;
+	background-size: cover;
+}
+.mainupper{
+	height: 550px;
+	width: 100%;
+	background: url("E:/div,old,yt/123.jpg");
+	background-size: cover;
+	background-repeat: no-repeat;
+}
+.input{
+	height: 40px;
+	width: 550px;
+	left: 250px;
+	position: absolute;
+	outline: none;
+	cursor: text;
+	border: none;
+	font-family: lato;
+	font-size: 25px;
+	padding-left: 20px;
+	top: 18px;
+	border-radius: 8px;
+	border-bottom-right-radius: 0px;
+	border-top-right-radius: 0px;
+
+}
+.searchbutton{
+	
+}
+.buttons{
+	position: absolute;
+	left: 800px;
+	background: re;
+	height: 40px;
+	width:50px;
+	border-radius: 6px;
+	border-bottom-left-radius: 0px;
+	border-top-left-radius: 0px;
+	top: 17.8px;
+	outline: none;
+	border: none;
+	border: 2px solid #fff;	
+    background: #2196F3;
+    color: white;
+    font-size: 17px;
+    border: 2px solid white;
+    border-left: none; 
+    cursor: pointer;
+    font-size: 25px;
+  
+
+
+}
+.nav{
+	background: none;
+	list-style: none;
+	float: left;
+	margin-left: 50px;
+	font-size: 20px;
+	font-family: lato;
+	display: inline-block;
+	font-weight: bold;
+
+}
+.a1{
+	color: #fff;
+
+}
+.nav:hover{
+	background: white;
+	color: rgba(0,0,0,0.6);
+}
+.divnav{
+		display: inline;
+		position: relative;
+		left: 70%;
+		top: 30px;
+
+
+}
+.form1{
+	display: inline-block;
+}
+.logo{
+	display: inline;
+	position: absolute;
+	left: 70px;
+	font-size: 45px;
+	font-weight: bold;	
+	color: #F67C09;
+	top: 15px;	
+	margin-top: 0px;
+	font-family: Helvetica;
+
+}
+.shopname{
+	display: inline-block;
+	font-weight: bold;
+	font-size: 50px;
+	color:#fff;
+	font-family: lato;
+	position: absolute;
+	left: 30px;
+    top: 50px;
+}
+.rateinno{
+	width: 50px;
+	height: 30px;
+	background: #2CDA34;
+	border-radius: 5px; 
+	position: absolute;
+	top: 140px;
+	left: 30px;
+	font-family: lato;
+	color: #fff;
+	position: relative;
+	font-size: 25px;
+	font-weight: bold;
+	padding-left:8px; 
+
+}
+.star{
+	display: inline-block;
+	height: 28px;
+	width: 28px;
+	background: #fff ;
+	
+	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 
+		50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
+
+}
+.bgstar{
+	display: inline-block;
+	background: #F39C12;
+	height: 28px;
+	width: 30px;
+    position:relative;
+	margin-left: 5px;
+	top: 110px;
+	left: 100px;
+}
+.bgstar1{
+
+	display: inline-block;
+	background: #F39C12;
+	height: 28px;
+	width: 20px;
+    position:relative;
+	margin-left: 10px;
+	top: 0px;
+	left: -8.6px;
+}
+.laststar{
+	display: inline-block;
+	background: grey;
+	height: 28px;
+	width: 30px;
+    position:absolute;
+	margin-left: 5px;
+	top: 183px;
+	left: 255px
+}
+.starhalf{
+	display: inline-block;
+	height: 28px;
+	width: 28px;
+	background: #fff ;
+	
+	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
+}
+.votes{
+	font-family: lato;
+	font-size: 25px;
+	color: #fff;
+	font-weight: bolder;
+	position: absolute;
+	left: 300px;
+	top: 157px;
+
+}
+.place{
+	font-size: 30px;
+	font-weight: bold;
+	color:#fff;
+	position: absolute;
+	display: inline-block;
+	top: 210px;
+	left: 20px;
+	font-family: lato;
+
+	
+}
+.number{
+	font-size: 30px;
+	font-weight: bold;
+	color:#fff;
+	position: absolute;
+	display: inline-block;
+	top: 260px;
+	font-family: lato;
+	left: 20px;
+
+}
+.mainlower{
+	height: 1500px;
+	background: #fff;
+	overflow: hidden;
+	background-color: #CDD5DA;
+}
+.left{
+	width: 30%;
+	height: 90%;
+	background: #CDD5DA;
+	overflow: hidden;
+
+}
+.photoleft{
+	height: 130px;
+	width: 150px;
+	background: url(C:/Users/x/Downloads/web1.jpg);
+	background-size: cover;
+	position: relative;
+	left: 40px;
+	top: 40px;	
+	display: inline-block;
+}
+.photoright{
+	height: 130px;
+	width: 150px;
+	position: relative;
+
+	left: 80px;
+	top: 48px;
+	display: inline-block;
+	background-color: #C1C5C7;	
+}
+.plus{
+	font-size: 90px;
+	color: rgba(0,0,0,0.7);
+	position: relative;
+	display: inline-block;
+	cursor: pointer;
+}
+.pl{
+	position:relative;
+	display: inline-block;
+	margin: 0px;
+	left: 50px;
+}
+.phototext{
+	bottom: 35px;
+	position: relative;
+	left: 37px;
+	font-weight: bold;
+	font-family: lato;
+	color: rgba(0,0,0,0.6);
+
+
+}
+.leftdetail{
+	top: 50px;
+	position: relative;
+	left: 40px;
+	font-size: 22px;
+	font-family: lato;
+	color: #525454;
+}	
+.numberdownsi{
+	display: inline-block;
+
+	margin-bottom:  0px;
+}
+.numberdown{
+display: inline-block;
+margin-bottom:  0px;
+color: #000;
+
+
+}
+.citycode{
+	margin-top:0px;  
+}
+.addown{
+	margin-bottom: 3px; 
+}
+.leftdown{
+	position: relative;
+	top: 70px;
+	left: 40px;
+	font-size: 23px;
+	font-family: lato;
+	font-weight: bolder;
+    color: #525454;
+    border-top: 2px solid #000;
+
+		 
+
+
+}
+.day{
+     display: inline-block;
+
+}
+.time{
+	display: inline-block;
+	margin-left: 35px;
+
+
+}
+.openorclosed{
+	display: inline-block;
+	margin-left: 35px;
+    color: #45D43C ;
+    font-weight: bold;
+}
+.listed{
+	color: #000;
+	margin-top:28px; 
+}
+.op{
+	color: #000;
+}
+.right{
+	height: 90%;
+	width: 60%;
+	background-color: #F5F3F3;
+	position: absolute;
+	left: 32%;
+	top: 600px;
+
+}
+.reviews{
+	height: 110px;
+	width: 240px;
+	background-color:#DCDCDC;
+	font-family: lato;
+	border: 1px solid #B6B6B6;
+	border-radius: 5px;
+	position: relative;
+	left: 25px;
+	top: 25px;
+	display: inline-block;
+	margin-right: 25px;
+
+}
+.revp{
+	font-weight: lighter;
+	text-transform: capitalize;
+	font-size: 22px;
+	top: 4px;
+	left: 15px;
+	position: relative;
+	margin: 0px;
+
+      
+  
+}
+#revst{
+	margin: 0px;
+	position: relative;
+	left: 15px;
+	top: 10px;
+	color: #7E7E7E;
+	font-size: 15px;
+	font-weight: lighter;
+
+
+}
+.hath{
+	font-size: 50px;
+	display: inline-block;
+	margin: 0px;
+	left: 190px;
+	position: relative;
+}
+#sign1{
+	color: unset;	
+}
+.fullgrid{
+	position: relative;
+	left: 12%;
+}
+.reviews2{
+	height: 110px;
+	width: 240px;
+	background-color:#DCDCDC;
+	font-family: lato;
+	border: 1px solid #B6B6B6;
+	border-radius: 5px;
+	position: relative;
+	left: 25px;
+	top: 42px;
+	display: inline-block;
+	margin-right: 25px;
+    
+}
+.writerev{
+	width: 325px;
+	height: 50px;
+	background-color:#C2BFBF;
+	display: inline-block;
+	position: relative;
+	top: 45px;
+	left: 170px;
+	font-family: lato;
+	outline: 2px solid black;
+	
+
+}
+.revanrat{
+	width: 325px;
+	height: 50px;
+	background-color: #C2BFBF;
+	display: inline-block;
+	position: relative;
+	top: 45px;
+	left: 290px;
+	font-family: lato;
+	outline: 2px solid black;
+}
+.pwr{
+	text-transform:uppercase;
+	font-size: 25px;
+	margin: 0px;
+	position:relative;
+	display: inline-block;
+	left: 30px;
+	top: -10px;
+	font-weight: bold;
+	
+}
+.wr{
+	font-size: 45px;
+	margin: 0px;
+	display: inline-block;
+	position: relative;
+	left:25px;
+	top:-5px;
+}
+#war{
+	display: inline-block;
+	font-size: 45px;
+	margin: 0px;	
+}
+.pwar{
+	display: inline-block;
+	font-family: lato;
+	font-size: 25px;
+	text-transform: uppercase;
+	font-weight: bolder;
+	position: relative;
+	left: 12px;
+	margin: 0px;
+	top:-10px;
+}
+.loadmore{
+	outline: 3px solid #75E820;
+	display: inline-block;
+	position: relative;
+	top:120px;
+	left: -255px;
+	width: 300px;
+	height: 50px;
+	font-family: sans-serif;
+	margin: 0px;
+	font-size: 20px;
+	font-weight: lighter;
+	color: #77D135;
+
+}
+.lmr{
+	position: relative;
+	display: inline-block;
+	top: -6px;
+	left: 35px;
+}
+.questions{
+	width: 96%;
+	height:45px;
+	background-color: #D1D1D1;
+	position: relative;
+	top:20%;
+	left: 2%;
+
+}
+.questionsp{
+	font-weight: lighter;
+	font-size: 20px;
+	text-transform:capitalize;
+	position: relative;
+	top: 25%;
+	left:25px;
+	margin:0px;
+}
+.hoo{
+	font-family: lato;
+	position: relative;
+	top: 200px;	
+	left: 50px;
+
+}
+.heading{
+	font-weight: bold;
+	font-size: 20px;
+	margin-bottom: 35px;
+	
+
+
+}
+.headingd{
+	line-height: 11px;
+	font-weight: lighter;
+	font-size: 16px;
+}
+@media screen and (max-width: 980px)  {
+	
+	
+	.nav{
+		
+		float: none;
+		display: block;
+		line-height: 40px;
+	}
+	.input{
+		width: 300px;
+	}
+	.buttons{
+		left: 550px;
+	}
+	.divnav{
+		width: 100%;
+		height:100vh;
+		background-color: #404066;
+		z-index: 9999;
+	}
+	.wrapper{
+		
+	}
+	
+}
+
+								
+							</style>
+<body>
+	<div class="wrapper">
+		<div class="mainupper">
+			<div class="navaurinput">
+				<p class="logo">MIB</p>
+				<form class="form1" action="">
+				<input type="search" name="" required="" class="input" placeholder="Search">
+				<button type="submit" class="buttons">
+					<i class="fa fa-search"></i>
+				</button>
+			</form>
+				
+					<div class="divnav">
+					<a href="#" class="a1"><li class="nav b1">Home</li></a>
+					<a href="#" class="a1"><li class="nav b2">Shops</li></a>
+					<a href="#" class="a1"><li class="nav b3">English</li></a>
+					<a href="#" class="a1"><li class="nav b4">Sign Up/Login</li></a>
+</div>
+
+
+				
+			</div>
+			<div class="infoshop">
+				<p class="shopname">Goyal Cloths Store</p>
+				<div class="rating">
+				<div class="rateinno"><p class="rateno">4.5</p></div>
+				<div class="rateinstar">
+					<div class="bgstar"><div class="star"></div></div>
+					<div class="bgstar"><div class="star"></div></div>
+					<div class="bgstar"><div class="star"></div></div>
+					<div class="bgstar"><div class="star"></div></div>
+					<div class="laststar"><div class="bgstar1"><div class="starhalf"></div></div></div>
+
+				</div>
+				<p class="votes">12 Votes</p>
+			</div>
+			<p class="place">   &#9896;   Mathura Gate...(Map)</p>
+			<p class="number">  &#9742;  +91 9462318188</p>
+			</div>
+		</div>
+
+<div class="mainlower">
+	<div class="left">
+		<div class="photoleft"></div>
+		<div class="photoright">
+			<div class="plus"><p class="pl">+</p></div>
+			<p class="phototext">Add Photo
+				</p>
+		</div>
+		<div class="leftdetail">
+			<p class="numberdownsi">&#9742;</p> <p class="numberdown">+91 9462318188</p>
+			<p class="addown">&#9896; Pai Bagh,Mathura Gate Bharatpur 
+				</p><p class="citycode">321001</p>
+			<p class="type">Readymade Garment Retailer	</p>
+		</div>
+		<div class="leftdown">
+			<p class="op">Hours Of Operation</p>
+			<p class="day">Today</p>
+			<p class="time">11:00 am-8:00 pm</p><p class="openorclosed">Open Now</p>
+			<p class="listed">Also Listed in</p>
+			<p id="shoptype">Readymade Garment Retailers</p>
+		</div>
+	</div>
+	<div class="right">
+		<div class="fullgrid">
+		<div class="reviews">
+			<p class="revp">reviews</p>
+			<p id="revst">Sorry No Reviews To Show</p>
+			<a href="#" id="sign1"><p class="hath">&#9758;</p></a>
+		</div>
+		<div class="reviews2">
+			<p class="revp">more imformation</p>
+			<p id="revst">phone number,address,official website,get direction/map etc</p>
+			<a href="#" id="sign1"><p class="hath">&#9758;</p></a>
+		</div>
+		<div class="reviews">
+			<p class="revp">hours of operations</p>
+			<p id="revst">today 11:00 am-8:00 pm</p>
+			<a href="#" id="sign1"><p class="hath">&#9758;</p></a>
+		</div>
+		
+		</div>
+		<div class="rateandmore">
+			<div class="writerev">
+				<p class="wr">&#9998;</p>
+				<p class="pwr"> write a review</p>
+			</div>
+			<div class="revanrat">
+
+				<p id="war">&#9729; </p><p class="pwar">reviews and rating</p>
+			</div>
+			<div class="loadmore">
+				<p class="lmr"> LOAD MORE REVIEWS...</p>
+			</div>
+		</div>
+		<div class="questions"> 
+			<p class="questionsp">frequently asked question</p>
+		</div>
+		<div class="hoo">
+			<p class="heading">1. what are its hours of operations?</p>
+			
+			<p class="headingd">The establishment is functional on</p>
+			<p class="headingd">monday-11:00Am-8:00pm </p>
+			<p class="headingd">tuesday-closed</p>
+			<p class="headingd">wednesday-11:00Am-8:00pm </p>
+			<p class="headingd">thursday-11:00Am-8:00pm </p>
+			<p class="headingd">friday-11:00Am-8:00pm </p>
+			<p class="headingd">saturday-11:00Am-8:00pm </p>
+			<p class="headingd">sunday-11:00Am-8:00pm </p>
+		</div>
+	</div>
+</div>
+	</div>
+
+</body>
+</html>
