Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
1.7 kB
1
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Real Estate Landing Page</title>
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  }

  header {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 1rem 0;
  }

  .container {
    width: 80%;
    margin: 0 auto;
    padding: 2rem 0;
  }

  h1 {
    text-align: center;
    margin-bottom: 2rem;
  }

  .property {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .property img {
    width: 100%;
    height: auto;
  }

  .property-info {
    flex: 1;
  }

  .cta {
    background-color: #333;
    color: white;
    text-align: center;
    padding: 1rem 0;
  }

  .cta a {
    color: white;
    text-decoration: none;
  }
</style>
</head>
<body>
<header>
  <h1>Real Estate Landing Page</h1>
</header>

<main class="container">
  <h1>Featured Property</h1>
  <div class="property">
    <img src="property-image.jpg" alt="Property Image">
    <div class="property-info">
      <h2>Beautiful 3 Bedroom House</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia velit quis sem dignissim porta.</p>
      <p><strong>Location:</strong> 123 Main Street, City, State</p>
      <p><strong>Price:</strong> $500,000</p>
    </div>
  </div>

  <div class="cta">
    <h3>Interested in this property?</h3>
    <p><a href="contact.html">Contact Us Now!</a></p>
  </div>
</main>

<footer>
  <p>&copy; 2023 Real Estate Company. All rights reserved.</p>
</footer>
</body>
</html>