Levi/IWD2-01
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update classes

Browse Source
This commit is contained in:
LeviM-0323
2025-10-15 22:12:43 -04:00
commit f69edaaad4
11 changed files with 294 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
INFO-1252 (Front End Dev)/Labs/Lab 4/index.html Normal file
View File

@@ -0,0 +1,111 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href='https://fonts.googleapis.com/css?family=Dancing Script' rel='stylesheet'>
<link rel="stylesheet" href="./styles/styles.css">
<title>Sandy's Cooking Blog</title>
</head>
<body>
<!-- Header -->
<header>
<img class="logo" src="images/smileyface.png" alt="smily face" />
<h1 class="main-heading">Sandy's Cooking Blog</h1>
</header>
<!-- Main Menu-->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Categories</a></li>
<li><a href="#">About Sandy</a></li>
<li><a href="#">Recipe Index</a></li>
</ul>
</nav>
<!-- Main Page-->
<main>
<!-- Recipes -->
<section>
<div class="recipe-card">
<h2>Dinner Party Ideas</h2>
<div class="author">By: <strong>John</strong></div>
<div class="publish-date">Jan 11, 2022</div>
<img src="images/dinnerparty.jpg" alt="Dinner party food" />
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc
mollis, nulla non elementum tincidunt, felis ligula sodales lectus,
sit amet dignissim quam massa sit amet lorem. Aenean lorem risus,
tempus nec, gravida eu.
</p>
</div>
<div class="recipe-card">
<h2>Weeknight Meals</h2>
<div class="author">By: <strong>Mary</strong></div>
<div class="publish-date">Jan 07, 2022</div>
<img src="images/dinner.jpg" alt="Nice dinner" />
<p>
Donec cursus faucibus turpis. Quisque auctor est at magna. In
sagittis quam ac ante. Etiam et erat. Morbi sem. Mauris faucibus
elit eu est. Nulla wisi eros, vehicula et, congue quis, consectetuer
non, leo. Phasellus suscipit felis non est.
</p>
</div>
<div class="recipe-card">
<h2>Superbowl Snacks</h2>
<div class="author">By: <strong>Sandy</strong></div>
<div class="publish-date">Jan 06, 2022</div>
<img src="images/nachos.jpg" alt="Plate of nachos" />
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Morbi condimentum, odio sit amet aliquet
adipiscing, nunc odio fermentum tellus, tincidunt pulvinar leo purus
quis libero. Vivamus quam.
</p>
</div>
</section>
<!-- About -->
<section class="about-sandy">
<h2>About Sandy</h2>
<img src="images/smileyface.png" class="logo" alt="smiley face" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum
gravida mattis molestie. Donec in urna ut dolor imperdiet faucibus.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Sed luctus a mi et facilisis. Class aptent
taciti sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos. Ut condimentum purus eu luctus tincidunt. Maecenas
elementum, augue at vulputate ornare, ipsum enim lacinia orci, id
elementum velit enim gravida diam. Aliquam vitae pharetra ex. In hac
habitasse platea dictumst. Curabitur vitae facilisis nulla. Morbi quis
condimentum lorem. Fusce sit amet orci mauris. Donec fringilla lectus
nec efficitur sagittis. Aliquam sed nunc ligula.
</p>
<p>
Quisque tempus ornare est, eu scelerisque sem ultricies et. Sed sed
interdum odio. Suspendisse id lacinia sem. Cras fermentum tortor sit
amet mollis commodo. Morbi facilisis arcu a est dapibus, vitae laoreet
sapien feugiat. Aenean vel viverra arcu, eu pulvinar nulla.
Pellentesque habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Mauris id viverra leo, sed pellentesque est.
Maecenas quis hendrerit dui, tincidunt maximus velit.
</p>
</section>
</main>
<!-- Footer -->
<footer>
Copyright <strong>&copy</strong> 2025. Developed by
<strong>Levi McLean</strong>.
</footer>
</body>
</html>