-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
226 lines (197 loc) · 8.04 KB
/
index.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
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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DramasubBD</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
nav ul {
list-style-type: none;
padding: 0;
text-align: center;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav ul li a {
text-decoration: none;
color: #333;
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
nav ul li a:hover {
background-color: #ccc;
}
.drama {
display: inline-block;
text-align: center;
margin: 20px;
}
.drama img {
width: 200px;
height: auto;
border-radius: 5px;
}
</style>
</head>
<body>
<header>
<h1>DramaTime</h1>
</header>
<nav>
<ul>
<li><a href="#korean">Korean Dramas</a></li>
<li><a href="#japanese">Japanese Dramas</a></li>
<li><a href="#chinese">Chinese Dramas</a></li>
<li><a href="#movies">Movies</a></li>
</ul>
</nav>
<div id="korean">
<div class="drama">
<img src="my_demon.jpg" alt="My Demon">
<p><a href="my_demon.html">My Demon</a></p>
</div>
<div class="drama">
<img src="marry_my_husband.jpg" alt="Marry My Husband">
<p><a href="marry_my_husband.html">Marry My Husband</a></p>
</div>
<div class="drama">
<img src="my_happy_ending.jpg" alt="My Happy Ending">
<p><a href="my_happy_ending.html">My Happy Ending</a></p>
</div>
<div class="drama">
<img src="a_shop_for_killers.jpg" alt="A Shop For Killers">
<p><a href="a_shop_for_killers.html">A Shop For Killers</a></p>
</div>
<div class="drama">
<img src="captivating_the_king.jpg" alt="Captivating the King">
<p><a href="captivating_the_king.html">Captivating the King</a></p>
</div>
<div class="drama">
<img src="twinkling_watermelon.jpg" alt="Twinkling Watermelon">
<p><a href="twinkling_watermelon.html">Twinkling Watermelon</a></p>
</div>
<div class="drama">
<img src="nevertheless.jpg" alt="Nevertheless">
<p><a href="nevertheless.html">Nevertheless</a></p>
</div>
<div class="drama">
<img src="welcome_to_samdal-ri.jpg" alt="Welcome to Samdal-Ri">
<p><a href="welcome_to_samdal-ri.html">Welcome to Samdal-Ri</a></p>
</div>
<div class="drama">
<img src="flex_x_cop.jpg" alt="Flex X Cop">
<p><a href="flex_x_cop.html">Flex X Cop</a></p>
</div>
<div class="drama">
<img src="night_has_come.jpg" alt="Night Has Come">
<p><a href="night_has_come.html">Night Has Come</a></p>
</div>
<div class="drama">
<img src="deaths_game.jpg" alt="Deaths Game">
<p><a href="deaths_game.html">Deaths Game</a></p>
</div>
<div class="drama">
<img src="tale_of_the_nine_tailed_1938.jpg" alt="Tale Of The Nine Tailed 1938">
<p><a href="tale_of_the_nine_tailed_1938.html">Tale Of The Nine Tailed 1938</a></p>
</div>
<div class="drama">
<img src="branding_in_seongsu.jpg" alt="Branding In Seongsu">
<p><a href="branding_in_seongsu.html">Branding In Seongsu</a></p>
</div>
<div class="drama">
<img src="doctor_slump.jpg" alt="Doctor Slump">
<p><a href="doctor_slump.html">Doctor Slump</a></p>
</div>
<div class="drama">
<img src="welcome_to_waikiki.jpg" alt="Welcome to Waikiki">
<p><a href="welcome_to_waikiki.html">Welcome to Waikiki</a></p>
</div>
<div class="drama">
<img src="strong_girl_bong-soon.jpg" alt="Strong Girl Bong-soon">
<p><a href="strong_girl_bong-soon.html">Strong Girl Bong-soon</a></p>
</div>
<div class="drama">
<img src="queen_of_divorce.jpg" alt="Queen Of Divorce">
<p><a href="queen_of_divorce.html">Queen Of Divorce</a></p>
</div>
<div class="drama">
<img src="love_song_for_illusion.jpg" alt="Love Song For Illution">
<p><a href="love_song_for_illusion.html">Love Song For Illution</a></p>
</div>
</div>
<!-- Add other categories (Japanese Dramas, Chinese Dramas, Movies) following a similar structure -->
<div id="japanese">
<div class="drama">
<img src="mars_zero_no_kakumei.jpg" alt="Mars: Zero no Kakumei">
<p><a href="mars_zero_no_kakumei.html">Mars: Zero no Kakumei</a></p>
</div>
<div class="drama">
<img src="my_love_story_with_my_irresponsible_teacher.jpg" alt="My Love Story With My Irresponsible Teacher">
<p><a href="my_love_story_with_my_irresponsible_teacher.html">My Love Story With My Irresponsible Teacher</a></p>
</div>
<div class="drama">
<img src="ao_haru_ride_season_1.jpg" alt="Ao Haru Ride Season 1">
<p><a href="ao_haru_ride_season_1.html">Ao Haru Ride Season 1</a></p>
</div>
<!-- Add more Japanese dramas as needed -->
</div>
<div id="chinese">
<div class="drama">
<img src="golden_house_hidden_love.jpg" alt="Golden House Hidden Love">
<p><a href="golden_house_hidden_love.html">Golden House Hidden Love</a></p>
</div>
<div class="drama">
<img src="hidden_love.jpg" alt="Hidden Love">
<p><a href="hidden_love.html">Hidden Love</a></p>
</div>
<div class="drama">
<img src="sweet_trap.jpg" alt="Sweet Trap">
<p><a href="sweet_trap.html">Sweet Trap</a></p>
</div>
<div class="drama">
<img src="only_for_love.jpg" alt="Only For Love">
<p><a href="only_for_love.html">Only For Love</a></p>
</div>
<div class="drama">
<img src="our_love_triangle.jpg" alt="Our Love Triangle">
<p><a href="our_love_triangle.html">Our Love Triangle</a></p>
</div>
<!-- Add more Chinese dramas as needed -->
<div id="movies">
<div class="drama">
<img src="target.jpg" alt="Target (Don't Buy The Seller)">
<p><a href="target.html">Target (Don't Buy The Seller)</a></p>
</div>
<div class="drama">
<img src="recalled.jpg" alt="Recalled">
<p><a href="recalled.html">Recalled</a></p>
</div>
<div class="drama">
<img src="monster.jpg" alt="Monster">
<p><a href="monster.html">Monster</a></p>
</div>
<div class="drama">
<img src="200_pounds_beauty.jpg" alt="200 Pounds Beauty">
<p><a href="200_pounds_beauty.html">200 Pounds Beauty</a></p>
</div>
<!-- Add more movies as needed -->
</div>
<footer>
<p>© 2024 DramasubBD. All rights reserved.</p>
</footer>
</body>
</html>