<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bleach Anime - The Soul Reaper Saga</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
}
body, html {
height: 100%;
scroll-behavior: smooth;
}
/* Background Video Styling */
#background-video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: -1;
filter: brightness(50%); /* Darkens the video for text visibility */
}
/* Main Content Styling */
.content {
position: relative;
color: white;
padding: 20px;
background: rgba(0, 0, 0, 0.6); /* Semi-transparent background */
max-width: 900px;
margin: 50px auto;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
}
h1, h2 {
text-align: center;
margin-bottom: 20px;
}
p {
line-height: 1.8;
font-size: 18px;
text-align: justify;
}
/* Navigation Bar */
nav {
background-color: rgba(0, 0, 0, 0.8);
padding: 10px;
text-align: center;
position: sticky;
top: 0;
z-index: 100;
}
nav a {
color: white;
text-decoration: none;
margin: 0 15px;
font-size: 18px;
transition: color 0.3s;
}
nav a:hover {
color: #ffcc00;
}
footer {
background: rgba(0, 0, 0, 0.9);
color: white;
text-align: center;
padding: 10px 0;
margin-top: 20px;
}
</style>
</head>
<body>
<!-- Background Video -->
<video autoplay muted loop id="background-video">
<source src="bleach_background.mp4" type="video/mp4"> <!-- Replace with
your Bleach video file -->
Your browser does not support the video tag.
</video>
<!-- Navigation Bar -->
<nav>
<a href="#story">Story</a>
<a href="#characters">Characters</a>
<a href="#arcs">Story Arcs</a>
<a href="#legacy">Legacy</a>
</nav>
<!-- Main Content -->
<div class="content" id="story">
<h1>Bleach Anime - The Soul Reaper Saga</h1>
<p>*Bleach* is a legendary anime and manga series created by **Tite Kubo**.
It follows the journey of **Ichigo Kurosaki**, a high school student who gains the
powers of a Soul Reaper and protects the world from evil spirits known as
Hollows.</p>
<section id="characters">
<h2>1. Main Characters</h2>
<p><strong>Ichigo Kurosaki:</strong> The protagonist who inherits the
powers of a Soul Reaper.</p>
<p><strong>Rukia Kuchiki:</strong> A noble Soul Reaper who introduces
Ichigo to the world of spirits.</p>
<p><strong>Orihime Inoue:</strong> Ichigo’s friend with healing
abilities.</p>
<p><strong>Uryu Ishida:</strong> A Quincy with a rivalry against Soul
Reapers.</p>
<p><strong>Renji Abarai:</strong> A powerful Soul Reaper and Rukia’s
childhood friend.</p>
</section>
<section id="arcs">
<h2>2. Major Story Arcs</h2>
<p><strong>1. Soul Society Arc:</strong> Ichigo invades Soul Society to
rescue Rukia.</p>
<p><strong>2. Arrancar Arc:</strong> Aizen betrays Soul Society and
leads an army of powerful Hollows.</p>
<p><strong>3. Fullbringer Arc:</strong> Ichigo loses his Soul Reaper
powers and fights new enemies.</p>
<p><strong>4. Thousand-Year Blood War Arc:</strong> The final war
between Soul Reapers and the Quincy army.</p>
</section>
<section id="legacy">
<h2>3. Legacy and Popularity</h2>
<p>*Bleach* remains one of the most popular anime of all time, with
millions of fans worldwide. Its epic fights, deep storylines, and memorable
characters make it a masterpiece in anime history.</p>
</section>
</div>
<!-- Footer -->
<footer>
<p>© 2025 Bleach Anime Fan Page. All Rights Reserved.</p>
</footer>
</body>
</html>