image-viewer-mg / index.html
vericudebuget's picture
Update index.html
8ceeb89 verified
<!DOCTYPE html>
<html lang="ro">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Takou no Koori Hime wo Tasuketara, Otomodachi kara Hajimeru Koto ni Narimashita</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
<style>
body {
background-color: #1a202c;
color: #e2e8f0;
}
</style>
</head>
<body class="min-h-screen flex items-center justify-center p-4">
<div class="max-w-lg w-full bg-gray-800 rounded-xl shadow-lg overflow-hidden p-6">
<img src="cover1.jpg" alt="Coperta Carte" class="mx-auto mb-6 rounded-lg shadow-md">
<h1 class="text-2xl font-bold mb-4 text-white">Takou no Koori Hime wo Tasuketara, Otomodachi kara Hajimeru Koto ni Narimashita</h1>
<p class="text-gray-400 text-lg mb-6">
cleaned raw images.
</p>
<div class="flex justify-between items-center mb-6">
<span class="text-lg font-semibold text-green-400">v.d.b</span>
<button class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition duration-300" onclick="window.location.href='reader.html'">
read now
</button>
</div>
</div>
</body>
</html>