Apple
<!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