<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website_Sederhana_Dinda06</title>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?
family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar">
<div class="container">
<div class="logo">MyWebsite</div>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="hero-section">
<div class="container">
<h1>Welcome to My Website</h1>
<p>Your one-stop solution for modern web design.</p>
<a href="#contact" class="btn">Get Started</a>
</div>
</section>
<!-- About Section -->
<section id="about" class="about-section">
<div class="container">
<h2>About Us</h2>
<p>We are a team of web developers passionate about creating stunning
websites.</p>
</div>
</section>
<!-- Services Section -->
<section id="services" class="services-section">
<div class="container">
<h2>Our Services</h2>
<div class="service-cards">
<div class="service-card">
<h3>Web Design</h3>
<p>We create responsive and beautiful web designs tailored to
your needs.</p>
</div>
<div class="service-card">
<h3>Development</h3>
<p>Our development team ensures smooth performance and
functionality.</p>
</div>
<div class="service-card">
<h3>SEO Optimization</h3>
<p>Boost your website's visibility with our SEO optimization
services.</p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact-section">
<div class="container">
<h2>Contact Us</h2>
<p>Get in touch for a free consultation.</p>
<form>
<input type="text" placeholder="Your Name">
<input type="email" placeholder="Your Email">
<textarea placeholder="Your Message"></textarea>
<button type="submit" class="btn">Send Message</button>
</form>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<p>© 2024 MyWebsite. All rights reserved.</p>
</div>
</footer>
</body>
</html>
