Untitled
unknown
plain_text
2 years ago
1.5 kB
6
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Landing Page</title>
<style>
body { font-family: Arial, sans-serif; }
.header, .footer { background: #333; color: white; padding: 10px 0; text-align: center; }
.hero { background: #eee; padding: 50px 0; text-align: center; }
.section { padding: 20px 0; text-align: center; }
.contact-form { max-width: 300px; margin: 0 auto; }
.contact-form input, .contact-form button { width: 100%; padding: 10px; margin: 5px 0; }
</style>
</head>
<body>
<div class="header">
<!-- Add your navigation and contact information here -->
</div>
<div class="hero">
<!-- Hero section with CTA -->
<h1>Welcome to Our Service</h1>
<p>Get the best service for your needs.</p>
<button>Get a Quote</button>
</div>
<div class="section">
<!-- Details about services and features -->
<h2>Our Services</h2>
<p>Details about the service provided.</p>
</div>
<div class="section">
<!-- Testimonials or reviews -->
<h2>Testimonials</h2>
<p>What our customers say.</p>
</div>
<div class="section contact-form">
<!-- Contact form -->
<h2>Contact Us</h2>
<input type="text" placeholder="Your Name">
<input type="email" placeholder="Your Email">
<input type="tel" placeholder="Your Phone">
<button>Submit</button>
</div>
<div class="footer">
<!-- Footer content -->
<p>© 2023 Your Company Name</p>
</div>
</body>
</html>
Editor is loading...
Leave a Comment