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"> <svg class="w-12 h-12 text-red-600 mb-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="M12 2c1.11 0 2.08.402 2.599 1M12 2v10m0 0v10m0-10H5M4.7 11H12m-1 5h1c2 0 2.5-3.5 2.5-5S14 6 12 6 9.5 8.5 9.5 10C9.5 11.5 11 12 11 14h1.5 1M3 12c0 5.592 3.824 10.291 9 11.622"></path> </svg> <span class="font-semibold">Find PMF</span> </div> <div class="flex flex-col items-center"> <svg class="w-12 h-12 text-red-600 mb-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="M9 12l2 2 4-4m-4 4v5.59M20.623 12c.26 1.897-.115 3.473-1.406 4.444C17.347 18.463 14.98 20 12 20c-3.045 0-5.872-1.643-7.372-4.472A5.978 5.978 0 0112 6c3.045 0 5.872 1.643 7.372 4.472C21.549 10.481 20.992 11.297 20.623 12z"></path> </svg> <span class="font-semibold">Raise Money</span> </div> <div class="flex flex-col items-center"> <svg class="w-12 h-12 text-red-600 mb-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="M12 2l2.5 7h7l-5.5 4 2.5 7-5.5-4-5.5 4 2.5-7-5.5-4h7z"></path> </svg> <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"> <svg class="h-10 w-10 text-red-500 mr-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" /> </svg> <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"> <svg class="h-10 w-10 text-red-500 mr-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <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> </body> </html>
Web page: 13
What do you want to build?
