Untitled

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
	<style>
		.topbox {background-color: aliceblue}
		.bottombox {background-color: antiquewhite}
		.rhead {padding-left:50px }
		.rimages {display:flex;justify-content: space-around}
	</style>
</head>

<body>

	  <div class="header">
                <div class="header1">
                    <a href="Index.html" class="h1_link"><h1>Yungry</h1></a>
                </div>
                <div class="subheading">
                    <p> Around here we are all Young and Hungry </p>
                </div>
                <div class="navigation">
                    <a href="#"> Starter </a>
                    <a href="page1.html"> Main </a>
                    <a href="#"> Dessert </a>
                    <a href="#"> Snack </a>
                </div>
            </div>

            <div class="topbox"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum fuga, maxime reiciendis quaerat consequuntur dolores eius asperiores? Expedita eaque nemo repudiandae aspernatur    blanditiis rem nam alias voluptates, molestias vero non aut voluptatum quasi, laboriosam, cum ipsum culpa repellendus voluptate tempore recusandae? Libero sapiente voluptatibus sint tenetur       adipisci distinctio sequi asperiores!
				<img src="img/Veggiewraps9.jpg">
            </div>

            <div class="bottombox">
				   <div class="rhead"><h2>Recent Recipes</h2></div>
		  	 <div class="rimages">
			   <div class="rbox1">
					<img src="img/caramelapple.jpg">
				   	<p> Caramel Apple Cheese Spread</p>
				</div>
		  	   <div class="rbox2">
					 <img src="img/veggiechilli.jpg">
					 <p> Vegetarian Chilli</p>
				</div>
		 	   <div class="rbox3">
					 <img src="img/choclatebanoffee.jpg">
					 <p>Chocolate Banoffee</p>
				</div>

		  	 </div>
            </div>

        <div class="footer"> footer </div>
</body>
</html>