suna/backend/agent/workspace/index.html

125 lines
4.7 KiB
HTML
Raw Normal View History

2025-04-08 01:35:40 +08:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2025-04-08 07:38:18 +08:00
<title>Creative Design Studio</title>
2025-04-08 01:35:40 +08:00
<link rel="stylesheet" href="styles.css">
</head>
<body>
2025-04-08 02:15:13 +08:00
<header>
<nav>
2025-04-08 07:38:18 +08:00
<div class="logo">Creative Studio</div>
<ul>
2025-04-08 02:15:13 +08:00
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
2025-04-08 07:38:18 +08:00
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
2025-04-08 02:15:13 +08:00
<li><a href="#contact">Contact</a></li>
2025-04-08 01:35:40 +08:00
</ul>
2025-04-08 02:15:13 +08:00
</nav>
2025-04-08 01:35:40 +08:00
</header>
2025-04-08 02:15:13 +08:00
<main>
<section id="home" class="hero">
2025-04-08 07:38:18 +08:00
<h1>Welcome to Creative Design Studio</h1>
<p class="tagline">We bring your digital dreams to life</p>
<a href="#contact" class="cta-button">Get Started</a>
2025-04-08 02:15:13 +08:00
</section>
2025-04-08 01:35:40 +08:00
2025-04-08 07:38:18 +08:00
<section id="services">
2025-04-08 02:15:13 +08:00
<h2>Our Services</h2>
2025-04-08 07:38:18 +08:00
<div class="services-grid">
<div class="service-card">
2025-04-08 02:15:13 +08:00
<h3>Web Design</h3>
2025-04-08 07:38:18 +08:00
<p>Beautiful, responsive websites that engage your audience</p>
2025-04-08 01:35:40 +08:00
</div>
2025-04-08 07:38:18 +08:00
<div class="service-card">
<h3>Branding</h3>
<p>Unique brand identity that sets you apart</p>
2025-04-08 01:35:40 +08:00
</div>
2025-04-08 07:38:18 +08:00
<div class="service-card">
<h3>Digital Marketing</h3>
<p>Strategic campaigns that drive results</p>
</div>
</div>
</section>
<section id="about">
<h2>About Us</h2>
<div class="about-content">
<p>We are a passionate team of designers and developers dedicated to creating exceptional digital experiences. With years of experience in the industry, we understand what it takes to make your brand stand out.</p>
<div class="stats">
<div class="stat-item">
<span class="number">100+</span>
<span class="label">Projects Completed</span>
</div>
<div class="stat-item">
<span class="number">50+</span>
<span class="label">Happy Clients</span>
</div>
<div class="stat-item">
<span class="number">5+</span>
<span class="label">Years Experience</span>
</div>
2025-04-08 01:35:40 +08:00
</div>
</div>
2025-04-08 02:15:13 +08:00
</section>
2025-04-08 01:35:40 +08:00
2025-04-08 07:38:18 +08:00
<section id="portfolio">
<h2>Our Work</h2>
<div class="portfolio-grid">
<div class="portfolio-item">Project 1</div>
<div class="portfolio-item">Project 2</div>
<div class="portfolio-item">Project 3</div>
<div class="portfolio-item">Project 4</div>
</div>
</section>
<section id="contact">
2025-04-08 02:15:13 +08:00
<h2>Contact Us</h2>
2025-04-08 07:38:18 +08:00
<div class="contact-container">
<form class="contact-form">
<input type="text" placeholder="Your Name" required>
<input type="email" placeholder="Your Email" required>
<textarea placeholder="Your Message" required></textarea>
<button type="submit" class="submit-button">Send Message</button>
</form>
<div class="contact-info">
<p>Email: info@creativestudio.com</p>
<p>Phone: (555) 123-4567</p>
<p>Address: 123 Creative Street, Design City</p>
</div>
</div>
2025-04-08 02:15:13 +08:00
</section>
</main>
2025-04-08 01:35:40 +08:00
2025-04-08 02:15:13 +08:00
<footer>
2025-04-08 07:38:18 +08:00
<div class="footer-content">
<div class="footer-section">
<h4>Creative Studio</h4>
<p>Creating digital excellence since 2019</p>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Connect With Us</h4>
<div class="social-links">
<a href="#">Facebook</a>
<a href="#">Twitter</a>
<a href="#">Instagram</a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 Creative Design Studio. All rights reserved.</p>
</div>
2025-04-08 01:35:40 +08:00
</footer>
</body>
</html>