new-prj/Alappuzha.html at main · Neethumar/new-prj · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Alappuzha</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
    <script type="text/javascript">
        $(window).on('scroll',function(){
            if($(window).scrollTop()){
                $('nav').addClass('black');
            }
            else{
                $('nav').removeClass('black');
            }
        })
    </script>
</head>
<body>
    <nav>
        <div class="logo">
            <a href="#"></a><span>K</span>ERALA<br> <span>T</span>ourism</a>
        </div>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="#Thingstodo">Things to do</a></li>
            <li><a href="#travelwithus">Plan your trip</a></li>
            <li><a href="#Planyourtrip">Tour Packages</a></li>
            <li><a href="./login.html">Login</a></li>
        </ul>
    </nav>
    <section class="beauty">
    <div class="lead">
        <h2>"Backwaters, Beaches and Lagoons - Venice of the East"</h2><br>
        <h1>Alleppey Tourism</h1><br>
        <p>Alappuzha District is one of the district of Kerala State of India which is a widely known tourist destination, and is well known for its coir factories.Alappuzha is also called as Alleppey . Alappuzha is strongly connected by waterways to various other parts of Kerala, including the famous tourist destination, Kumarakom. It is called as Venice of East due ti its extensive water connecting canal to cities .The entire area of the district lies in the low land and the midland divisions, and is the only district in Kerala having no area under the high lands. Kuttanad, the rice bowl of Kerala is in Alappuzha district and this is the only region in the state, lying below the sea level. Alappuzha is the most important center in the State for coir industry.Alappuzha, came into being as a district, in the political map of Kerala on the 27th of August, 1957. Before the formation of the district, a major part of this area was of Kollam district and the rest, of Kottayam district</p>
    </div>
    </section>
    <aside class="right">
        <h2>Top places in Alappuzha</h2>

        <div class="one">
            <div class="pic">
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSvFwTJfdcGuzZJtf_UpEH_wzh98riU94Buqhduw9wqL2qYKolrd0kYxOnx31K8HX9OByg&usqp=CAU">
            </div>
            <div class="dis">
                <h5>Stay in houseboat</h5>
            </div>
        </div>

        <div class="one">
            <div class="pic">
                <img src="https://www.holidify.com/images/cmsuploads/square/A12_20170925211413.PNG" alt="">
            </div>
            <div class="dis">
                <h5>Alappuzha beach</h5>
            </div>
        </div>

        <div class="one">
            <div class="pic">
                <img src="https://www.holidify.com/images/cmsuploads/square/2840929320_c6e3c3979f_o_20180413153237.jpg" alt="">
            </div>
            <div class="dis">
                <h5>Marari beach</h5>
            </div>
        </div>


    </aside>

     <footer>
      <div class="main-content">
        <div class="left box">
          <h2>About Us</h2>
          <div class="content">
            <p>The site holds a virtual encyclopedia of Kerala and includes almost 2 million words of text in 18 languages, a few thousand images, and 3000 video clips. To ensure ease of use and precision in search results, Kerala Tourism uses Google's site search tools for search queries.</p>
          <div class="social">
            <a href="#"><span class="fab fa-facebook-f"></span></a>
            <a href="#"><span class="fab fa-twitter"></span></a>
            <a href="#"><span class="fab fa-instagram"></span></a>
            <a href="#"><span class="fab fa-youtube"></span></a>
            <a href="#"><span class="fab fa-whatsapp"></span></a>
          </div>
          </div>
        </div>
        <div class="center box">
          <h2>Address</h2>
          <div class="content">
            <div class="place">
              <span class="fas fa-map-marker-alt"></span>
              <span class="text">Department of Tourism, Government of Kerala, Park View, Thiruvananthapuram, Kerala, India</span>
            </div>
            <div class="phone">
              <span class="fas fa-phone-alt"></span>
              <span class="text">+91 471 2321132</span>
            </div>
            <div class="email">
              <span class="fas fa-envelope"></span>
              <span class="text">info@keralatourism.org</span>
            </div>
          </div>
        </div>
        <div class="right box">
          <h2>Contact Us</h2>
          <div class="content">
            <form action="#">
              <div class="email">
                <div class="text">Email*</div>
                <input type="email" required>
              </div>
              <div class="msg">
                <div class="text">Message*</div>
                <textarea cols="45" rows="4" required></textarea>
              <br>
                <button type="submit">Send</button>
              </div>
            </form>
          </div>
        </div>
      </div>
      <div class="owner">
        <p>Created by Neethu. All right reserved by copyright@2021</p>
      </div>
    </footer>
</body>
</html>