TheCawnporeMag.github.io/about.html at main · AashiGarg-tech/TheCawnporeMag.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About</title>
    <link rel = "stylesheet" href="about.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@1,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
    />
</head>
<body>
    <div class="progress-container">
      <div class="progress-bar" id="progressBar"></div>
    </div>
    <section class="header">
        <nav>
          <div class = "nav-links" id="navLinks">
            <i class="fa fa-times" onclick="hideMenu()"></i>
            <ul>

                <li><a href="index.html" target="_blank">HOME</a></li>
                <li><a href="about.html" target="_blank">ABOUT</a></li>
                <li><a href="submission.html" target="_blank">SUBMIT</a></li>
                <li><a href="issue.html" target="_blank"></a>ISSUE</a></li>
                <li><a href="masthead.html" target="_blank">MASTHEAD</a></li>
            </ul>
          </div>
          <i class="fa fa-bars" onclick="showMenu()"></i>
        </nav>

    </section>
    <section class="header1">

        <div class="text-box1">
            <h1>About</h1>
            <p>The Cawnpore</p>
        </div>

    </section>
    <section class="Introductory">
        <p id="intro1">
            The city of Kanpur, formerly known as Cawnpore, has a rich and complex history that has shaped its identity. Originally established by a Hindu king named Chandel, the city was named "Kahnapur" in honor of his devotion to Lord Krishna. However, during the British colonial era, the name was anglicized to "Cawnpore" due to difficulties in pronunciation. This change was significant as Cawnpore, known as the "Manchester of India," emerged as the commercial capital of Uttar Pradesh.

            Kanpur's history is deeply intertwined with the Indian struggle for independence. The city played a pivotal role in the revolt of 1857, witnessing tragic events such as the "wheeler’s entrenchment episode," the "massacre at Sati Chaura Ghat," and the "Bibighar massacre." These events left a lasting impact on the city and its people.

            Following India's independence in 1947, the city was renamed Kanpur, symbolizing a new era and a fresh start. Despite its tumultuous past, Kanpur has emerged as a beacon of happiness and positivity. In 2023, it was recognized as the 11th happiest city in the world, a testament to the resilience and friendliness of its people.

            This vibrant city continues to honor its history while embracing progress and prosperity, making it a truly remarkable place with a captivating story to tell.
        </p>


    </section>
    <h2 id="CardsHeading">Cawnpore's Prominent Landmarks</h2>
    <section class="landmarks">

        <!-- landmark cards -->
        <!-- lal imli -->
        <div class="landmarkCard">
            <img src="lal imli.jpg" alt="Lal Imli" />
            <div class="landmarkInfo">
              <p class="Tag-line" style="color: #FDF0D5;">
  A Forgotten woollen Empire of India's Colonial era.
</p>
                <h2>Lal Imli</h2>
                <a href="https://heritagehackathon.weebly.com/lal-imli-mills.html" target="_blank" rel="noopener noreferrer">
                    <button class="landmarkButton">Learn More</button>
                </a>
            </div>
        </div>
        <!-- kanpur memorial church -->
        <div class="landmarkCard">
            <img src="Kanpur_Memorial_Church.jpg" alt="Kanpur Memorial Church" />
            <div class="landmarkInfo">
              <p class="Tag-line" style="color: #FDF0D5;">
  A Solemn echo of 1857 — where history and memory unite in silence.
</p>

                <h2>Kanpur Memorial Church</h2>
                <a href="https://en.wikipedia.org/wiki/Kanpur_Memorial_Church" target="_blank" rel="noopener noreferrer">
                    <button class="landmarkButton">Learn More</button>
                </a>
            </div>
        </div>
        <!-- Kanpur Central Station -->
        <div class="landmarkCard">
            <img src="Kanpur_Central_Station.jpg" alt="Kanpur Central" />
            <div class="landmarkInfo">
              <p class="Tag-line" style="color: #FDF0D5;">
  From colonial rails to digital tracks — Kanpur's timeless junction.
</p>

                <h2>Kanpur Central</h2>
                <a href="https://en.wikipedia.org/wiki/Kanpur_Central_railway_station" target="_blank" rel="noopener noreferrer">
                    <button class="landmarkButton">Learn More</button>
                </a>
            </div>
        </div>

        <!-- JK Temple -->
        <div class="landmarkCard">
            <img src="1920px-JK_Temple(Juggilal_Kamlapati_temple)_is_a_temple_in_the_Indian_city_of_Kanpur.It_is_considered_to_be_a_unique_blend_of_ancient_and_modern_architecture.jpg" alt="J.K. Temple" />
            <div class="landmarkInfo">
             <p class="Tag-line" style="color: #FDF0D5;">
  A divine fusion of modernity and tradition in marble and serenity.
</p>

                <h2>J.K. Temple</h2>
                <a href="https://en.wikipedia.org/wiki/JK_Temple" target="_blank" rel="noopener noreferrer">
                    <button class="landmarkButton">Learn More</button>
                </a>
            </div>
        </div>

    </section>

    <!-- Footer -->
    <footer class="site-footer">
      <a class="back-to-top" href="#">
          <i class="fa-solid fa-chevron-up"></i>
      </a>
      <div class="footer-top">
        <div class="footer-about">
          <h3>The Cawnpore</h3>
          <p>An independent magazine celebrating literary voices and untold stories.</p>
        </div>
        <div class="footer-links">
          <h3>Quick Links</h3>
          <ul>
            <li><a href="index.html" >Home</a></li>
            <li><a href="about.html" target="_blank">About</a></li>
            <li><a href="submission.html" target="_blank">Submit</a></li>
            <li><a href="issue.html" target="_blank">Issue</a></li>
            <li><a href="masthead.html" target="_blank">Masthead</a></li>
            <li><a href="faq.html" target="_blank">FAQ</a></li>
            <li><a href="open-source.html" target="_blank">Open Source</a></li>
          </ul>
        </div>
        <div class="footer-contact">
          <h3>Contact Us</h3>
          <div class="social-icons">
            <a href="mailto:thecawnporemagofficial@gmail.com" target="_blank">
              <i class="fa-solid fa-envelope"></i>
            </a>
            <a href="https://www.instagram.com/thecawnporemagazine/?igsh=MWQzcXkxeGNkd29oeA%3D%3D" target="_blank">
              <i class="fa-brands fa-instagram"></i>
            </a>
            <a href="https://www.linkedin.com/company/the-cawnpore-magazine/" target="_blank">
              <i class="fa-brands fa-linkedin"></i>
            </a>
            <a href="https://x.com/TheCawnporeMag?s=09" target="_blank">
              <i class="fa-brands fa-x-twitter"></i>
            </a>
            <a href="https://www.tumblr.com/thecawnporemagazine?source=share" target="_blank">
              <i class="fa-brands fa-tumblr"></i>
            </a>
          </div>
        </div>
        <div class="subscription-box">
          <h3>Subscribe to our Newsletter</h3>
          <form action="/subscribe" method="post">
            <input type="email" name="email" placeholder="Enter your email" required>
            <button type="submit">Subscribe</button>
          </form>
        </div>
      </div>
      <div class="footer-bottom">
        <p>Made with &#x2665; by Kritika Singh</p>
        <p>&copy; 2024 THE CAWNPORE — ALL RIGHTS RESERVED</p>
      </div>
    </footer>


<script src="index.js"></script>


</body>
</html>