Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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;
- }
- </style>
- </head>
- <body>
- <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>
- <p><font size="6">DIVISON OF RESEARCH USEFUL LINK</font></p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement