-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
141 lines (105 loc) · 5.17 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head>
<title>Mentorship Blog</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<meta name="viewport" content="width=device-width,intial-scale=1.0" />
</head>
<body>
<div id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Academics</a></li>
<li><a href="#">Hostel Life</a></li>
<li><a href="#">Around IIT Bhilai</a></li>
<li><a href="#">NSS & NSO</a></li>
<li><a href="#">Student Mentor's</a></li>
<li><a href="#">Downloads</a></li>
<li id="right"><input type="text" name="search" placeholder="Search..."></li>
</ul>
</div>
<div id="message">
<img src = "images/gymkhana.png" alt="Message" id="messageGymkhana">
</div>
<div id="acad" class="rightIcon">
<div class="leftBrief">
<h1>ACADEMICS</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis erat quis arcu placerat,
eu varius libero bibendum. Donec eu odio ipsum. Nam vulputate leo nulla, nec lacinia lectus
aliquam a. Vivamus porttitor, libero at ultricies luctus, urna velit tincidunt velit, id rutrum
eros tortor porttitor ipsum. Duis feugiat pretium lorem et suscipit. In porta tempor lorem ut
interdum. Ut elementum consequat accumsan. Proin posuere lorem quis est blandit, a egestas tellus
imperdiet. Aliquam a urna tristique, faucibus leo vitae, cursus eros.</p>
</div>
</div>
<div id="hostel" class="leftIcon">
<div class="rightBrief">
<h1>HOSTEL</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis erat quis arcu placerat,
eu varius libero bibendum. Donec eu odio ipsum. Nam vulputate leo nulla, nec lacinia lectus
aliquam a. Vivamus porttitor, libero at ultricies luctus, urna velit tincidunt velit, id rutrum
eros tortor porttitor ipsum. Duis feugiat pretium lorem et suscipit. In porta tempor lorem ut
interdum. Ut elementum consequat accumsan. Proin posuere lorem quis est blandit, a egestas tellus
imperdiet. Aliquam a urna tristique, faucibus leo vitae, cursus eros.</p>
</div>
</div>
<div id="around" class="rightIcon">
<div class="leftBrief">
<h1>AROUND IIT BHILAI</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis erat quis arcu placerat,
eu varius libero bibendum. Donec eu odio ipsum. Nam vulputate leo nulla, nec lacinia lectus
aliquam a. Vivamus porttitor, libero at ultricies luctus, urna velit tincidunt velit, id rutrum
eros tortor porttitor ipsum. Duis feugiat pretium lorem et suscipit. In porta tempor lorem ut
interdum. Ut elementum consequat accumsan. Proin posuere lorem quis est blandit, a egestas tellus
imperdiet. Aliquam a urna tristique, faucibus leo vitae, cursus eros.</p>
</div>
</div>
<div id="nss" class="leftIcon">
<div class="rightBrief">
<h1>NSS & NSO</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis erat quis arcu placerat,
eu varius libero bibendum. Donec eu odio ipsum. Nam vulputate leo nulla, nec lacinia lectus
aliquam a. Vivamus porttitor, libero at ultricies luctus, urna velit tincidunt velit, id rutrum
eros tortor porttitor ipsum. Duis feugiat pretium lorem et suscipit. In porta tempor lorem ut
interdum. Ut elementum consequat accumsan. Proin posuere lorem quis est blandit, a egestas tellus
imperdiet. Aliquam a urna tristique, faucibus leo vitae, cursus eros.</p>
</div>
</div>
<div id="download" class="rightIcon">
<div class="leftBrief">
<h1>DOWNLOADS</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis erat quis arcu placerat,
eu varius libero bibendum. Donec eu odio ipsum. Nam vulputate leo nulla, nec lacinia lectus
aliquam a. Vivamus porttitor, libero at ultricies luctus, urna velit tincidunt velit, id rutrum
eros tortor porttitor ipsum. Duis feugiat pretium lorem et suscipit. In porta tempor lorem ut
interdum. Ut elementum consequat accumsan. Proin posuere lorem quis est blandit, a egestas tellus
imperdiet. Aliquam a urna tristique, faucibus leo vitae, cursus eros.</p>
</div>
</div>
<div id="footer">
<div id="directorMessage">
<h2>PROF. RAJAT MOONA</h2>
<h4>Director, IIT Bhilai</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In iaculis erat quis arcu placerat,
eu varius libero bibendum. Donec eu odio ipsum. Nam vulputate leo nulla, nec lacinia lectus
aliquam a.</p>
</div>
<div id="contact">
<h2>Contact Us:</h2>
<a href="#"><img src="images/fb.png" class="social"></a>
<a href="#"><img src="images/twitter.png" class="social"></a>
</div>
<div id="address">
<address>
<h2>Address</h2>
Indian Institute of Technology Bhilai<br/>
Government Engineering College Campus<br/>
Sejbahar, Raipur<br/>
Chhattishgarh, 492015<br/>
<a href="https://www.iitbhilai.ac.in">Link to Main Website</a>
</address>
</div>
</div>
</body>
</html>