mail@pastecode.io avatar
7 months ago
1.5 kB
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Your Landing Page</title>
  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; }

<div class="header">
  <!-- Add your navigation and contact information here -->

<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 class="section">
  <!-- Details about services and features -->
  <h2>Our Services</h2>
  <p>Details about the service provided.</p>

<div class="section">
  <!-- Testimonials or reviews -->
  <p>What our customers say.</p>

<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">

<div class="footer">
  <!-- Footer content -->
  <p>&copy; 2023 Your Company Name</p>

Leave a Comment