What do you want to build?
Content: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Dalton Plus Michael Pills | A Parody</title> <meta name="description" content="DaltonPlusMichaelPills.com - A parody that pokes fun at the peculiarities of tech industry gurus like Paul Graham."> <link rel="icon" type="image/png" href="https://service-jobs-images.s3.us-east-2.amazonaws.com/mwo2cre8cgh3n3y3qb0jgaiuas4l"> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" /> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> </head> <body class="bg-gradient-to-br from-gray-100 to-gray-200 font-sans"> <main class="pt-5"> <section class="min-h-screen flex items-center justify-center px-4 py-5"> <div class="text-center max-w-4xl mx-auto px-4" data-aos="fade-up"> <h1 class="text-5xl font-bold text-gray-800 mb-6 leading-tight"> Brain Pills Make You Smart <span class="text-transparent bg-clip-text bg-gradient-to-r from-red-500 to-red-700"> . </span> </h1> <div class="flex flex-col sm:flex-row items-center justify-center mb-8"> <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/mwo2cre8cgh3n3y3qb0jgaiuas4l" alt="Dalton Plus Michael Logo" class="w-24 sm:w-32 mb-4 sm:mb-0 sm:mr-6"> <h2 class="text-xl sm:text-2xl text-gray-600 text-center sm:text-left">They will protect you from over-believing in conspiracy theories.</h2> </div> <div class="flex justify-center space-x-8 mb-12"> <div class="flex flex-col items-center"> <i class="fas fa-search w-12 h-12 text-red-600 mb-2"></i> <span class="font-semibold">Find PMF</span> </div> <div class="flex flex-col items-center"> <i class="fas fa-dollar-sign w-12 h-12 text-red-600 mb-2"></i> <span class="font-semibold">Raise Money</span> </div> <div class="flex flex-col items-center"> <i class="fas fa-thumbs-up w-12 h-12 text-red-600 mb-2"></i> <span class="font-semibold">PG Approved</span> </div> </div> <p class="text-lg text-gray-600 mb-8"> This is a parody, we don't sell actual pills. </p> <a href="#" class="bg-gradient-to-r from-red-500 to-red-700 text-white px-8 py-3 rounded-lg text-xl font-bold hover:from-red-600 hover:to-red-800 transition duration-300 inline-flex items-center"> Join the Fun <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </a> </div> </section> <section class="min-h-screen flex items-center justify-center px-4 py-16 bg-white"> <div class="max-w-4xl mx-auto"> <h2 class="text-3xl font-bold text-gray-800 mb-8 text-center" data-aos="fade-up">Why Choose Dalton Plus Michael Pills?</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-8"> <div class="bg-gray-100 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="100"> <div class="flex items-center mb-6"> <i class="fas fa-brain h-10 w-10 text-red-500 mr-4"></i> <h3 class="text-2xl font-bold text-gray-800">Brain Pills Are Smart</h3> </div> <p class="text-gray-600 text-lg">This is where you'll find hilarity in the absurdity of tech culture <br> <br> Isn't it amusing when they say: “Brain Pills Make You Smart?”</p> </div> <div class="bg-gray-100 p-8 rounded-xl shadow-lg" data-aos="fade-up" data-aos-delay="200"> <div class="flex items-center mb-6"> <i class="fas fa-shield-alt h-10 w-10 text-red-500 mr-4"></i> <h3 class="text-2xl font-bold text-gray-800">Protect From The Conspiracies</h3> </div> <p class="text-gray-600 text-lg"> They say ignorance is bliss, but brain pills will help you discern <br> <br> Just don’t swallow too many — your brain might explode with irony! </p> </div> </div> </div> </section> <div class="flex justify-center py-8"> <a href="#" class="bg-gradient-to-r from-red-500 to-red-700 text-white px-8 py-3 rounded-lg text-xl font-bold hover:from-red-600 hover:to-red-800 transition duration-300 inline-flex items-center"> Join the Fun <svg class="w-5 h-5 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path> </svg> </a> </div> <footer class="bg-gray-800 py-6 text-white sm:py-8"> <div class="container mx-auto px-4 text-center sm:px-6"> <p>© 2024 DaltonPlusMichaelPills.com. This is a parody. All rights reserved.</p> <div class="mt-4 flex justify-center space-x-4"> <a href="#" class="hover:text-red-400">Disclaimer</a> <a href="#" class="hover:text-red-400">Terms of Service</a> <a href="#" class="hover:text-red-400">Contact Us</a> </div> </div> </footer> <script> AOS.init({ duration: 1000, once: true, }); </script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha384-k6RqeWeci5ZR/Lv4MR0sA0FfDOM9d0q/x0oYt9x2m3zqjJ4GKv83aa5z6sL4cM" crossorigin="anonymous"> </body> </html>
Web page: 13
What do you want to build?
