Add styles and edit link structure
This commit is contained in:
parent
3976f36952
commit
debfc9bc03
6 changed files with 78 additions and 17 deletions
|
|
@ -4,13 +4,22 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Recipes - Green Bean Casserole</title>
|
||||
<link rel="stylesheet" href="../style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<h1>Green Bean Casserole</h1>
|
||||
<p><a href="../index.html">Return Home</a></p>
|
||||
<h1>Odin Recipes</h1>
|
||||
|
||||
<h2>Green Bean Casserole</h2>
|
||||
|
||||
<ul class="recipe-menu">
|
||||
<li><a href="../index.html">Home</a></li>
|
||||
<li><a href="./greenbean-casserole.html"> Green Bean Casserole</a></li>
|
||||
<li><a href="./avocado-toast.html">Avocado Toast</a></li>
|
||||
<li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
|
||||
</ul>
|
||||
<img src="../images/GreenBeanCasserole.jpg" alt="Green Bean Casserole">
|
||||
|
||||
<h2>Description</h2>
|
||||
<h3>Description</h3>
|
||||
<p>
|
||||
Green bean casserole has been a favorite of mine since childhood.
|
||||
It's creamy, cheesy, crunchy, fresh and <em>super</em> easy to make!
|
||||
|
|
@ -19,7 +28,7 @@
|
|||
</p>
|
||||
<p>So without further ado, let's dive in to the recipe!</p>
|
||||
|
||||
<h2>Ingredients</h2>
|
||||
<h3>Ingredients</h3>
|
||||
<ul>
|
||||
<li>One large can of cream of mushroom soup</li>
|
||||
<li>Four small cans of green beans</li>
|
||||
|
|
@ -27,7 +36,7 @@
|
|||
<li>Cheddar cheese</li>
|
||||
</ul>
|
||||
|
||||
<h2>Steps</h2>
|
||||
<h3>Steps</h3>
|
||||
<ol>
|
||||
<li>Preheat your oven to 350 degrees.</li>
|
||||
<li>Carefully open all the cans</li>
|
||||
|
|
|
|||
Loading…
Reference in a new issue