Untitled

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial;}


.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}


.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}


.tab button:hover {
  background-color: #ddd;
}


.tab button.active {
  background-color: #ccc;
}


.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.logo img{
    height: 50px;
    width: 75px;
    float: left;
    margin-top : 10px;


}

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>
</head>
<body>

<div class="tab">
    <div class="logo">
        <img src="logo.png">
    </div>

<div class="tab">
  <button >Home</button>
  <button >About</button>
  <button >Admission</button>
  <button >Academics</button>
  <button >Research</button>
  <button >On Campus</button>
  <button >Visitor</button>
  <button >International</button>
</div>


<div class="tab">
  <button >NGPC</button>
  <button >Math Olympiad</button>
  <button >IOPC</button>
  <button >ICPC</button>
  <button >Science Fest</button>

</div>


<div class="row">
  <div class="column" style="background-color:#aaa;">
     <p><font size="6">DIVISON OF RESEARCH USEFUL LINK</font></p>


<p><a href="https://www.rafiul.com/html/">JOURNAL OF SCIENCE AND TECHNOLOGY</a></p>
<p><a href="https://www.9258.com/html/">JOURNAL OF SCIENCE AND ECONOMICS</a></p>
<p><a href="https://www.section-c.com/html/">JOURNAL OF HUMAMANITIES AND SOCIAL SC</a></p>
<p><a href="https://www.diu.com/html/">JOURNAL OF ALLIED HEALTH SCIENCES</a></p>
  </div>
  <div class="column" style="background-color:#bbb;">
    <h2>AUTHOR REGISTRATION</h2>
    <form action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" ><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" ><br><br>
  <input type="submit" value="Submit">
</form>
  </div>
</div>


    <p><font size="6">DIVISON OF RESEARCH USEFUL LINK</font></p>


</body>
</html>