diff options
author | AlmightyMiau <almightymeow612@gmail.com> | 2025-01-23 17:23:26 -0800 |
---|---|---|
committer | AlmightyMiau <almightymeow612@gmail.com> | 2025-01-23 17:23:26 -0800 |
commit | ebce6952c53b45e5a64abfe0d4a3beb194f1c06e (patch) | |
tree | 4ded7bfcadaf0ccd46e929ab7b9e79830488f9a4 /recipes/pesto.html | |
parent | c53b1e2e37c41c84e91b93a4e6ab531e9bc7007c (diff) |
Use divs to organize recipe pagesmain
Add #container, .title, .header, .content, and footer rules to styles.css
Diffstat (limited to 'recipes/pesto.html')
-rw-r--r-- | recipes/pesto.html | 95 |
1 files changed, 50 insertions, 45 deletions
diff --git a/recipes/pesto.html b/recipes/pesto.html index 791f528..6734a50 100644 --- a/recipes/pesto.html +++ b/recipes/pesto.html @@ -7,50 +7,55 @@ <title>Document</title> </head> <body> - <h1> - Pesto - </h1> - <img src="pesto.jpg"> - <h3> - Pesto is one of my favorite condiments to keep on hand. Try - these easy, fun pesto recipe variations to brighten pasta, - salads, roasted veggies & more! - </h3> - <p> - One of my favorite things about summer is the bounty of fresh - herbs that are just outside my doorstep. Fresh herbs make any - meal instantly more flavorful and beautiful. My favorite thing - to do with all of those fresh herbs (aside from sprinkle them - on everything) is to make pesto! It’s especially great for lazy - summertime cooking. I like to dollop it on grilled vegetables, - pasta, spaghetti squash, salads, eggs, toasted bread, pizza, - sandwiches… you get the idea. With just a few easy steps, it - makes anything an instant tasty meal, whether you feel like - cooking or not. - </p> - <h3>Ingredients</h3> - <ul> - <li>½ cup toasted pine nuts</li> - <li>2 tablespoons fresh lemon juice</li> - <li>1 small garlic clove</li> - <li>¼ teaspoon sea salt</li> - <li>freshly ground black pepper</li> - <li>2 cups basil leaves</li> - <li>¼ cup extra-virgin olive oil, plus more for a smoother - pesto</li> - <li>¼ cup freshly grated Parmesan cheese, optional</li> - </ul> - <h3>Instructions</h3> - <ol> - <li>In a food processor, combine the pine nuts, lemon juice, - garlic, salt, and pepper and pulse until well chopped. - <li>Add the basil and pulse until combined. - <li>With the food processor running, drizzle in the olive - oil and pulse until combined. Add the Parmesan cheese, - if using, and pulse to briefly combine. For a smoother - pesto, add more olive oil.</li> - </ol> - - <a href="../index.html">Home</a> + <div id="container"> + <h1> + Pesto + </h1> + <div class="content"> + <img src="pesto.jpg"> + <h3> + Pesto is one of my favorite condiments to keep on hand. Try + these easy, fun pesto recipe variations to brighten pasta, + salads, roasted veggies & more! + </h3> + <p> + One of my favorite things about summer is the bounty of fresh + herbs that are just outside my doorstep. Fresh herbs make any + meal instantly more flavorful and beautiful. My favorite thing + to do with all of those fresh herbs (aside from sprinkle them + on everything) is to make pesto! It’s especially great for lazy + summertime cooking. I like to dollop it on grilled vegetables, + pasta, spaghetti squash, salads, eggs, toasted bread, pizza, + sandwiches… you get the idea. With just a few easy steps, it + makes anything an instant tasty meal, whether you feel like + cooking or not. + </p> + <h3>Ingredients</h3> + <ul> + <li>½ cup toasted pine nuts</li> + <li>2 tablespoons fresh lemon juice</li> + <li>1 small garlic clove</li> + <li>¼ teaspoon sea salt</li> + <li>freshly ground black pepper</li> + <li>2 cups basil leaves</li> + <li>¼ cup extra-virgin olive oil, plus more for a smoother + pesto</li> + <li>¼ cup freshly grated Parmesan cheese, optional</li> + </ul> + <h3>Instructions</h3> + <ol> + <li>In a food processor, combine the pine nuts, lemon juice, + garlic, salt, and pepper and pulse until well chopped. + <li>Add the basil and pulse until combined. + <li>With the food processor running, drizzle in the olive + oil and pulse until combined. Add the Parmesan cheese, + if using, and pulse to briefly combine. For a smoother + pesto, add more olive oil.</li> + </ol> + </div> + <footer> + <a href="../index.html">Home</a> + </footer> + </div> </body> </html>
\ No newline at end of file |