Book Recommendations issue fwallacephd#5: Added links to books titles

KKasbarian · Feb 4, 2018 · b9dceb4 · b9dceb4
1 parent 7e25cd3
commit b9dceb4
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 15 deletions.
diff --git a/css/style.css b/css/style.css
@@ -91,22 +91,22 @@ h2 {
 }
 .articles {
     font-family: ;
-    margin-top:
-    margin-left:
-    margin-right:
-    padding-left:
-    padding-right:
-    padding-top:
-    border-top: 8px
-    padding-bottom:
-    margin-bottom:
-    border-bottom: 8px
+    margin-top: ;
+    margin-left: ;
+    margin-right: ;
+    padding-left: ;
+    padding-right: ;
+    padding-top: ;
+    border-top: 8px ;
+    padding-bottom: ;
+    margin-bottom: ;
+    border-bottom: 8px ;
 
 }
 
 .article-text {
     font-size: 20px;
-    font-family:
+    font-family: ;
 }
 
 .photo-caption {
@@ -127,12 +127,16 @@ h2 {
     margin-right: ;
 }
 
+#books {
+    font-family: 'Playfair Display', arial, sans-serif;
+}
+
 .source {
     margin-top: 5px;
 }
 
 .fanart {
-    font-family:'Playfair Display', serif;;
+    font-family:'Playfair Display', serif;
 }
 /*FOOTER*/
 

diff --git a/index.html b/index.html
@@ -463,17 +463,17 @@ <h2 class="blueText">Book Recommendations</h2>
                     <p class="subheader">My favorite book tie-ins.</p>
                     <div class="row">
                         <div class="col-md-4">
-                            <p class="subheader blueText">Philosophy & Who</p>
+                            <p class="subheader blueText"><a href="https://www.amazon.com/More-Doctor-Who-Philosophy-Regeneration-ebook/dp/B016HBZ0ZU/ref=sr_1_2?s=books&ie=UTF8&qid=1504384055&sr=1-2&keywords=Doctor+Who+and+Philosophy" target="_blank">Philosophy & Who</a></p>
                             <img class="img-responsive" src="images/DoctorPhilosophy.jpg" alt="Doctor Who & Philosophy">
                             <br>
                         </div>
                         <div class="col-md-4">
-                            <p class="subheader blueText">Whovian Fairy Tales</p>
+                            <p class="subheader blueText"><a href="https://www.amazon.com/Doctor-Who-Time-Fairy-Tales-ebook/dp/B017F64368/ref=sr_1_1?s=books&ie=UTF8&qid=1504385101&sr=1-1&keywords=doctor+who+time+lord+fairy+tales" target="_blank">Whovian Fairy Tales</a></p>
                             <img class="img-responsive" src="images/TimeLordFairyTales.jpg" alt="Time Lord Fairy Tales">
                             <br>
                         </div>
                         <div class="col-md-4">
-                            <p class="subheader blueText">Legends: River Song</p>
+                            <p class="subheader blueText"><a href="https://www.amazon.com/Doctor-Who-Legends-River-Song-ebook/dp/B01AHGWK54/ref=sr_1_1?s=books&ie=UTF8&qid=1504385323&sr=1-1&keywords=The+Legends+of+River+Song" target="_blank">Legends: River Song</a></p>
                             <img class="img-responsive" src="images/LegendsOfRiverSong.jpg" alt="Legends of River Song">
                             <br>
                         </div>