-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (106 loc) · 6.4 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
<!DOCTYPE html>
<html>
<head><title>Ani4Mative</title>
<meta name="anime"
content="width=device-width,initial-scale=1">
<style>
td{padding-left:40px;padding-right:40px;color:gray;background:rgba(0,0,0,0.8);font-family:monospace;}
.container{position:relative;color:black;}
.select{position:absolute;text-align:center;top:60%;
left:50%;transform:translate(-50%);background:rgba(0,0,0,0);}
</style>
</head>
<body bgcolor="black">
<div class="container">
<video width="100%" height="100%"autoplay muted loop>
<source src="vegeta-ultra-ego.960x540.mp4" type="video/mp4">
</video>
<button onclick="as()" style="position:absolute;top:10px;left:0px;backgroung:rgba(57,14,20,1);"><img src="a5.png" height="40px" width="40px" style="backgroung:rgba(57,20,50,1);" >
</button>
<div id="menu" style="position:absolute;display:none;top:60px;left:0px;">
<table>
<tr><td style="padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px">Home</td></tr>
<tr><td style="padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px;cursor:pointer;"><a href="https://sprit27.github.io/Vormir.co/">Feedback</a></td></tr>
<tr><td style="padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px"><a href="https://1hd.to/movies?page=2">Real Movies</a></td></tr>
<tr><td style="padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px"><a href="https://1hd.to/tv-series">Series</a></td></tr>
<tr><td style="padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px"><a href="https://www.animenewsnetwork.com/">Updates</a></td></tr>
<tr><td style="padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px"><a href="https://www.anitrendz.com/charts/top-anime">Trending</a></td></tr>
</table>
</div>
<script>
function as(){
var x = document.getElementById("menu");
if(x.style.display === "none")
{x.style.display = "block";}
else
{x.style.display = "none";}
}
</script>
<h1 style="position:absolute;text-align:center;font-family:georgia;color:rgb(124,93,143);background:rgba(100,100,100,0.5);top:0%;left:60px;color:black;">Ani4Mative</h1>
<div class="select">
<table border="2px" bordercolor="black" align="center" width="500px" height="50px" >
<tr>
<th bgcolor="white" style="background:rgba(50,50,50,0.3);padding:30px;">Animes:</th>
<td>Dragon Ball</td>
<td >One Peace</td>
<td >Bleach</td>
<td >Naruto</td>
<td >Demon slayer</td>
<td >JJK</td>
<td >AOT</td>
<td>Solo Leveling
</tr>
</table>
</div>
</div>
<h1 align="center" style="color:gray;background:rgba(40,31,48,10);"><b>AniWatch</b></h1><br>
<div class="container">
<img src="a2.png"width=50%>
<h2 style="position:absolute;top:0px;left:51%;color:gray;"><u>Descreption:</u></h2>
<p style="position:absolute;top:45px;left:51%;color:gray;">
Aniwatch is a free and user friendly site which allows you to watch anime for free. It has organised interphase that provides easy sorting,saving,marking of anime. It provide anime in both sub and dub format.<br>
Once you sign in to aniwatch it provides uses to comment and like the perticular episod,along wid many other fetures.<br><br>
Link: <a href="https://aniwatchtv.to/home">Aniwatch.to</a>
</p>
</div><br><br>
<div class="container">
<img src="a3.png" width=40%>
<h2 style="position:absolute;top:0px;left:51%;color:gray;"><u>Logging in:</u></h2>
<p style="position:absolute;top:45px;left:51%;color:gray;">
Logging in provides additional fetures such as:</p>
<ul style="color:gray;position:absolute;left:50%;top:55px">
<li><h3>Continue watching:</h3> It allows youn to pick up the part of the anime where you left</li>
<li><h3>Watch list:</h3> It allows you to mark the animes for future watching </li>
<li><h3>Notification:</h3> It provides notification on the new updates on the anime selected for notification </li>
<li><h3>Watch Together:</h3> It creates a anime streem were you can watch together with your friend, it allows a common chat box like youtube live chat </li></ul>
</div>
<h1 align="center" style="color:gray;background:rgba(40,31,48,10);"><b>AniLab</b></h1><br>
<div class="container">
<img src="a4.png"width=50%>
<h2 style="position:absolute;top:0px;left:51%;color:gray;"><u>Descreption:</u></h2>
<p style="position:absolute;top:45px;left:51%;color:gray;">
Anilab is a free and user friendly <u>app</u> which allows you to watch anime for free. It has organised interphase that provides easy sorting,saving,marking of anime. It provide anime in both sub and dub format.<br>
Once you sign in to anilab it provides uses to comment and like the perticular episod,along wid many other fetures.
<br>other function of anilab are very similar to aniwatch as they have the same parent source, however as anilab is a app insted of a site it provides more stability. anilab has a pc version as well as a mobile version.<br><br>
Link for Android and IOS: <a href="https://anilab.to/">Anilab</a><br>
Link for PC download: <a href="https://github.com/AniLabX/AniLabX-Lite-Desktop/releases">Anilab Lite(PC)</a>
</p>
</div><br><br>
<h1 align="center" style="color:gray;background:rgba(40,31,48,10);"><b>Extra</b></h1><br>
<div class="container">
<a href="https://www.instagram.com/anitrendz/?igsh=MWx6M3d6bXhjMTYxaA%3D%3D">
<img src="a6.jpg" width="40px" style="position:absolute;top:10px;left:150px;color:gray"></a>
<h3 style="position:absolute;top:0px;left:0px;color:gray">Community Page:</h3>
<h3 style="position:absolute;top:40px;left:0px;color:gray;">Voting for trinding: <a href="https://atani.me/m/link?fbclid=PAZXh0bgNhZW0CMTEAAaZYSV6MtUWGjniqGLgzVIFVZ-lV_BofqCPLjBomGi_2pfh1UryVZKNhhqo_aem_ATkPPB7WY08smfvt8yX-1Cn6eQVVZPRpLSZcAe440eKnKeQH8e0d-ufmwanfwGKwUQUF5vXqUR1eNLUy3OvMk7gI">Vote Anime</a></h3>
<h3 style="position:absolute;top:80px;left:0px;color:gray;">Discord: <a href="https://discord.com/invite/anitrendz"><img src="a7.png" width="40px" style="position:absolute;top:80;"></a></h3>
<br><br><br>
<p style="position:absolute;top:120px;left:50%;transform:translate(-50%);color:gray;font-size:40px;">Thank You</p>
<p style="position:absolute;top:170px;left:50%;transform:translate(-50%);color:gray;font-size:20px">(Arigato Gojaimas)</p>
<p style="position:absolute;top:10px;right:0px;color:gray">
Information help: Aniwatch, Anime trindings.<br><br>
Learning help: <a href="https://www.w3schools.com/"> W3Schools.</a><br><br>
Coppyright©2024 Ani4Mative
</p>
</div>
</body>
</html>