From 9dcfa3139ddf871a390a3d84593495415b029ca4 Mon Sep 17 00:00:00 2001
From: Adam57055 <adamtwam85@gmail.com>
Date: Mon, 16 Mar 2026 18:26:42 -0400
Subject: [PATCH] Add comments for clarity

---
 7 - Project/example.html | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)
diff --git a/7 - Project/example.html b/7 - Project/example.html
index 99b18a4..1955f45 100644
--- a/7 - Project/example.html	
+++ b/7 - Project/example.html	
@@ -1,41 +1,45 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale:1.0">
     <title>Susan's Website</title>
     <link rel="stylesheet" type="text/css" href="example.css" />
   </head>
   <body>
+    <!--Div container of name-->
     <div class="header">
       Susan Baugh
     </div>
+    <!--Div container of primary content-->
     <div class="content">
-      <h1>Welcome!</h1>
-      <p>
+      <h1>Welcome!</h1> <!--First and largest heading-->
+      <p> <!--Text-->
         Thanks for stopping by! My name is Susan and I love art, learning about
         energy and renewable resources, and playing Candy Crush. <br />
         Please have a look around and check out my projects and work! <br />
       </p>
-      <img src="http://i.imgur.com/cMoWwd6.jpg" alt="I'm Susan" />
+      <img src="http://i.imgur.com/cMoWwd6.jpg" alt="I'm Susan" /> <!--Image-->
 
-      <h1>Publications</h1>
+      <h1>Publications</h1> <!--heading-->
 
-      <h2>Presentations</h2>
+      <h2>Presentations</h2> <!--subheading-->
 
       Construction of the Belo Monte Hydroelectric Power Plant in the Amazon
-      <br />
+      <br /> <!--break between content-->
 
-      Microfluidic Devices for Medical and Energy Applications <br />
+      Microfluidic Devices for Medical and Energy Applications <br /> <!--break-->
 
-      <h2>Publications</h2>
+      <h2>Publications</h2> <!--subheading-->
 
-      Paper-based Microfluidics for Energy Applications <br />
+      Paper-based Microfluidics for Energy Applications <br /> <!--break-->
 
-      How to Destroy Candy Crush in 5 Easy Steps <br />
+      How to Destroy Candy Crush in 5 Easy Steps <br /> <!--break-->
 
-      <h1>Contact Me</h1>
+      <h1>Contact Me</h1> <!--heading-->
 
-      <p><span>Email</span> susan@example.com</p>
+      <p><span>Email</span><!--emphasis on e-mail--> susan@example.com</p> <!--text-->
     </div>
-    <div class="footer"></div>
+    <div class="footer"></div> <!--footer-->
   </body>
 </html>
