hyd


<style><!--
.feature_divider{
display:none;
}
img{
max-height: 400px;
}
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;color:#fff; background: no-repeat;}
h1 {color:#fff; font-weight: bolder;}
#content_wrapper{
background-color:#000;}
/* Style the tab */
.tab {
float: left;
border: 1px solid #ccc;
background-color: #eee;
width: 30%;
min-height: 342px;
}

/* Style the buttons inside the tab */
.tab button {
display: block;
background-color: inherit;
color: black;
padding: 22px 16px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 12px;
}

/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
background-color: #ffb400;

}


/* Style the tab content */
.tabcontent {
float:right;
padding: 0px 12px;
border: 0;
width: 70%;
border-left: none;
min-height: 350px;
margin-bottom: 90px;
}
--></style>
<body>

<div class="tab">
<button type="button" onclick="myFunction()">Hyderabad</button>
<button type="button" onclick="myFunction2()">Banglore</button>
<button type="button" onclick="myFunction3()">Chandigarh</button>
<button type="button" onclick="myFunction4()">Kochi</button>
<button type="button" onclick="myFunction5()">Mangalore</button>

<script>
function myFunction() {
document.body.style.backgroundColor = "#f3f3f3";
document.body.style.backgroundImage = "url('https://cdn.shopify.com/s/files/1/1816/7043/files/hyderabad.jpeg?37027')";
}
function myFunction3() {
document.body.style.backgroundColor = "#f3f3f3";
document.body.style.backgroundImage = "url('https://cdn.shopify.com/s/files/1/1816/7043/files/VR-Mall-chandigarh.jpg?38017')";
}
</script>