Map_of_Indian_Culture/andhrapradeshEx.html at main · Shh-Coder/Map_of_Indian_Culture · 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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Andhra Pradesh - Culture & Folklore</title>

<style>
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #fffaf0;
    color: #333;
    animation: fadeIn 1.2s ease-in;
}

/* Fade Animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Hero Section */
header {
    background: linear-gradient(to right,rgb(0, 119, 128), rgb(0, 115, 128));
    color: white;
    text-align: center;
    padding: 50px 15px;
}

header h1 {
    margin: 0;
    font-size: 30px;
}

header p {
    margin-top: 10px;
    font-size: 16px;
}

.scroll-text {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    animation: bounce 1.5s infinite;
}

/* Bounce animation */
@keyframes bounce {
    0% { transform: translateY(0); }
    50% { transform: translateY(6px); }
    100% { transform: translateY(0); }
}

/* Content Section */
section {
    padding: 30px 20px;
}

/* Card Design */
.card {
    background: white;
    margin: 30px auto;
    max-width: 850px;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    overflow: hidden;
    transition: 0.4s ease;
}

.card:hover {
    transform: scale(1.03);
}

.card img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.card-content {
    padding: 22px;
}

.card-content h2 {
    margin-top: 0;
    color: orchid;
}

/* Back Button */
button {
    margin: 50px auto;
    display: block;
    padding: 12px 25px;
    background: #43ffa7;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    transition: 0.3s;
}

button:hover {
    background: violet;
}
</style>
</head>

<body>

<header>
    <h1>🌟 Andhra Pradesh 🌟</h1>
    <p>Land of Temples, Dance & Folk Traditions</p>
    <div class="scroll-text">⬇ Scroll Down to Explore ⬇</div>
</header>

<section>

<!-- Kuchipudi Dance -->
<div class="card">
    <img src="kuchipudi.jpg" alt="Kuchipudi Dance">
    <div class="card-content">
        <h2>Kuchipudi Dance</h2>
        <p>
        Andhra Pradesh is the birthplace of Kuchipudi, one of India’s classical dance forms.
        This dance combines intricate footwork, expressive gestures, and storytelling from Hindu epics.
        </p>
        <p>
        It is performed during festivals, temple rituals, and cultural events.
        </p>
    </div>
</div>

<!-- Traditional Festivals -->
<div class="card">
    <img src="sankranti.jpg" alt="Sankranti Festival">
    <div class="card-content">
        <h2>Festivals</h2>
        <p>
        Major festivals include Sankranti, Ugadi, and Vinayaka Chaviti.
        Sankranti is celebrated with kite flying, traditional dances, and local delicacies.
        </p>
        <p>
        These festivals showcase Andhra Pradesh’s rich folklore, rituals, and vibrant community celebrations.
        </p>
    </div>
</div>

<!-- Handicrafts & Weaving -->
<div class="card">
    <img src="kalamkari.jpg" alt="Handicrafts">
    <div class="card-content">
        <h2>Handicrafts & Weaving</h2>
        <p>
        Andhra Pradesh is famous for its Kalamkari paintings, Kondapalli toys, and handwoven silk sarees.
        Craftsmen and artisans use traditional methods passed down through generations.
        </p>
        <p>
        Folk stories and local legends are often depicted through these artworks.
        </p>
    </div>
</div>

<!-- Temples & Cultural Heritage -->
<div class="card">
    <img src="balaji.jpg" alt="Temples">
    <div class="card-content">
        <h2>Temples & Cultural Heritage</h2>
        <p>
        Andhra Pradesh is home to historic temples like Tirupati Balaji and Kanaka Durga Temple.
        Religious rituals and temple festivals preserve local folklore and devotional traditions.
        </p>
        <p>
        Temple arts, music, and annual fairs attract devotees and cultural enthusiasts.
        </p>
    </div>
</div>

<!-- Culture Summary -->
<div class="card">
    <div class="card-content">
        <h2>Culture & Folklore Summary</h2>
        <p>
        Andhra Pradesh has a rich cultural heritage combining classical dance, folk music, temple rituals, handicrafts, and festivals.
        From Kuchipudi dance performances to local fairs, the state preserves its folklore, traditions, and vibrant arts for generations.
        </p>
    </div>
</div>

</section>

<button onclick="goBack()">⬅ Back to Popup</button>

<script>
function goBack() {
    window.location.href = "../index.html";  // Assuming the popup page is andhrapradesh.html
}
</script>

</body>
</html>