Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Pawfect Pages: Free Heartwarming Stories</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| </head> | |
| <body class="bg-amber-50"> | |
| <header class="bg-amber-900 text-white py-6"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex items-center justify-between"> | |
| <h1 class="text-3xl font-bold flex items-center"> | |
| <i data-feather="book-open" class="mr-2"></i> | |
| Pawfect Pages | |
| </h1> | |
| <nav> | |
| <a href="/" class="hover:text-amber-200 ml-4"><i data-feather="home"></i> Home</a> | |
| <a href="ebook.html" class="hover:text-amber-200 ml-4"><i data-feather="download"></i> Free Ebook</a> | |
| </nav> | |
| </div> | |
| </div> | |
| </header> | |
| <main class="container mx-auto px-4 py-12 text-center"> | |
| <h1 class="text-4xl font-bold text-amber-900 mb-6">Bee and the Big Bright World</h1> | |
| <p class="text-xl text-gray-700 max-w-2xl mx-auto mb-8">A free heartwarming story about love found in unexpected places, and the journey that changes everything.</p> | |
| <div class="flex justify-center mb-12"> | |
| <img src="http://static.photos/nature/640x360/42" alt="Book Cover" class="rounded-lg shadow-xl w-full max-w-md"> | |
| </div> | |
| <a href="ebook.html" class="inline-block bg-amber-600 hover:bg-amber-700 text-white font-bold py-3 px-8 rounded-lg text-lg transition duration-300"> | |
| <i data-feather="download" class="inline mr-2"></i> Download Free Ebook | |
| </a> | |
| <div class="mt-16 max-w-4xl mx-auto"> | |
| <h2 class="text-2xl font-bold text-amber-900 mb-6">About the Story</h2> | |
| <div class="bg-white p-8 rounded-xl shadow-md text-left"> | |
| <p class="mb-4 text-lg">"Bee didn't come from a home. Shane wasn't looking for one. But love has a way of crashing through the door exactly when the world forgets to knock."</p> | |
| <p class="mb-4">This is not just a story about a man and his dog. It's a quiet revolution dressed in muddy paws and laughter. A reminder that the most extraordinary journeys don't begin with maps—they begin with meeting your Bee.</p> | |
| <p>The book is completely free to download and share, because we believe good stories should be available to everyone.</p> | |
| </div> | |
| </div> | |
| </main> | |
| <footer class="bg-amber-900 text-white py-8 mt-12"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <p class="mb-4">Share the love - this book is free for everyone!</p> | |
| <div class="flex justify-center space-x-4 mb-4"> | |
| <a href="#" class="hover:text-amber-200"><i data-feather="facebook"></i></a> | |
| <a href="#" class="hover:text-amber-200"><i data-feather="twitter"></i></a> | |
| <a href="#" class="hover:text-amber-200"><i data-feather="instagram"></i></a> | |
| <a href="#" class="hover:text-amber-200"><i data-feather="mail"></i></a> | |
| </div> | |
| <p class="text-sm text-amber-200">© 2023 Pawfect Pages. All stories belong to their creators.</p> | |
| </div> | |
| </footer> | |
| <script> | |
| feather.replace(); | |
| </script> | |
| </body> | |
| </html> |