mirror of https://github.com/kortix-ai/suna.git
94 lines
4.2 KiB
HTML
94 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Adam Cohen Hillel | Creative Developer</title>
|
||
<link rel="stylesheet" href="styles.css">
|
||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<nav>
|
||
<ul>
|
||
<li><a href="#about">About</a></li>
|
||
<li><a href="#experience">Magic</a></li>
|
||
<li><a href="#contact">Let's Create</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
<section id="hero">
|
||
<div class="hero-content">
|
||
<h1>Adam Cohen Hillel</h1>
|
||
<p class="tagline">Digital Alchemist & Code Artist</p>
|
||
<p class="sub-tagline">Turning caffeine into code & dreams into pixels</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="about">
|
||
<div class="container">
|
||
<h2>The Plot Twist</h2>
|
||
<div class="about-content">
|
||
<div class="about-text">
|
||
<p>👋 Yo! I'm Adam – part code wizard, part digital troublemaker. When I'm not pushing pixels around or making browsers do backflips, I'm probably dreaming up the next big thing that'll make your users go "Holy sh*t!"</p>
|
||
<p>I don't just build websites – I craft digital experiences that punch mediocrity in the face. Think of me as your technical creative director who actually knows how to code. Wild, right?</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="experience">
|
||
<div class="container">
|
||
<h2>The Magic Happens Here</h2>
|
||
<div class="experience-grid">
|
||
<div class="experience-card">
|
||
<i class="fas fa-wand-magic-sparkles"></i>
|
||
<h3>Creative Coding</h3>
|
||
<p>Making pixels dance and interfaces sing. Your website won't just exist – it'll perform.</p>
|
||
</div>
|
||
<div class="experience-card">
|
||
<i class="fas fa-brain"></i>
|
||
<h3>Digital Innovation</h3>
|
||
<p>Breaking conventions and building tomorrow's web experiences today. Because normal is boring.</p>
|
||
</div>
|
||
<div class="experience-card">
|
||
<i class="fas fa-rocket"></i>
|
||
<h3>Performance Art</h3>
|
||
<p>Crafting lightning-fast, butter-smooth experiences that'll make your users' jaws drop.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact">
|
||
<div class="container">
|
||
<h2>Let's Create Something Legendary</h2>
|
||
<div class="contact-content">
|
||
<div class="social-links">
|
||
<a href="#" class="social-link"><i class="fab fa-linkedin"></i></a>
|
||
<a href="#" class="social-link"><i class="fab fa-github"></i></a>
|
||
<a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
|
||
</div>
|
||
<div class="contact-form">
|
||
<form>
|
||
<input type="text" placeholder="Your Name (Required for Spellcasting)" required>
|
||
<input type="email" placeholder="Your Email (Promise Not to Spam)" required>
|
||
<textarea placeholder="Tell me about your wildest digital dreams..." required></textarea>
|
||
<button type="submit">Send It to the Moon 🚀</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<p>© 2023 Adam Cohen Hillel. Made with ☕️ and good vibes.</p>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html> |