-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
71 lines (66 loc) · 3.65 KB
/
about.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
<!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 Us</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script
src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body style="background-color: rgb(165, 245, 133);">
<nav id="head" class="navbar navbar-expand-lg navbar-light" >
<a class="navbar-brand" href="#">
<img id="logo" src="res/logo.png" alt="">
</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 ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="districts.html">Districts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="signup.html">SignUp</a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">LogIn</a>
</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-primary my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<div class="container" style="margin-top: 20px;padding: 20px;border-radius: 30px;background-color:white;">
<h1>About Keralam</h1>
<img src="res/about.jpg" alt="" style="width:100%;height:300px;object-fit: cover;margin-bottom: 50px;">
<br>
<p>
Known as the “God’s Own Country”, Kerala is surely one of the most beautiful places in India. Kerala or Keralam is a Malayalee word made up of two parts; ‘Kera’ meaning coconut and ‘alam’ meaning land. The land of coconut trees is a destination that has something for every kind of traveller. Whether you want to sail the glistening backwaters or lose yourself in the mystical coastal greenery, Kerala is an ultimate tourist destination to experience bliss and serenity.
</p>
<p>
An equable climate, serene beaches, tranquil stretches of backwaters, lush hill stations and exotic wildlife are the major attractions of this land. A unique advantage of Kerala is that most of the destinations here are only a two - four hour drive from the other.
</p>
<p>
Classical art forms, colourful festivals, exotic cuisine are some of the cultural marvels that await travellers. Ayurveda, the ancient Indian system of medicine and Panchakarma, the rejuvenation therapy in Ayurveda have also helped Kerala to gain a pan-global reputation as a worth-visit destination.
</p>
<p>
Season never ends in Kerala, thanks to the year-long moderate climate and numerous festivals and events.
</p>
</div>
</body>
</html>