vid 14 done

dboyliao · dboyliao · commit 7ab5c08933e5 · 2024-11-15T00:06:49.000+08:00
diff --git a/starter/02-HTML-Fundamentals/blog.html b/starter/02-HTML-Fundamentals/blog.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Blog</title>
+  </head>
+  <body>
+    <h1>Blog</h1>
+    <a href="." rel="noopener noreferrer">Back to Home</a>
+  </body>
+</html>
diff --git a/starter/02-HTML-Fundamentals/index.html b/starter/02-HTML-Fundamentals/index.html
@@ -7,11 +7,27 @@
   </head>
   <body>
     <h1>📘 The Code Magazine</h1>
+    <a href="./blog.html">Blog</a>
+    <a href="#">Challenges</a>
+    <a href="#">Flexbox</a>
+    <a href="#">CSS Grid</a>
     <h2>The Basic Language of the Web: HTML</h2>
+    <img
+      src="./laura-jones.jpg"
+      alt="the potrait of the author"
+      width="50px"
+      height="50px"
+    />
     <p>
       Posted by <strong>Laura Jones</strong> on Monday, June 21st 2027 In this
       post, let's focus on HTML.
     </p>
+    <img
+      src="./post-img.jpg"
+      alt="HTML code on a screen"
+      width="500px"
+      height="200px"
+    />
     <p>
       All modern websites and web applications are built using three
       <em>fundamental</em>
@@ -39,7 +55,14 @@ <h3>What is HTML?</h3>
       <li>The closing tag</li>
       <li>The actual element</li>
     </ul>
-    <p>You can learn more at the MDN Web Docs.</p>
+    <p>
+      You can learn more at the
+      <a
+        href="https://developer.mozilla.org/en-US/docs/Web/HTML"
+        target="_blank"
+        >MDN Web Docs</a
+      >.
+    </p>
 
     <h3>Why should you learn HTML?</h3>
     <p>
