-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
300 lines (227 loc) · 12.8 KB
/
index.html
File metadata and controls
300 lines (227 loc) · 12.8 KB
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
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anipub</title>
<link rel="icon" href="AniPub/Logo/dfd.jpg" type="image" >
<link href="https://vjs.zencdn.net/8.16.1/video-js.css" rel="stylesheet" >
<link rel="stylesheet" href="AniPub/style/header.css">
<link rel="stylesheet" href="AniPub/style/anipub.css">
<link rel="stylesheet" href="AniPub/style/f-section.css">
<link rel="stylesheet" href="AniPub/style/siteInfo.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=Gruppo&display=swap" rel="stylesheet">
<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=Tenali+Ramakrishna&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="AniPub/style/meAni.css">
<link rel="stylesheet" href="AniPub/style/modal.css">
<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="AniPub/style/media-anipub.css">
<link rel="stylesheet" href="AniPub/style/FinalMedia.css">
</head>
<body>
<div class="header-div" >
<a href="/" target="_blank" class="first-section-a">
<div class="first-section">
<div class="logo-div" >
<img class="logo" src="AniPub/Logo/Logo-1.png" alt="">
</div>
<div class="details">
<p class="name">AniPub</p>
<p class="slogan" style="margin-left: 1px; margin-top: -2px;">Yamate Kudasai</p>
</div>
</div>
</a>
<div class="Second-Section">
<button class="about-us" onclick = "alert('This Website is in a prodution phase and a prototype!')">About Us</button>
<button class="help-button" onclick = "alert('This Website is in a prodution phase and a prototype!')">
?
</button>
</div>
</div>
<!---🚨 -->
<div class="f-section">
<div class="An-div">
<div class="First-section">
<div class="header"><span>🚨</span><p class="hp"> <span> New Announcement:</span> Welcome to AniPub!</p><span>🚨</span></div>
<div class="im-div">
<img class="logo-l" src="AniPub/Logo/luffy5.png" alt="">
</div>
</div>
<div class="second-section">
<div class="img-div">
<img class="logo2" src="AniPub/Logo/luffy3.png" alt="">
<a target="_blank" href="https://github.com/AdnanDLuffy/"> <button class="Git-button">
<img class="git-im" src="AniPub/Logo/github.svg" alt="">
Githhub
</button></a>
<a target="_blank" href="https://www.facebook.com/NarutoTheHokageDatttebayo13"> <button class="fb-b">
<img class="f-p" src="AniPub/Logo/fb.svg" alt="">Facebook
</button></a>
<div class="construction">
<img class="ci" src="AniPub/Logo/construction.png" alt="">
</div>
<a href="AniPub/Home.html"><div class="an-d">
<button class="">Home</button>
</div></a>
</div>
<div class="ann-div">
<div>
<p class="start">Ahoy, Nakama!! 🏴☠️</p>
</div>
<div class="s">
<p class="s2">
The time has come to set sail .<span class="s6"> Get ready to embark on an adventure filled with mysteries, excitement, and the thrill of youth!</span>
</p>
</div>
<div class="s">
<p class="s3"> <span class="s6">Imagine the explosive power of Naruto’s Rasengan colliding with the heart-pounding romance of youth! It’s a world where dreams come true and friendships are forged in the heat of battle!</span>
Everything lies beyond the Red Line, and we’re ready to navigate those uncharted waters together aboard the Thousand Sunny! </div>
<div class="s">
<p class="s4">So grab your crew, hoist the sails, and let’s dive into a treasure trove of anime adventures! Join us as we share our passion, make new friends, and create memories that will last a lifetime!</p>
</div>
</div>
</div>
</div>
<div class="con-tainer alukha">
<video id="my-video"
class="video-js video-js2"
controls
poster="AniPub/Video/Thumbnail/thumbnail1.jpg"
preload="auto"
width="600"
height="400"
data-setup="{}">
<source src="AniPub/Video/ ONE PIECE - UNLEASHED Final Saga Trailer AMV.mp4" type="video/mp4">
</video>
<img class="ship" src="AniPub/Logo/TTS.png" alt="">
</div>
</div>
<div class="abt-site">
<div class="main-container">
<div class="con-tainer2">
<video id="my-video"
controls
poster="AniPub/Video/Thumbnail/thumbnail2.jpg"
preload="auto"
class="video-js2 video-js"
data-setup="{}">
<source src="AniPub/Video/Doflamingo ASMV - Justice Will Prevail - One Piece.mp4" type="video/mp4">
</video>
</div>
<div class="ReviewS">
<div class="r-vtitle">Reviews</div>
<div class="ReviewS-c r-rv">
<div class="img-dp">
<img class="profile-pic" src="AniPub/Logo/Zoro.png" alt="">
</div>
<div class="pi-div">
<p class="nameprofile">Roronoa Zoro</p>
<p class="desc">I lost my way while searching for the best anime, and somehow I stumbled upon this site. Now, I can’t seem to leave! It’s as solid as my swords, packed with great discussions and insights. If you’re a true anime fan, you’ll find yourself hooked just like I am! </p>
</div>
</div>
<div class="ReviewS-c">
<div class="img-dp">
<img class="profile-pic" src="AniPub/profilePic/Naruto.png" alt="">
</div>
<div class="pi-div">
<p class="nameprofile">Naruto Uzumaki</p>
<p class="desc">This website is awesome! It’s like a gathering of all my ninja friends talking about the best anime. The energy here is incredible, and it makes me want to watch even more. Let’s go on an anime adventure together! Dattebayo!</p>
</div>
</div>
<div class="ReviewS-c">
<div class="img-dp">
<img class="profile-pic" src="AniPub/profilePic/Eren.jpg" alt="">
</div>
<div class="pi-div">
<p class="nameprofile">Eren Yeager</p>
<p class="desc">This site captures the essence of what it means to be a true anime fan. It’s raw and real, just like the battles we face. If you want to understand the struggles and triumphs in anime, you’ve found the right place. Tatakae</p>
</div>
</div>
<div class="ReviewS-c">
<div class="img-dp">
<img class="profile-pic" src="AniPub/profilePic/Bell.jpg" alt="">
</div>
<div class="pi-div">
<p class="nameprofile">Bell Cranell</p>
<p class="desc">This site feels like a new dungeon waiting to be explored! The discussions about heroism and adventure in anime inspire me, and I love connecting with others who share the same passion for epic journeys!</p>
</div>
</div>
</div>
<div class="dialog-div" style="height: fit-content; padding-top: 10px;
padding-bottom: 10px;">
<div class="texts">
<p class="ti-tle">┌──(user(>-<)AniPub)-[~]</p>
<p class="text1">└─$ AniPub</p>
<p class="text2">└─$ Fast, Secure and convenient</p>
<p class="text3">└─$ Dattebayo !</p>
</div>
<dialog class="dialog">
<p class="salam">Assalamualaikum</p>
<p class="intro">Hope you like this prototype home page ..
Well I am Working on the other pages Now ..
I only know HTML , CSS and JS ... so it will be
difficult for me to apply this as an actual site + I need
money :) Any suggestion ? ... So if you wanna contribute in this project feel free
to do so! suggestion appreciated (>-<)
</p>
<p class="info">Info:-</p>
<p class="nameM">Name:Abdullah Al Adnan</p>
<div class="b-m-div">
<a target="_blank" href="https://github.com/AdnanDLuffy/"><button class="Git-buttonM">
<img class="git-im" src="AniPub/Logo/github.svg" alt="">
Githhub
</button></a>
<a target="_blank" href="https://www.facebook.com/NarutoTheHokageDatttebayo13"> <button class="fb-bM">
<img class="f-p" src="AniPub/Logo/fb.svg" alt="">Facebook
</button> </a>
</div>
<div class="wmdiv"><p class="Wm">Do you want to leave this ?</p> </div>
<div class="lbm"><button class="leave">Yes</button><button class="stay">No</button></div>
</dialog>
<div class="buttons">
<button class="d-m-button">Dev's Message</button>
</div>
</div>
</div>
<div class="p-container">
<div class="he-ader">
<p class="title">Ahoy, Nakama! Welcome to AniPub!</p>
<p class="question1">Why You Should Set Sail with AniPub! </p>
<p class="description">Hey there, fellow anime lovers! It’s me, Luffy! If you’re looking for a place to dive into the amazing world of anime, then AniPub is the treasure you’ve been searching for! Here’s why you should join me on this epic adventure:</p>
</div>
<div class="container2">
<div class="m-div" >
<p class="question2">1.Super Easy to Navigate!</p>
<p class="description2">Just like sailing the Grand Line, navigating AniPub is a piece of cake! Our website is designed so that even a kid can find their way around. With bright colors and simple menus, you won’t get lost! Whether you’re a newbie or a seasoned pirate, you’ll be able to find your favorite shows and discover new ones without any trouble. It’s as easy as stretching my rubber arms!</p>
</div>
<div class="m-div">
<p class="question2">2.Cross the Red Line to Find Your Treasure!</p>
<p class="description2">At AniPub, we believe that every anime fan deserves to find their own treasure! Just like crossing the Red Line, you’ll embark on a thrilling journey filled with surprises. With our special recommendations and curated lists, you’ll uncover hidden gems that’ll make your heart race! Get ready to set sail on an adventure where every click brings you closer to the anime you’ve been dreaming of!</p>
</div>
<div class="m-div">
<p class="question2">3.Feel the Romance and Thrill!</p>
<p class="description2">Get ready for some heart-fluttering moments! At AniPub, you can experience the sweet romance of shows like Tonikaku Kawaii and Shikimori-san is Just a Cutie. They’ll make you feel all warm and fuzzy inside! And if you’re craving action, you’ll find thrills that pack a punch, just like my Gear Fourth! Whether it’s Sasuke’s Chidori or Saitama’s epic punches, we’ve got the adrenaline rush you’re looking for!</p>
</div>
<div class="m-div">
<p class="question2">4.Relive Your Youthful Adventures!</p>
<p class="description2">Anime has a magical way of bringing back the joy of youth! At AniPub, you can relive those exciting moments and feel like a kid again! Join a crew of fellow anime fans who share your passion and excitement. Together, we’ll explore new worlds, share our favorite stories, and create unforgettable memories! It’s like having your own Straw Hat crew, ready to take on any adventure!
</p>
</div>
<div>
<p class="title">Join Me on This Epic Journey at AniPub!</p>
<p class="description">So what are you waiting for, nakama? AniPub isn’t just a website; it’s a grand adventure waiting for you! With our easy-to-use design, treasure-hunting features, and a treasure trove of genres, you’ll find everything you need to satisfy your anime cravings. Let’s set sail together and discover the amazing world of anime at AniPub!
Grab your straw hat, and let’s go find some treasure!</p>
</div>
</div>
</div>
</div>
<script src="AniPub/JS/modal.js"></script>
<script src="https://vjs.zencdn.net/8.16.1/video.min.js"></script>
</body>
</html>