Вы находитесь на странице: 1из 2

1. <!

DOCTYPE html>

2. <html>
3. <head>
4. <title>Chapter 12 Activity 2</title>
5. <link href='http://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister' rel='stylesheet' type='text/css'>
6. <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
8. <link href="main.css" rel="stylesheet">
9. <link href="responsive_solution.css" rel="stylesheet" media="screen and (max-width: 960px)">
10. </head>

11. <body>

12. <div class="wrapper">

13. <header><h1>Healthy Living</h1></header>


14. <nav>
15. <ul>
16. <li><a href=" ">Home</a></li>
17. <li><a href=" ">Interact</a></li>
18. <li><a href=" ">Shop</a></li>
19. <li><a href=" ">Recipes</a></li>
20. <li><a href=" ">About</a></li>
21. <li><a href=" ">Contact</a></li>
22. </ul>

23. </nav>

24. <section id="col1">


25. <img src="freshberries.png" alt="hands holding fresh berries">
26. <h3>Section 1</h3>
27. <p>
28. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
dapibus. Vivamus elementum semper nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
29. </section>
30. <section id="col2">
31. <img src="heartveggies.png" alt="veggies and fruits ">
32. <h3>Section 2</h3>
33. <p>
34. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
dapibus. Vivamus elementum semper nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
35. </section>

36. <section id="col3">


37. <img src="healthyfoods.png" alt="healthy foods">
38. <h3>Section 3</h3>
39. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel,
aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras
dapibus. Vivamus elementum semper nisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
40. </section>

41. <footer><h3>Healthy Living</h3>

42. </footer>
43. </div>

44. </body>
45. </html>