-
Notifications
You must be signed in to change notification settings - Fork 0
/
about1.html
53 lines (49 loc) · 3.51 KB
/
about1.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ABOUT</title>
</head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<style>
body{
background-color: rgb(158, 225, 233);
background-size: cover ;
background-repeat: no-repeat;
}
div{
padding: 10px;
box-sizing: border-box;
}
h1{
color: rgb(0, 0, 0);
text-align: center;
}
.logo{
float: inline-start;
width: 200px;
height: 200px;
}
.clgimg{
float: right;
height: 350px;
}
h1,p{
font-family: 'Ms Madi', cursive;
}
</style>
<body background="bg.jpeg" >
<h1>About us</h1>
<h1>College Institute of Technology</h1>
<!-- <img class="logo" src="gateslogo.png" alt="logo"> -->
<img class="clgimg" src="clg.jpg" alt="college">
<div>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. A maiores dicta, quo, at modi distinctio eaque molestiae ipsam quas excepturi animi, possimus maxime consequatur officiis fuga provident odio porro dolorum!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum pariatur voluptates, expedita a tenetur suscipit dicta quia, dignissimos ea vitae dolores modi vero beatae. Magni facere placeat, nesciunt dolores dignissimos tenetur tempore eaque est temporibus deleniti, fugiat mollitia rem! Asperiores neque repellat ratione deleniti perferendis doloremque, maiores velit quis a deserunt qui culpa cumque exercitationem voluptatem? Cum ipsa rem quod dignissimos perspiciatis exercitationem dolorum nesciunt quam! Similique ipsum distinctio provident omnis, nesciunt, adipisci reiciendis error alias odio eligendi labore. Amet quibusdam animi dicta quaerat laudantium impedit fugiat odit obcaecati? Est, alias magnam, sed animi quidem dolor iusto voluptas mollitia repudiandae excepturi atque libero culpa assumenda dolore repellendus omnis velit explicabo possimus impedit veniam ad consectetur quis. Rem, eum veritatis voluptate voluptatem deleniti necessitatibus accusamus, vel molestiae eius, odit est alias rerum reiciendis dolores magnam repellendus ipsa nesciunt culpa quasi possimus a debitis explicabo? Mollitia fugit voluptatum totam, commodi, qui aperiam beatae sint consequatur praesentium perspiciatis harum ut minus quasi vel dolores aspernatur vitae inventore odit magnam labore expedita architecto debitis ea necessitatibus? Reiciendis, quas nostrum fugit recusandae facere consequatur maiores impedit? Amet rerum temporibus quis? Dignissimos blanditiis consequuntur aperiam officia alias reprehenderit facilis quasi pariatur, eveniet harum corrupti culpa, est commodi vel quidem, minima distinctio itaque nobis quas voluptate ipsum impedit. Perferendis officia, a dolores modi cumque impedit magnam provident dicta molestiae repellat, optio unde dignissimos quas? Itaque obcaecati harum voluptate pariatur eum aliquid ab natus vitae ipsa enim ipsam quasi vero, molestias quisquam ea sit, voluptatibus eius commodi perspiciatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores ipsum iure est autem. Libero temporibus adipisci sapiente necessitatibus tempore molestias natus voluptatum provident quisquam odit unde, voluptas eum hic quia, porro deserunt quae ducimus consectetur.</p>
</div>
</body>
</html>