kudla/about.html at main · anoopcodehack/kudla · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>About — Namma Kudla</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <header class="site-header">
    <div class="container">
      <h1 class="brand">Namma Kudla</h1>
      <nav class="nav">
         <a href="index.html" >Home</a>
        <a href="post.html">Blog</a>
        <a href="destinations.html">Destinations</a>
        <div class="dropdown">
          <button class="dropbtn"  >Dashboard</button>
          <div class="dropdown-content">
            <a href="about.html" class="active">About</a>
            <a href="stories.html">Stories</a>
            <a href="maps.html">Maps</a>
            <a href="community.html">Community</a>
            <a href="guide.html">Guides</a>
          <a href="editor.html">Editor</a>
        </div>
          </div>
            <a href="contact.html">Contact</a>
      </nav>
    </div>
   </header>
<main class="about-page">
    <section class="about-hero">
      <div class="container">
        <h2>About Namma Kudla</h2>
        <p>Celebrating the soul, traditions, and people of Mangaluru — one story at a time.</p>
      </div>
    </section>

    <section class="about-content container">
      <div class="about-grid">
        <div class="about-text">
          <h3>Our Story</h3>
          <p>
            <strong>Namma Kudla</strong> was born from a love for our coastal city — a place where the sea breeze
            carries the scent of tradition, and every temple, street, and café has a story to tell.
            Our goal is to showcase the real Kudla — its people, culture, and everyday experiences that define
            Mangaluru’s vibrant charm.
          </p>

          <h3>Our Mission</h3>
          <p>
            We aim to create a digital space that connects locals and travelers alike, promoting sustainable
            tourism, cultural preservation, and authentic storytelling. Whether you’re exploring beaches,
            temple trails, or street food, we bring you insights that go beyond typical tourist brochures.
          </p>

          <h3>Meet the Team</h3>
          <p>
            We’re a small group of explorers, photographers, and writers united by our passion for Kudla.
            Together, we capture the essence of our hometown and help others experience it like a local.
          </p>
        </div>

        <div class="about-image">
          <img src="beach.jpg" alt="Mangalore Beach Sunset" />
        </div>
      </div>
    </section>

    <section class="values-section">
      <div class="container">
        <h3>Our Core Values</h3>
        <div class="values-grid">
          <div class="value-card">
            <h4>Authenticity</h4>
            <p>We share real experiences, not polished marketing — because Kudla deserves honesty.</p>
          </div>
          <div class="value-card">
            <h4>Community</h4>
            <p>We work with local people, artisans, and storytellers to keep Kudla’s voice alive.</p>
          </div>
          <div class="value-card">
            <h4>Sustainability</h4>
            <p>We encourage eco-friendly and mindful travel that preserves our city for future generations.</p>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="container">
      <p>&copy; <span id="year"></span> Namma Kudla — Made with ❤️ by locals.</p>
    </div>
  </footer>

  <script>
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>