diff --git a/chapter02/chapter02-project03.html b/chapter02/chapter02-project03.html index afb8e698359a9c74b83f9e4168152a56d18d390f..0980da7e0ace7a83435620a5279ebf6c75816b87 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>