-
Notifications
You must be signed in to change notification settings - Fork 0
/
onepiece.html
178 lines (149 loc) · 6.01 KB
/
onepiece.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=\, initial-scale=1.0">
<title>one Piece</title>
<link rel="stylesheet" href="anotherpg.css">
<script src="https://kit.fontawesome.com/92e6dde6ad.js" crossorigin="anonymous"></script>
<script src="home.js" type="module"></script>
</head>
<body>
<header class="header">
<a href="" class="logo1"> <i class="fa-brands fa-codepen"></i> <span>Animix Osu</span> </a>
<navbar class="navbar">
<a href="index.html" class=" hoveff">Home</a>
<a href="hunterxhunter.html" class="hoveff">Hunter X Hunter</a>
<a href="Naruto.html" class="hoveff">Naruto</a>
<a href="onepiece.html" class="active hoveff">One Piece</a>
<a href="animixosucontact.html" class="hoveff">Contact Us</a>
</navbar>
<div class="icons">
<i class="fa-solid fa-bars" id="menu-bars"></i>
<i class="fa-solid fa-magnifying-glass" id="search-icon"></i>
<i class="fa-regular fa-heart" id="heart"></i>
</div>
</header>
<div class="head">
<h1>One Piece</h1>
</div>
<div class="contain">
<div class="img">
<img src="zoro.avif" alt="">
</div>
<div class="vid">
<video controls src="onepiece.mp4" alt="loading" ></video>
</div>
</div>
<section class="onepiece-content">
<div class="jonar">
<span class="spn1">Animation</span>
<span class="spn1">Action</span>
<span class="spn1">Adventure</span>
</div>
<br>
<p>
Follows the adventures of Monkey D. Luffy and his pirate crew in order to find the greatest treasure ever
left by the legendary Pirate, Gold Roger. The famous mystery treasure named "One Piece".
</p>
<p>
<div class="li">
<span class="spn2">Creator</span><a href="#" target="_blank">Eiichirô Oda</a>
</div>
<div class="li">
<div class="firstbox">
<span class="spn2">Stars</span>
</div>
<div class="secondbox">
<a href="#" target="_blank"> Mayumi Tanaka</a>
<a href="#" target="_blank">Laurent Vernin</a>
<a href="#" target="_blank">Tony Beck</a>
</div>
</div>
<div class="li">
<span class="spn2">Episodes - 1063 </span>
</div>
</section>
<section class="onepiece-content2">
<div class="box">
<h2>
<i class="fa-solid fa-pen-to-square"></i> Storyline
</h2>
<p>There once lived a pirate named Gol D. Roger. He obtained wealth, fame, and power to earn the title of
Pirate King. When he was captured and about to be executed, he revealed that his treasure called One
Piece was hidden somewhere at the Grand Line. This made all people set out to search and uncover the One
Piece treasure, but no one ever found the location of Gol D. Roger's treasure, and the Grand Line was
too dangerous a place to overcome. Twenty-two years after Gol D. Roger's death, a boy named Monkey D.
Luffy decided to become a pirate and search for Gol D. Roger's treasure to become the next Pirate King.
</p>
<a href=""> —J LeGault</a>
</div>
</section>
<section class="toparc">
<h2>Top Arc's</h2>
<div class="container1">
<div class="arcimg">
<img src="arc1.jpg" alt="">
</div>
<div class="arccontent">
<h2>1. Marineford War </h2>
<li> Saga: Summit War Saga</li>
<li>Episodes: 457-489</li>
<li>Manga Chapters: 550-580</li>
</div>
</div>
<div class="container1">
<div class="arcimg">
<img src="arc2.jpg" alt="">
</div>
<div class="arccontent">
<h2> 2. Wano Country (All Acts) </h2>
<li> Saga: Wano Country Saga</li>
<li>Episodes: 890-894, 897-906, 908-1028, 1031-ongoing</li>
<li>Manga Chapters: 909-1057</li>
</div>
</div>
<div class="container1">
<div class="arcimg">
<img src="arc3.jpg" alt="">
</div>
<div class="arccontent">
<h2>3. Enies Lobby Arc </h2>
<li> Saga: Water 7 Saga</li>
<li> Episodes: 264-290, 293-302, 304-312</li>
<li> Manga Chapters: 375-430</li>
</div>
</div>
<div class="container1">
<div class="arcimg">
<img src="arc4.jpg" alt="">
</div>
<div class="arccontent">
<h2>4. Whole Cake Island </h2>
<li> Saga: Whole Cake Island Saga </li>
<li> Episodes: 783-877</li>
<li> Manga Chapters: 825-902</li>
</div>
</div>
<div class="container1">
<div class="arcimg">
<img src="arc5.jpg" alt="">
</div>
<div class="arccontent">
<h2>5. Arlong Park </h2>
<li> Saga: East Blue Saga</li>
<li> Episodes: 31-44</li>
<li> Manga Chapters: 69-95</li>
</div>
</div>
</section>
<!-- ..........footer....................... -->
<div class="footer-bottom">
<p>Copyright © 2023 All Rights Reserved </p>
<br>
<p class="sec">Designed by <span>Karan</span> </p>
</div>
<!-- ..................................................... -->
</body>
</html>