From 08828ae2b84d9d76794cd676266117a8ea6217cf Mon Sep 17 00:00:00 2001
From: mcweeney <mcweeney@seattleu.edu>
Date: Fri, 3 Feb 2017 06:03:35 -0500
Subject: [PATCH] added popular poetry section

---
 css/main.css |  7 ++++++-
 index.html   | 25 ++++++++++++++++++++++---
 2 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/css/main.css b/css/main.css
index b25e769..0cffa7b 100755
--- a/css/main.css
+++ b/css/main.css
@@ -3,8 +3,13 @@
 /* ==========================================================================
    Author's custom styles
    ========================================================================== */
+img{
+  padding-bottom: 20px;
+}
 
-
+.popular-poets ul {
+  style: list-style: none;
+}
 
 
 
diff --git a/index.html b/index.html
index 8adde02..b1b8b92 100755
--- a/index.html
+++ b/index.html
@@ -65,10 +65,29 @@ <h1>Hello, world!</h1>
       <!-- Example row of columns -->
       <div class="row">
         <div class="col-md-4">
-          <h2>Heading</h2>
-          <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+          
+          <!-- list of popular poetry -->
+          <h2>Popular Poetry</h2>
+          <ul class="poetry-list" style="list-style: none; padding-left: 0px;">
+            <li style="padding-bottom: 20px;">
+              <a href="https://www.poetryfoundation.org/poems-and-poets/poems/detail/45521">I Wandered Lonely as a Cloud</a>
+              <p><img class ="img-responsive" src="http://t0.gstatic.com/images?q=tbn:ANd9GcRa6CA5UmvvNVVWN6YSCa_TuO2I66V-HWjGhBEwzRyA3sRbD-41" alt="I wandered lonely as a cloud cover photo" style="height: 100px;"></p>
+            </li>
+            
+            <li style="padding-bottom: 20px;">
+              <a href="https://allpoetry.com/Do-Not-Go-Gentle-Into-That-Good-Night">Do Not Go Gentle Into That Good Night</a>
+              <p><img src="http://quotespics.com/wp-content/quote-images/do-not-go-gentle.jpg" alt="Do Not Go Gentle Into That Good Night cover photo" style="height: 100px;">
+            </li>
+            
+            <li>
+              <a href="https://www.poetryfoundation.org/poems-and-poets/poems/detail/45474">O Captain! My Captain!</a>
+              <p><img src="https://ih1.redbubble.net/image.25612504.1621/raf,750x1000,075,t,e5d6c5:f62bbf65ee.u4.jpg" alt="O Captain! My Captain! coverv photo" style="height: 100px;">
+            </li>
+          </ul>
+          <p><a class="btn btn-default" href="#" role="button">View Poetry &raquo;</a></p>
         </div>
+        <!-- end popular poetry list -->
+        
         <div class="col-md-4">
           <h2>Heading</h2>
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>