#449 Further changes to HTML lesson 1 example to match tutorial

louiechristie · louiechristie · commit 0542b4971f0e · 2019-11-25T16:58:08.000Z
diff --git a/html/lesson1/example.html b/html/lesson1/example.html
@@ -4,19 +4,37 @@
     <title>I love owls</title>
   </head>
   <body>
-    <div><img src="images/logo.png" alt="codebar.io"/></div>
-    <h1>Owls...</h1>
+    <div>
+      <!-- Note to self: this is where the header goes -->
+
+      <div>
+        <img src="images/logo.png" alt="codebar.io" />
+      </div>
+
+      <h1>Owls</h1>
+
+      <p>
+        Most birds of prey sport eyes on the sides of their heads,
+        but the stereoscopic nature of
+        the owl's forward-facing <strong>eyes permits the greater
+        sense of depth perception</strong> necessary for low-light hunting.
+      </p>
+
+      <a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a>
+    </div>
+
     <h2>Why do I like owls so much?</h2>
     <ul>
-      <li><img src="images/img1.jpg" alt="adorable"/></li>
-      <li><img src="images/img2.jpg" alt="lovely"/></li>
-      <li><img src="images/img3.jpg" alt="cuddly"/></li>
+      <li><img src="images/img1.jpg" alt="adorable"></li>
+      <li><img src="images/img2.jpg" alt="lovely"></li>
+      <li><img src="images/img3.jpg" alt="cuddly"></li>
     </ul>
     <ol>
-      <li><b>they are adorable</b></li>
-      <li><b>and lovely</b></li>
-      <li><b>and cuddly</b></li>
+      <li>they are adorable</li>
+      <li>and lovely</li>
+      <li>and cuddly</li>
     </ol>
+
     <div>
       <a href="https://www.youtube.com/watch?v=gBjnfgnwXic">
         <img src="images/img4.jpg" alt="cute owl">
@@ -25,6 +43,7 @@ <h2>Why do I like owls so much?</h2>
         Watch the video
       </a>
     </div>
+
     <div>
       <p>
         <strong>
@@ -34,29 +53,16 @@ <h2>Why do I like owls so much?</h2>
       </p>
       <small>&mdash; nursery rhyme</small>
     </div>
-    <div>
-      <h3>Owls:</h3>
-      <p>
-        Most birds of prey sport eyes on the sides of their heads,<br>
-        but the stereoscopic nature of <br>
-        the owl's forward-facing <strong>eyes permits the greater <br>
-        sense of depth perception </strong>necessary for low-light hunting. <br>
-        <br>
-        <a href="https://en.wikipedia.org/wiki/Owl">More information about owls...</a>
-      </p>
-    </div>
-    <div>
-      <img src="images/img6.jpg" alt="two owls"/>
-    </div>
+
     <ul>
       <li>
-         <a href="mailto:social@codebar.io?subject=I love owls :: codebar">Email us</a>
+        <a href="mailto:social@codebar.io?subject=I%20love%20owls%20::%20codebar">Email us</a>
       </li>
       <li>
-         <a href="mailto:?subject=I love owls :: codebar">Email a friend</a>
+        <a href="mailto:?subject=I%20love%20owls%20::%20codebar">Email a friend</a>
       </li>
       <li>
-        <a href="https://twitter.com/codebar">Twitter</a>
+        <a href="https://twitter.com/home?status=I love owls! via @codebar">Share your love of owls on twitter</a>
       </li>
     </ul>
   </body>
