From 4eabaedf4c2cf2607b05fbcc363f12e9d5932d2f Mon Sep 17 00:00:00 2001 From: Brandon Rodriguez <brodriguez8774@gmail.com> Date: Tue, 13 Sep 2016 20:37:28 -0400 Subject: [PATCH] Finish ch02-pr03 --- chapter02/chapter02-project03.html | 42 +++++++++++++++++++++--------- 1 file changed, 29 insertions(+), 13 deletions(-) diff --git a/chapter02/chapter02-project03.html b/chapter02/chapter02-project03.html index afb8e69..0980da7 100644 --- a/chapter02/chapter02-project03.html +++ b/chapter02/chapter02-project03.html @@ -19,7 +19,7 @@ <h2>Mademoiselle Caroline Rivére</h2> <p>by <a href="#">Jean-Auguste-Dominique Ingres</a> <section> - <img src="#" alt="Some chick in a dress"></img> + <a href="images/06010-large.jpg"><img src="images/06010-medium.jpg" alt="Some chick in a dress" /></img></a> <p> The portrait of Mademoiselle Caroline Rivére was painted in 1806 by the French Neoclassical artist Jean Auguste Dominique Ingress, and today hangs in the Lourve. It is the third of three @@ -32,39 +32,55 @@ Home: <i>Musée du Lourve, Paris</i> </p> </section> - <a href="#"><img src="#" alt="Add to Basket"></a> - <a href="#"><img src="#" alt="Add to favorites"></a> + <a href="#"><img src="images/add-to-basket_btn.png" alt="Add to Basket" /></a> + <a href="#"><img src="images/add-to-favorites_btn.png" alt="Add to favorites" /></a> <aside> Share: - <a href="#"><img src="#" alt="Email"></a> - <a href="#"><img src="#" alt="Twitter"></a> - <a href="#"><img src="#" alt="Facebook"></a> - <a href="#"><img src="#" alt="Green Dot Thing"></a> + <a href="images/social/email_32.png" /><img src="#" alt="Email"></a> + <a href="images/social/twitter_32.png" /><img src="#" alt="Twitter"></a> + <a href="images/social/facebook_32.png" /><img src="#" alt="Facebook"></a> + <a href="images/social/sharethis_32.png" /><img src="#" alt="Green Dot Thing"></a> </aside> </article> <section> <h3>Related Paintings</h3> - <a href="#"><img src="#" alt="Sitting lady."></a> - <a href="#"><img src="#" alt="Old time war."></a> - <a href="#"><img src="#" alt="Another sitting lady."></a> - <a href="#"><img src="#" alt="...is she dead?"></a> + <a href="#"><img src="images/06020.jpg" alt="Sitting lady." /></a> + <a href="#"><img src="images/07020.jpg" alt="Old time war." /></a> + <a href="#"><img src="images/13030.jpg" alt="Another sitting lady." /></a> + <a href="#"><img src="images/05030.jpg" alt="...is she dead?" /></a> </section> <section> <h3>Reviews</h3> <div> <h4>Love this painting</h4> - <p>John Smith <img src="#" alt="Four Stars"</p> + <p> + John Smith + <img src="images/star-orange.png" alt="Four Stars" /> + <img src="images/star-orange.png" alt="Four Stars" /> + <img src="images/star-orange.png" alt="Four Stars" /> + <img src="images/star-orange.png" alt="Four Stars" /> + <img src="images/star-white.png" alt="Four Stars" /> + </p> <p> <sub>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras aliquet mauris ipsum, id lacinia massa efficitur vitae. In luctus magna vitae urna commodo ultrices. Cras pulvinar diam eget magna.</sub> </p> + <hr /> </div> <div> <h4>It's okay</h4> - <p>Jane Doe <img src="#" alt="Three Stars"</p> + <p> + Jane Doe + <img src="images/star-orange.png" alt="Three Stars" /> + <img src="images/star-orange.png" alt="Three Stars" /> + <img src="images/star-orange.png" alt="Three Stars" /> + <img src="images/star-white.png" alt="Three Stars" /> + <img src="images/star-white.png" alt="Three Stars" /> + </p> <p> <sub>Quisque tincidunt accumsan lacus, et aliquam justo consequat eget. Ut sit amet nunc quam.</sub> </p> + <hr /> </div> </section> <footer> -- GitLab