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
65 lines
1.9 KiB
HTML
1 year ago
|
<!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>© 2022 Zuitt. All Rights Reserved.</span>
|
||
|
|
</footer>
|
||
|
|
<!-- end of footer -->
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|