Assignment/4.html at master · AnkitBhujeja/Assignment · GitHub

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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<!DOCTYPE html>
<html lang="en">
<head>
<title>my college</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<style>

* {
box-sizing: border-box;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
}

/* Style the header */
.header {
padding: 80px;
text-align: center;
background: #1abc9c;
color: white;
}

/* Increase the font size of the h1 element */
.header h1 {
font-size: 40px;
}

/* Style the top navigation bar */
/*.navbar {
overflow: hidden;
background-color: #333;
}

/* Style the navigation bar links */
.navbar a {
float: left;
color: white;
text-align: center;
padding: 8px 50px;
text-decoration: none;
}


/* Change color on hover */
.navbar a:hover {
background-color: #ddd;
color: black;
}
.carousel-inner{

	border: 2px solid black;
}
.caru{
	display: flex;
	justify-content: center;
	align-items: center;
		background-color: lavenderblush;
		height: 450px;
		margin-top: 0;
}
.link{
		text-decoration: none;
		color: black;
		font-size: 18px;
		border: 2px solid crimson;
		padding: 16px 80px;
		text-align: center;
		width: 100%;
	}
	.link:hover{
		background: crimson;
		color: white;
	}
/* Column container */
.row {
display: flex;
flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
flex: 30%;
background-color: #f1f1f1;
padding: 20px;
}

/* Main column */
.main {
flex: 70%;
background-color: white;
padding: 20px;
}

/* Fake image, just for this example */
.fakeimg {

width: 100%;
padding: 10px;
}

/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 700px) {
  .row {
flex-direction: column;
  }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
  .navbar a {
float: none;
width:100%;
  }
}
.link{
		text-decoration: none;
		color: black;
		font-size: 18px;
		border: 2px solid crimson;
		padding: 16px 50px;
		text-align: center;


	}
	.link:hover{
		background: crimson;
		color: white;
	}

</style>
</head>
<body>
	<!-- <div class="navbar">
		<div><a href="#">Home</a></div>
		<div><a href="#">Academics</a></div>
		<div><a href="#">News</a></div>
<a href="#" class="right">Student Corner</a>
</div> -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="#"><img src="https://dnc.ac.in/templates/dnc/images/logo.png" width="35"></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="#">Academics</a>
      </li>
       <li class="nav-item active">
        <a class="nav-link" href="#">Student Corner</a>
      </li>
      <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Courses
        </a>
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
          <a class="dropdown-item text-dark" href="#">B.SC</a>
          <a class="dropdown-item text-dark" href="#">BBA</a>
          <a class="dropdown-item text-dark" href="#">BCA</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item text-dark" href="#">OTHERS</a>
        </div>
      </li>

    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </div>
</nav>
<!--
<div class="header">
<h1>Dayanand College Hisar</h1>
<img src="1.jfif" alt="Trulli">
<p>Affiliated to GJU Hisar, Accredited Grade 'A' institution by NAAC</p>
</div> -->
<div style="color:white;text-align: center;background-color: lightcoral;border-bottom: 2px solid white;">
<h2 >DAYANAND COLLEGE</h2>
<h3 style="color: blue;">Accrediated as 'A' Grade by NAAC</h3>
<p>Affliated to Guru Jambeshwar University</p>
</div>
<div class="caru">

<div id="carouselExampleIndicators" class="w-50 carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="mx-auto d-block w-100" src="images/1.jfif" alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="mx-auto d-block w-100" src="images/4.jfif" alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="mx-auto d-block w-100" src="images/3.jfif" alt="Third slide">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

</div>
<!-- Section -->


<div class="row">
<div class="side">
<h2>From The Desk of Principal</h2>
<div class="fakeimg" style="height:200px;"><img src="images/6.jpg" style="height: 180px;width: 200px;margin-left: 30px;" alt="Trulli"></div>
<p>Quality in teaching must be built through a ‘Pull Mechanism’ as merely providing a ‘Push Mechanism’ we cannot ensure quality.
	Thus it would be very critical for the education system to foster an environment that builds a pull to enforce quality in
	education rather than a push. Warm greetings from the Principal, Dayanand College, Hisar, a premier educational institution of
	quality and excellence. The academic year 2016-17 has been a momentous & significant landmark in the journey of Dayanand College
	since National Assessment & Accreditation Council (NAAC) in its second cycle of evaluation awarded Grade A to the college.
	The recognition of Dayanand College as an exceptional temple of learning brings tremendous sense of responsibility that
	inspires us to strive continuously to always scale new heights.</p>

<h3>Institute at a Glance</h3>
<p>Important links.</p>
<div class="fakeimg" style="height:60px;"><a href="files/1.pdf" class="link">Fees Structure</a></div><br>
<div class="fakeimg" style="height:60px;"><a href="files/2.pdf" class="link">COC Handbook</a></div><br>
<div class="fakeimg" style="height:60px;"><a href="files/3.pdf" class="link">Course wise seat</a></div>
<br>

</div>
<div class="main">
<h2>ABOUT US</h2>
<div class="fakeimg" style="height:200px;background-image: url('images/5.jpg');background-repeat: no-repeat;background-size: cover;"></div>
<p>
Dayanand College, Hisar is a 65 yearsc old, Re-Accredited as ’A’ Grade institution by NAAC, Bengaluru in November 2016. The temple of learning is a nursery of higher education. The college owes its existence to the vision and missionary zeal of Lala Gian Chand Mahajan (later venerated as Swami Munishwaranand) who was a teacher by profession, a social crusader by inclination, and a saint by temperament. Swamiji was helped in his crusade by a galaxy of philanthropists and missionaries. The college is a multi-faculty, co-educational government-aided institution affiliated to Guru Jambheshwar University of Science & Technology, Hisar. Founded in the historical city of Hisar in 1950, the college was taken over by the DAV College Managing Committee, New Delhi in 1962.

The emergence of this seat of learning marked a new era in this educationally and culturally obscure land even after independence. It was a dust bowl, a dry, dreary and dismal darkness. The opening of a college here was thus like creating oasis in the desert.

The college is situated on two campuses, occupying a total  land area of about 28 acres out of which 4 acres of land is for the college complex and 24 acres of land is harnessed for creating facilities like hostels, staff quarters and sports ground and indoor sports complex</p>
<br>
<h2>MISSION AND VISION</h2>

<div class="fakeimg" style="height:200px;"><img src="images/6.jfif" style="width: 100%;height: 200px;"></div>
<br>
<p>Dayanand College, Hisar welcomes you and bids you to become a member of our mission for excellence with us does not only mean
	academic achievement. This it does, but it has other elements also, like social responsibility and personal nobility.
	Dayanand College may not take you to the sky, but it promises to show you the sky and the path to the sky also. Here,
	you will take one of the many steps you will need to know the world, to explore the earth and to reach the sky. Equally
	important with us is to inculcate in you the spirit of love and sympathy, the spirit of happiness and fulfillment. Love
	the world to fulfill yourself and sympathize with the lesser to spread happiness. Think of yourself but do not be forgetful of others also.

	Here, in this college, you may not become the great you want to be, but here you will learn the need to be the great you must be.
	Greatness is a product of honesty and nobility. Greatness is fertilized by love and understanding.
	Here you should learn to attach yourself to great causes, to good missions, to noble visions. Here,
	you should get your key to success and happiness and fulfillment.
	<div >
		<a href="5.html" class="link">Experiment 5</a>
	</div>
</p>

</div>
</div>

</body>
</html>