SHARE
TWEET

Untitled

a guest Feb 24th, 2020 88 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <style>
  6. body {font-family: Arial;}
  7.  
  8.  
  9. .tab {
  10.   overflow: hidden;
  11.   border: 1px solid #ccc;
  12.   background-color: #f1f1f1;
  13. }
  14.  
  15.  
  16. .tab button {
  17.   background-color: inherit;
  18.   float: left;
  19.   border: none;
  20.   outline: none;
  21.   cursor: pointer;
  22.   padding: 14px 16px;
  23.   transition: 0.3s;
  24.   font-size: 17px;
  25. }
  26.  
  27.  
  28. .tab button:hover {
  29.   background-color: #ddd;
  30. }
  31.  
  32.  
  33. .tab button.active {
  34.   background-color: #ccc;
  35. }
  36.  
  37.  
  38. .tabcontent {
  39.   display: none;
  40.   padding: 6px 12px;
  41.   border: 1px solid #ccc;
  42.   border-top: none;
  43. }
  44.  
  45. .logo img{
  46.     height: 50px;
  47.     width: 75px;
  48.     float: left;
  49.     margin-top : 10px;
  50.    
  51.    
  52. }
  53.  
  54. * {
  55.   box-sizing: border-box;
  56. }
  57.  
  58. /* Create two equal columns that floats next to each other */
  59. .column {
  60.   float: left;
  61.   width: 50%;
  62.   padding: 10px;
  63.   height: 300px; /* Should be removed. Only for demonstration */
  64. }
  65.  
  66. /* Clear floats after the columns */
  67. .row:after {
  68.   content: "";
  69.   display: table;
  70.   clear: both;
  71. }
  72. </style>
  73. </head>
  74. <body>
  75.  
  76. <div class="tab">
  77.     <div class="logo">
  78.         <img src="logo.png">
  79.     </div>
  80.  
  81. <div class="tab">
  82.   <button >Home</button>
  83.   <button >About</button>
  84.   <button >Admission</button>
  85.   <button >Academics</button>
  86.   <button >Research</button>
  87.   <button >On Campus</button>
  88.   <button >Visitor</button>
  89.   <button >International</button>
  90. </div>
  91.  
  92.  
  93. <div class="tab">
  94.   <button >NGPC</button>
  95.   <button >Math Olympiad</button>
  96.   <button >IOPC</button>
  97.   <button >ICPC</button>
  98.   <button >Science Fest</button>
  99.  
  100. </div>
  101.    
  102.  
  103.  
  104. <div class="row">
  105.   <div class="column" style="background-color:#aaa;">
  106.      <p><font size="6">DIVISON OF RESEARCH USEFUL LINK</font></p>
  107.  
  108.  
  109.  
  110. <p><a href="https://www.rafiul.com/html/">JOURNAL OF SCIENCE AND TECHNOLOGY</a></p>
  111. <p><a href="https://www.9258.com/html/">JOURNAL OF SCIENCE AND ECONOMICS</a></p>
  112. <p><a href="https://www.section-c.com/html/">JOURNAL OF HUMAMANITIES AND SOCIAL SC</a></p>
  113. <p><a href="https://www.diu.com/html/">JOURNAL OF ALLIED HEALTH SCIENCES</a></p>
  114.   </div>
  115.   <div class="column" style="background-color:#bbb;">
  116.     <h2>AUTHOR REGISTRATION</h2>
  117.     <form action="/action_page.php">
  118.   <label for="fname">First name:</label><br>
  119.   <input type="text" id="fname" name="fname" ><br>
  120.   <label for="lname">Last name:</label><br>
  121.   <input type="text" id="lname" name="lname" ><br><br>
  122.   <input type="submit" value="Submit">
  123. </form>
  124.   </div>
  125. </div>
  126.  
  127.    
  128.     <p><font size="6">DIVISON OF RESEARCH USEFUL LINK</font></p>
  129.    
  130.    
  131.    
  132.    
  133.    
  134.    
  135.    
  136.    
  137.    
  138.    
  139. </body>
  140. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top