Untitled

mail@pastecode.io avatar
unknown
plain_text
7 months ago
1.5 kB
3
Indexable
Never
<!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>&copy; 2023 Your Company Name</p>
</div>

</body>
</html>
Leave a Comment