Apple

 avatar
unknown
html
a month ago
1.5 kB
2
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Apple Mock Website</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <header class="header">
    <div class="logo">MockApple</div>
    <nav>
      <ul class="nav-links">
        <li><a href="#products">Products</a></li>
        <li><a href="#store">Store</a></li>
        <li><a href="#support">Support</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>
    <div class="search">🔍</div>
  </header>

  <section class="hero">
    <h1>Innovative Technology, Redefined</h1>
    <p>Experience the future of design and performance.</p>
    <div class="cta-buttons">
      <button>Learn More</button>
      <button>Buy Now</button>
    </div>
  </section>

  <section id="products" class="products">
    <div class="product">
      <h2>Smartphone</h2>
      <p>Advanced performance in your hand.</p>
    </div>
    <div class="product">
      <h2>Laptop</h2>
      <p>Designed for professionals.</p>
    </div>
    <div class="product">
      <h2>Earbuds</h2>
      <p>Immerse yourself in sound.</p>
    </div>
  </section>

  <footer class="footer">
    <p>© 2024 MockTech. All rights reserved.</p>
    <ul class="footer-links">
      <li><a href="#">Privacy Policy</a></li>
      <li><a href="#">Terms of Service</a></li>
      <li><a href="#">Careers</a></li>
    </ul>
  </footer>
</body>
</html>
Leave a Comment