A Simple web design I did about a year back for a company!
William Gardner
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cooking Delight</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="header">
<h1>Cooking Delight</h1>
<nav>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#recipes">Recipes</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="home" class="hero">
<h2>Discover Delicious Recipes</h2>
<p>Your guide to cooking extraordinary meals at home.</p>
</section>
<section id="recipes" class="recipes">
<h2>Featured Recipes</h2>
<article class="recipe">
<img src="recipe1.jpg" alt="Spaghetti Bolognese">
<h3>Spaghetti Bolognese</h3>
<p>A classic Italian pasta dish with rich, savory flavors.</p>
<a href="#">View Recipe</a>
</article>
<article class="recipe">
<img src="recipe2.jpg" alt="Chocolate Cake">
<h3>Chocolate Cake</h3>
<p>Decadent and moist chocolate cake that's easy to make.</p>
<a href="#">View Recipe</a>
</article>
</section>
<footer class="footer">
<p>© 2024 Cooking Delight. All rights reserved.</p>
</footer>
</body>
</html>
Like this project
Posted Dec 29, 2024
Some web page design I made about a year back.
Likes
0
Views
0
Tags
