Spaces:
Running
Running
<html lang="ro"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Carte: Cum am supravețuit clasei a VIII-a</title> | |
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/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">Cum am supravețuit clasei a VIII-a</h1> | |
<p class="text-gray-400 text-lg mb-6"> | |
Citește cartea pe internet. | |
</p> | |
<div class="flex justify-between items-center mb-6"> | |
<span class="text-lg font-semibold text-green-400">Gratuit</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'"> | |
Citește acum | |
</button> | |
</div> | |
<div class="text-sm text-gray-400"> | |
<p class="mt-2">Carte scanată de: <i>Petru.</i></p> | |
</div> | |
</div> | |
</body> | |
</html> |