Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 6 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,11 @@ To view the project locally, you can either open the project files in your code
### Tasks

Inside `index.html`:
- [ ] Update the HTML tags so that they are correct and semantic
- [x] Update the HTML tags so that they are correct and semantic
- [x] replace header element
- [x] update main article element
- [x] update section and paragraph elements
- [x] update footer element


### Tips
Expand All @@ -45,4 +49,4 @@ Inside `index.html`:

### Submitting Your Work

After completing the assignment, make sure to commit your changes and push them back to your own repository and turn in the GitHub link in Open Class
After completing the assignment, make sure to commit your changes and push them back to your own repository and turn in the GitHub link in Open Class
104 changes: 48 additions & 56 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,69 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<title>BigFootShadow4509's Blog</title>
</head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<title>BigFootShadow4509's Blog</title>
</head>
<body>
<div class="header">
<div>BigFootShadow4509's Blog</div>
<a href="#" class="home-link">Home</a>
</div>
<header>
<h1>BigFootShadow4509's Blog</h1>
<Nav><a href="#" class="home-link">Home</a></Nav>
</header>

<div class="main">
<div class="post-article">
<div class="image-container">
<main class="main">
<article class="post-article">
<section class="image-container">
<img src="./img/big-foot.jpg" alt="" srcset="">
</div>
</section>
<h1 class="title">
My Bigfoot Sighting
</h1>

<div class="paragraph">
Hey there, fellow adventurers!
</div>

<div class="paragraph">
I have to admit, I didn’t expect my weekend hike in the Cascade Mountains to turn into something <i>straight out of a legend</i>. But here we are—<i>I saw Bigfoot</i>.
</div>

<div class="paragraph">
It all started early in the morning. The mist was still clinging to the trees as I set off on the trail. It was the kind of quiet that makes you feel like you're the only person in the world, and honestly, I was just enjoying the peaceful solitude when I spotted something strange.
</div>

<div class="paragraph">
I noticed a shadow in the distance—tall, dark, and… not quite right. At first, I thought it was a bear, but something felt off. It moved so gracefully through the trees, almost like it was aware of my presence. My heart skipped a beat as I realized it wasn’t a bear at all—it was a figure standing on two legs. And it was massive.
</div>

<div class="paragraph">
I tried to convince myself it was a trick of the light, but then it moved again, stepping into a patch of sunlight that filtered through the trees. I got a glimpse—this wasn’t a person in a suit, no way. It was covered in dark, matted hair, and its posture was unlike anything I’d seen before. I couldn’t make out its face, but its eyes… oh man, its eyes glowed in the dim forest like something out of a dream.
</div>

<div class="paragraph">
In a blink, it disappeared into the woods, vanishing as quickly as it had appeared. I stood there frozen, my heart still racing. No camera. No phone. Just me and the wild.
</div>

<div class="paragraph">
Some people will say I imagined it. Some will say it was a trick of the light. But I know what I saw. I don’t have all the answers, but I can tell you this—there’s something out there, something ancient, and it doesn’t want to be found.
</div>

<div class="paragraph">
If you ever find yourself hiking in the wild, <b>keep your eyes peeled</b>. You might just encounter the creature of legends.
</div>

<div class="paragraph">
Stay curious, Hunter
</div>
<section class="greeting">
Hey there, fellow adventurers!
</section>

</div>
<section class="paragraph">
<p>I have to admit, I didn’t expect my weekend hike in the Cascade Mountains to turn into something <i>straight out of a legend</i>. But here we are—<i>I saw Bigfoot</i>.</p>
</section>
<section class="paragraph">
<p>It all started early in the morning. The mist was still clinging to the trees as I set off on the trail. It was the kind of quiet that makes you feel like you're the only person in the world, and honestly, I was just enjoying the peaceful solitude when I spotted something strange.</p>
</section>
<section class="paragraph">
<p>I noticed a shadow in the distance—tall, dark, and… not quite right. At first, I thought it was a bear, but something felt off. It moved so gracefully through the trees, almost like it was aware of my presence. My heart skipped a beat as I realized it wasn’t a bear at all—it was a figure standing on two legs. And it was massive.</p>
</section>
<section class="paragraph">
<p>I tried to convince myself it was a trick of the light, but then it moved again, stepping into a patch of sunlight that filtered through the trees. I got a glimpse—this wasn’t a person in a suit, no way. It was covered in dark, matted hair, and its posture was unlike anything I’d seen before. I couldn’t make out its face, but its eyes… oh man, its eyes glowed in the dim forest like something out of a dream.</p>
</section>
<section class="paragraph">
<p>In a blink, it disappeared into the woods, vanishing as quickly as it had appeared. I stood there frozen, my heart still racing. No camera. No phone. Just me and the wild.</p>
</section>
<section class="paragraph">
<p>Some people will say I imagined it. Some will say it was a trick of the light. But I know what I saw. I don’t have all the answers, but I can tell you this—there’s something out there, something ancient, and it doesn’t want to be found.</p>
</section>
<section class="paragraph">
<p>If you ever find yourself hiking in the wild, <b>keep your eyes peeled</b>. You might just encounter the creature of legends.</p>
</section>

<section class="signature">
Stay curious, Hunter
</section>

</article>

</main>

</div>

<div class="footer">
<div>&copy; 2025 BigFootShadow4509</div>
</div>
<footer class="footer">
<p>&copy; 2025 BigFootShadow4509</p>
</footer>
</body>
</html>