Make responsive-lab the Pages landing page

This commit is contained in:
emil28092005
2026-11-07 18:30:30 +03:00
parent 52238dd46b
commit 55e51756c4
+23 -35
View File
@@ -1,40 +1,28 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="ru">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Document</title> <meta http-equiv="refresh" content="0; url=./responsive-lab/">
<title>Практикум по адаптивной вёрстке</title>
<link rel="canonical" href="./responsive-lab/">
<style>
body {
margin: 0;
min-height: 100vh;
display: grid;
place-items: center;
color: #222;
font: 1rem/1.5 Arial, sans-serif;
text-align: center;
}
a {
color: #315cb0;
}
</style>
</head> </head>
<link rel="stylesheet" href="styles.css">
<body> <body>
<nav id="navbar" class="horizontal"> <p><a href="./responsive-lab/">Перейти к практикуму по адаптивной вёрстке</a></p>
<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> </body>
</html> </html>