41 lines
1.8 KiB
HTML
41 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
</head>
|
|
<link rel="stylesheet" href="styles.css">
|
|
<body>
|
|
<nav id="navbar" class="horizontal">
|
|
<div class="logo" aria-label="Apple">
|
|
<img src="https://www.apple.com/ac/globalnav/7/en_US/images/svg/apple.svg" alt="Apple">
|
|
</div>
|
|
<div>Store</div><div>Mac</div><div>iPad</div><div>iPhone</div><div>Watch</div><div>Vision</div><div>AirPods</div><div>TV & Home</div><div>Entertainment</div><div>Accessories</div><div>Support</div>
|
|
<span class="nav-icon" aria-label="Search">
|
|
<img src="https://www.apple.com/ac/globalnav/7/en_US/images/svg/search.svg" alt="">
|
|
</span>
|
|
<span class="nav-icon" aria-label="Shopping bag">
|
|
<img src="https://www.apple.com/ac/globalnav/7/en_US/images/svg/bag.svg" alt="">
|
|
</span>
|
|
</nav>
|
|
|
|
<main class="menu horizontal">
|
|
<section class="column first-column">
|
|
<small>Shop</small>
|
|
<div>Shop the Latest</div><div>Mac</div><div>iPad</div><div>iPhone</div><div>Apple Watch</div><div>Apple Vision Pro</div><div>AirPods</div><div>Accessories</div>
|
|
</section>
|
|
|
|
<section class="column">
|
|
<small>Quick Links</small>
|
|
<div>Find a Store</div><div>Order Status</div><div>Apple Upgrade</div><div>Apple Trade In</div><div>Financing</div><div>Personal Setup</div><div>College Student Offer</div>
|
|
</section>
|
|
|
|
<section class="column">
|
|
<small>Shop Special Stores</small>
|
|
<div>Certified Refurbished</div><div>Education</div><div>Business</div><div>Veterans and Military</div><div>Government</div>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
</html>
|