<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hulk Comics</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #0c5436;
color: white;
margin: 0;
padding: 20px;
}
.header {
text-align: center;
margin-bottom: 30px;
}
.header h1 {
color: #4CAF50;
font-size: 3em;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
margin-bottom: 10px;
}
.comics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
max-width: 1400px;
margin: 0 auto;
}
.comic-card {
background-color: rgba(255,255,255,0.1);
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.3);
transition: transform 0.3s ease;
}
.comic-card:hover {
transform: translateY(-5px);
}
.comic-image {
width: 100%;
max-width: 200px;
height: auto;
border-radius: 5px;
margin: 0 auto 15px auto;
display: block;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.comic-title {
font-size: 1.2em;
font-weight: bold;
color: #4CAF50;
margin-bottom: 10px;
text-align: center;
}
.comic-description {
font-size: 0.9em;
line-height: 1.4;
color: #e0e0e0;
margin-bottom: 10px;
}
.comic-details {
font-size: 0.8em;
color: #b0b0b0;
border-top: 1px solid rgba(255,255,255,0.2);
padding-top: 10px;
}
.issue-number {
background-color: #4CAF50;
color: white;
padding: 2px 8px;
border-radius: 3px;
font-weight: bold;
display: inline-block;
margin-bottom: 5px;
}
.on-sale-date {
color: #ffeb3b;
font-weight: bold;
}
</style>
</head>
<body>
<div class="header">
<h1>🦾 HULK COMICS 🦾</h1>
<p>Featuring the incredible adventures of Bruce Banner and his green alter ego!</p>
</div>
<div class="comics-grid">
<!-- Marvel Masterworks: Ant-Man/Giant-Man Vol. 1 -->
<div class="comic-card">
<img src="http://i.annihil.us/u/prod/marvel/i/mg/d/d0/536d433861089.jpg" alt="Marvel Masterworks: Ant-Man/Giant-Man Vol. 1" class="comic-image">
<div class="comic-title">Marvel Masterworks: Ant-Man/Giant-Man Vol. 1</div>
<div class="comic-description">
A hardcover collection featuring classic tales from Tales to Astonish including appearances by the Hulk alongside Ant-Man and Giant-Man adventures.
</div>
<div class="comic-details">
<div class="issue-number">Collection</div>
<div>Format: Hardcover</div>
<div>ISBN: 0-7851-2049-1</div>
</div>
</div>
<!-- X-Men: The Complete Onslaught Epic Vol. 4 -->
<div class="comic-card">
<img src="http://i.annihil.us/u/prod/marvel/i/mg/2/c0/57dae7fc9caf2.jpg" alt="X-Men: The Complete Onslaught Epic Vol. 4" class="comic-image">
<div class="comic-title">X-Men: The Complete Onslaught Epic Vol. 4</div>
<div class="comic-description">
Part of the epic Onslaught crossover event featuring the Hulk alongside the X-Men, Avengers, and Fantastic Four in this reality-shattering storyline.
</div>
<div class="comic-details">
<div class="issue-number">TPB</div>
<div>ISBN: 0-7851-2826-3</div>
<div>Event: Onslaught</div>
</div>
</div>
</div>
<div style="text-align: center; margin-top: 40px; padding: 20px; border-top: 1px solid rgba(255,255,255,0.2);">
<p style="color: #b0b0b0;">Data provided by Marvel. © 2025 MARVEL</p>
<p style="color: #4CAF50;">HULK SMASH! 💥</p>
</div>
</body>
</html>