47 lines
1.5 KiB
HTML
47 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Test 5 Green</title>
|
|
<style>
|
|
body { background: #1a1a2e; color: white; font-family: Arial; padding: 30px; }
|
|
h1 { color: #00ff00; text-align: center; }
|
|
.grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-top: 30px; }
|
|
.card { text-align: center; background: rgba(0,0,0,0.3); padding: 15px; border-radius: 10px; }
|
|
.card img { max-width: 200px; max-height: 200px; border-radius: 8px; }
|
|
.card .name { font-size: 0.8em; color: #aaa; margin-top: 10px; word-break: break-all; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>🟢 Test: First 5 Images with Green Background</h1>
|
|
<div class="grid">
|
|
|
|
<div class="card">
|
|
<img src="1_eat.png" alt="eat.png">
|
|
<div class="name">eat.png</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<img src="2_idle.png" alt="idle.png">
|
|
<div class="name">idle.png</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<img src="3_milk.png" alt="milk.png">
|
|
<div class="name">milk.png</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<img src="4_walk.png" alt="walk.png">
|
|
<div class="name">walk.png</div>
|
|
</div>
|
|
|
|
<div class="card">
|
|
<img src="5_cannabis_harvested_bundle.png" alt="cannabis_harvested_bundle.png">
|
|
<div class="name">cannabis_harvested_bundle.png</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
</html>
|