LlamaPress
Templates
Home
Webpages
Source Code
Activated Features
Show Database
Templates
Editing web page history
Content
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Antoine's Bio | UC Berkeley AI Research</title> <meta name="description" content="Learn about Antoine, a researcher from France at UC Berkeley, specializing in AI and its applications."> <script src="https://cdn.tailwindcss.com"></script> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Sacramento&display=swap" rel="stylesheet" /> </head> <body class="bg-gradient-to-br from-yellow-300 via-red-500 to-pink-500 font-sans"> <header class="bg-black shadow-lg"> <nav class="container mx-auto px-4 py-4"> <div class="flex justify-between items-center"> <div class="text-3xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-green-400 to-blue-500">Antoine's Bio</div> <div> <a href="#about" class="text-white hover:text-yellow-300 mx-2 transition duration-300">About</a> <a href="#research" class="text-white hover:text-yellow-300 mx-2 transition duration-300">Research</a> <a href="#contact" class="text-white hover:text-yellow-300 mx-2 transition duration-300">Contact</a> </div> </div> </nav> </header> <main class="container mx-auto mt-10 px-4"> <section id="about" class="mb-12 text-center"> <h1 class="mb-4 text-6xl font-extrabold text-transparent bg-clip-text bg-gradient-to-r from-blue-500 to-pink-500">Meet Antoine</h1> <img src="https://service-jobs-images.s3.us-east-2.amazonaws.com/vxq460gvzb1z9fhqk1rasy0utr9t" alt="Antoine's Profile" class="w-48 h-48 mx-auto rounded-full border-8 border-white shadow-lg animate-pulse" /> <p class="mt-4 text-lg text-white">A passionate AI researcher from France, currently exploring innovative solutions at UC Berkeley.</p> </section> <section id="research" class="mb-12"> <h2 class="mb-6 text-4xl font-bold text-white text-center">Research Interests</h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <div class="bg-gradient-to-br from-purple-500 to-blue-500 p-6 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300"> <h3 class="text-xl font-semibold text-white">AI and Machine Learning</h3> <p class="text-gray-200">Investigating the latest algorithms and their real-world applications.</p> </div> <div class="bg-gradient-to-br from-red-500 to-orange-500 p-6 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300"> <h3 class="text-xl font-semibold text-white">Natural Language Processing</h3> <p class="text-gray-200">Working on AI systems that understand and generate human language.</p> </div> <div class="bg-gradient-to-br from-green-500 to-teal-500 p-6 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300"> <h3 class="text-xl font-semibold text-white">Computer Vision</h3> <p class="text-gray-200">Enhancing machine perception of images and videos.</p> </div> </div> </section> <section id="contact" class="text-center"> <h2 class="mb-6 text-4xl font-bold text-white">Get in Touch</h2> <p class="text-lg text-gray-200">Feel free to reach out for collaborations or inquiries!</p> <a href="mailto:antoine@example.com" class="mt-4 inline-block bg-gradient-to-r from-blue-500 to-green-500 text-white px-6 py-3 rounded-lg hover:bg-gradient-to-l transition duration-300">Contact Me</a> </section> </main> <footer class="bg-black py-6 text-white mt-12"> <div class="container mx-auto text-center"> <p>© 2024 Antoine. All rights reserved.</p> <div class="mt-4"> <a href="#" class="hover:text-yellow-300">Privacy Policy</a> <span class="mx-2">|</span> <a href="#" class="hover:text-yellow-300">Terms of Service</a> <span class="mx-2">|</span> <a href="#" class="hover:text-yellow-300">Follow Me</a> </div> </div> </footer> </body> </html>
Web page
Show this web page history
Back to web page histories
What do you want to build?
LLama Bot
×
Chat History
Send
"
"
Restore Selected Chat
