Index HTML
Index HTML
html
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <!-- stylesheets -->
7 <link rel="stylesheet" media="screen" href="main.css">
8 <link rel="stylesheet" media="screen" href="footer.css">
9 <link rel="stylesheet" media="screen" href="head.css">
10 <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
11 <!-- icon -->
12 <link rel="icon" href="logo.png">
13 <title>TRINITY COLLEGE</title>
14 </head>
15 <style>
16 .padding{
17 padding-left: 300px;
18 box-shadow: 10px 10px rgb(39, 37, 37);
19 }
20 </style>
21 <body>
22 <header>
23 <!-- login and signup -->
24 <div id="first">
25 <ul>
26 <li><a href="">Login</a></li>
27 <li><a href="">Signup</a></li>
28 <li><a href="">Contact</a></li>
29
30 </ul>
31 <!-- contact number -->
32 <p class="hide"> <i class="fa fa-phone"></i> +91 8660839528,
7898745834</p>
33 </div>
34 <!-- navigation bar -->
35 <div class="navbar">
36 <div class="align">
37 <a href="index.html">HOME</a>
38 <a href="">COURSE</a>
39 <a href="">ADMISSION</a>
40 <a href="">ABOUT US</a>
41 <div class="dropdown">
42 <button class="dropbtn">MORE
43 <i class="fa fa-caret-down"></i>
44 </button>
45 <div class="dropdown-content">
46 <a href="">Campus Visit</a>
47 <a href="">Events</a>
48 <a href="">Gallery</a>
49 </div>
50 </div>
51 </div>
52 <!-- burger section -->
53 <div class="burger">
54 <div class="line1"></div>
55 <div class="line2"></div>
56 <div class="line3"></div>
57 </div>
58 </div>
localhost:4649/?mode=htmlmixed 1/3
12/8/22, 7:06 PM index.html
localhost:4649/?mode=htmlmixed 3/3