From 9c92199a7ed1fd165953435fff36d8053b932fa1 Mon Sep 17 00:00:00 2001
From: Chris Bracco <chris@cbracco.me>
Date: Sat, 3 Apr 2021 15:04:31 -0400
Subject: [PATCH] Clean up BG image PR

---
 index.html | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 2e6a4ec..e1b5c50 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,7 @@
             <ul>
 
               <li><a href="#embedded__images">Images</a></li>
-	      <li><a href="#embedded__bimages">Background Images</a></li>
+              <li><a href="#embedded__bgimages">Background images</a></li>
               <li><a href="#embedded__audio">Audio</a></li>
               <li><a href="#embedded__video">Video</a></li>
               <li><a href="#embedded__canvas">Canvas</a></li>
@@ -258,23 +258,20 @@
             <header><h2>Images</h2></header>
             <div>
               <h3>No <code>&lt;figure&gt;</code> element</h3>
-              <p><img src="http://placekitten.com/480/480" alt="Image alt text"></p>
+              <p><img src="https://placekitten.com/480/480" alt="Image alt text"></p>
               <h3>Wrapped in a <code>&lt;figure&gt;</code> element, no <code>&lt;figcaption&gt;</code></h3>
-              <figure><img src="http://placekitten.com/420/420" alt="Image alt text"></figure>
+              <figure><img src="https://placekitten.com/420/420" alt="Image alt text"></figure>
               <h3>Wrapped in a <code>&lt;figure&gt;</code> element, with a <code>&lt;figcaption&gt;</code></h3>
               <figure>
-                <img src="http://placekitten.com/420/420" alt="Image alt text">
+                <img src="https://placekitten.com/420/420" alt="Image alt text">
                 <figcaption>Here is a caption for this image.</figcaption>
               </figure>
             </div>
-            <footer><p><a href="#top">[Top]
-
-	    <article id="embedded__bimages">
-            <header><h2>Background Images</h2></header>
-            <div style="background-image:url('http://placekitten.com/420/420'); width:35%; height:50%;">
-              
-            </div>
-
+            <footer><p><a href="#top">[Top]</a></p></footer>
+          </article>
+          <article id="embedded__bgimages">
+            <header><h2>Background images</h2></header>
+            <div style="background-image:url('https://placekitten.com/300/300'); width:300px; height: 300px;"></div>
             <footer><p><a href="#top">[Top]</a></p></footer>
           </article>
           <article id="embedded__audio">
@@ -338,7 +335,7 @@
               </p>
               <p>
                 <label for="input__webaddress">Web Address</label>
-                <input id="input__webaddress" type="url" placeholder="http://yoursite.com">
+                <input id="input__webaddress" type="url" placeholder="https://yoursite.com">
               </p>
               <p>
                 <label for="input__emailaddress">Email Address</label>
@@ -475,7 +472,7 @@
         </section>
       </main>
       <footer role="contentinfo">
-        <p>Made by <a href="http://twitter.com/cbracco">@cbracco</a>. Code on <a href="http://github.com/cbracco/html5-test-page">GitHub</a>.</p>
+        <p>Made by <a href="https://twitter.com/cbracco">@cbracco</a>. Code on <a href="https://github.com/cbracco/html5-test-page">GitHub</a>.</p>
       </footer>
     </div>
   </body>