- 2
Anime website
I want to create responsive anime website using html css and javascript
25 Respostas
+ 1
Sir I need help please solve my js question
Explanation: It will take 150/40 = 3.75 hours to cover the distance, which is equivalent to 3.75*60 = 225 minutes.
+ 1
C isn't a good starting language, it's kind of hard, start with python.
0
Nowadays you can get a lot of animation effects using only HTML and CSS
0
Well bro it is a micro project of client side javascript
0
Goo
0
HTML Struture
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anime Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<nav>
<h1>Anime World</h1>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#catalog">Catalog</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="home">
<h2>Welcome to Anime World!</h2>
<p>Your number one source for everything anime.</p>
</section>
<section id="about">
<h2>About Us</h2>
<p>We are passionate about anime and want to share it with the world.</p>
</section>
<section id="catalog">
<h2>Anime Catalog</h2>
<ul>
<li>Attack on Titan</li>
<li>My Hero Academia</li>
<li>One Piece</li>
<li>Demon Slayer</li>
</ul>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>Have questions? <a href="mailto:info@animeworld.com">Email us!</a></p>
</section>
</main>
<footer>
<p>© 2025 Anime World. All rights reserved.</p>
</footer>
<script src="script.js"></script>
</body>
</html>
0
CSS Struture
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
}
header {
background: #4CAF50;
color: #fff;
padding: 10px 0;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
nav h1 {
margin: 0;
}
nav ul {
list-style: none;
display: flex;
}
nav ul li {
margin: 0 15px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
main {
padding: 20px;
}
section {
margin-bottom: 20px;
}
footer {
text-align: center;
padding: 10px 0;
background: #4CAF50;
color: #fff;
}
@media (max-width: 600px) {
nav ul {
flex-direction: column;
align-items: center;
}
}
A simple JS
// This script can be extended for more interactive features.
console.log("Welcome to Anime World!");
- 1
No
- 1
What?
- 1
Anime website
- 1
Learn C language
Costuma ter perguntas como essa?
Aprenda de maneira mais eficiente, de graça:
Quente hoje
Why javascript
0 Votes
Virtual memory verification
0 Votes
Anagram
0 Votes
How people get that much xp
1 Votes
Create a business website
1 Votes
Where is react course?
1 Votes