-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
206 lines (187 loc) · 8.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- fontawesome -->
<script src="https://kit.fontawesome.com/f208e2e4aa.js" crossorigin="anonymous"></script>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css">
<title>Ani-Me</title>
<!-- Fav Icon -->
<link rel="shortcut icon" href="./images/Favicon/fav-icon2.png" type="image/x-icon">
<!-- stylesheet -->
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<!-- header section start -->
<header class="banner">
<div class="banner-title">
<h1><span> Best </span> <br> Anime Characters <br> 2022</h1>
<div class="banner-title-button ">
<a href="https://9anime.to/home" target="_blank">
<div class="button-inner xflex">
<p>watch live</p>
<i class="fas fa-long-arrow-alt-right"></i>
</div>
</a>
</div>
</div>
<div class="banner-img">
<img src="./images/banner.png" alt="One-piece-Law">
</div>
<div class="effect">
</div>
</header>
<!-- header section end -->
<!-- main area start -->
<main class="character-list">
<!-- all character list -->
<section class="characters container">
<!-- single character start -->
<article class="character">
<img src="./images/characters/luffy.png" alt="Luffy">
<h3>Monkey D. Luffy</h3>
<p>Monkey D. Luffy, also known as "Straw Hat" Luffy, is a fictional character and the main protagonist
of the One Piece manga series, created by Eiichiro Oda.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/zoro.png" alt="Zoro">
<h3>Roronoa Zoro</h3>
<p>Roronoa Zoro, also known as "Pirate Hunter" Zoro, is a fictional character in the One Piece franchise
created by Eiichiro Oda. In the story, Zoro is the first crewmate to join Monkey D. Luffy.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/Sanji.png" alt="Sanji">
<h3>Vinsmoke Sanji</h3>
<p>Sanji is one of the crew's top four fighters along with Luffy, Zoro, and Jinbe. He currently has the
third highest bounty in the crew after Luffy and Jinbe.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/nami.png" alt="Nami">
<h3>Neko Burglar nami</h3>
<p>Nami is a fictional character in the One Piece franchise created by Eiichiro Oda. She is based on Ann
and Silk, two characters from Oda's previous manga Romance Dawn.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/chopper.png" alt="Chopper">
<h3>Tony Tony Chopper</h3>
<p>Chopper is a reindeer that ate the Hito Hito no Mi, a Devil Fruit that allows its user to transform
into a human hybrid or a human at will.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/usopp.png" alt="Soge-King">
<h3>Go D. Usopp</h3>
<p>Usopp is the sniper of the Straw Hat Pirates. He is the fourth member of the crew and the third to
join, doing so at the end of the Syrup Village Arc.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/robin.png" alt="Devil-child">
<h3>Nico Robin</h3>
<p>Nico Robin, also known by her epithet "Devil Child" and the "Light of the Revolution", is the
archaeologist of the Straw Hat Pirates.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/brook.png" alt="Brook">
<h3>Soul King Brook</h3>
<p>Brook aka Dead Bones later Soul King is the musician of the Straw Hat Pirates and he is a skeleton
that the Straw Hats found on board of a ghost ship after drifting into the Florian Triangle.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/franky.png" alt="franky">
<h3>Franky</h3>
<p>"Iron Man" Franky is the shipwright of the Straw Hat Pirates. He is the crew's eighth member and the
seventh to join.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/jimbei.png" alt="Jinbe">
<h3>First Son Of The Sea Jinbe</h3>
<p>Jinbe is a whale shark fish-man and a powerful master of Fish-Man Karate.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/marco.png" alt="Marco">
<h3>Marco The Phoenix</h3>
<p>Marco the Phoenix is the former 1st division commander of the Whitebeard Pirates.Once starting out as
an apprentice on the crew,he had come to be Whitebeard's closest confidant and right-hand man.</p>
</article>
<!-- single character end -->
<!-- single character start -->
<article class="character">
<img src="./images/characters/Aokiji.jpeg" alt="Aokiji">
<h3>Kuzan</h3>
<p>Kuzan, better known by his epithet Aokiji, is a former Marine admiral and the first one to be
revealed. He was nominated by Sengoku for the position of fleet admiral.</p>
</article>
<!-- single character end -->
</section>
</main>
<!-- main area end -->
<!-- news start-->
<section class="news">
<article class="single-news">
<h4>Dressrosa</h4>
<img src="./images/Dressrosa-arc.png" alt="luffy vs doflamingo">
<h3>Luffy clashes with doflamingo</h3>
<p>1y . Fake News Morgans</p>
</article>
<article class="single-news">
<h4>Wano</h4>
<img src="./images/wano.png" alt="wanokuni">
<h3>Luffy in wano</h3>
<p>1d. Queen</p>
</article>
</section>
<!-- news end -->
<!-- jolly roger section start -->
<section></section>
<div class="jollyrogers">
<h2>Jolly Roger</h2>
<div class="jollyroger">
<img src="./images/Jolly-roger/luffy.jpg" alt="">
<img src="./images/Jolly-roger/jack-sparrow.jpg" alt="">
<img src="./images/Jolly-roger/law.jpg" alt="">
<img src="./images/Jolly-roger/shanks.jpg" alt="">
<img src="./images/Jolly-roger/WB.jpg" alt="">
<img src="./images/Jolly-roger/zoro.jpg" alt="">
</div>
</div>
<!-- jolly roger section end -->
<!-- footer -->
<footer class="footer">
<div class="inner-footer">
<div class="footer-img">
<img src="./images/oplogo.png" alt="0ne-piece-logo">
</div>
<div class="social-icons">
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
<p>Copyright © 2022 | Imrul Emon</p>
</div>
</footer>
<!-- footer end -->
</body>
</html>