You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

65 lines
1.9 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Activity CSS Styling Properties</title>
<!-- External CSS -->
<link rel="stylesheet" href="./index.css"/>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body>
<nav>
<ul id="navMenu">
<li class="nav-link" href="#">Home</li>
<li class="nav-link" href="#">Products</li>
<li class="nav-link" href="#">Cart</li>
<li class="nav-lnk" href="#">Orders</li>
</ul>
</nav>
<!-- landing page -->
<section id="landing">
<div class="landing-container">
<div class="info">
<h1>Welcome to our E-Commerce Website!</h1>
<h3>Affordable Products for Everyone, Everywhere!</h3>
<button>Check out our Latest Products!</button>
</div>
</div>
</section>
<!-- end of landing page -->
<section id="hot">
<h2>Our Hottest Categories!</h2>
<ul>
<li>
<h4>Retro Consoles</h4>
</li>
<li>
<h4>Current Consoles</h4>
</li>
<li>
<h4>Video Games</h4>
</li>
</ul>
</div>
</section>
<!-- Stretch Goals -->
<!-- footer -->
<footer>
<span>For Educational Purposes Only.</span>
<span>&copy; 2022 Zuitt. All Rights Reserved.</span>
</footer>
<!-- end of footer -->
</body>
</html>