Skip to content

Instantly share code, notes, and snippets.

@alonso284

alonso284/index.html

Created December 12, 2019 03:48
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save alonso284/6c0f47d153f4993cc3af71c7408481db to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save alonso284/6c0f47d153f4993cc3af71c7408481db to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/coyugif
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style id="jsbin-css">
p {font-size: 15px;}
li{font-size: 20px;}
li#step{
text-decoration: underline;
}
body{
background-color: rgb(200,240,250);
color: black
}
h1{
padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
padding-right: 30px;
font-weight: bold;
text-decoration:underline;
}
h2#Ingredients{
padding-top: 10px;
padding-left: 50px;
padding-bottom: 10px;
padding-right: 50px;
text-decoration: overline
}
h2#Steps{
padding-top: 10px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}
section#list{
text-align: justify
}
</style>
</head>
<body>
<h1>How to Cook Lasagne</h1>
<!-- This is a WikiHow Recipe -->
<p>Lasagna is pasta in the form of wide strips. Altough it is not a really complex food, the combination of cheese, tomatoe, pasta and lots of other things make it very delicious</p>
<h2 id="Ingredients">Ingredients</h2>
<!-- Ingredient list-->
<section id="list">
<ul>
<li>1 to 1-1/2lb ground meat, depending on preference (Italian sausage, beef, veal, lamb, or a mixture)</li>
<li>1 to 1-1/2lb ground meat, depending on preference (Italian sausage, beef, veal, lamb, or a mixture)</li>
<li>1lb (0.45 kilograms) shredded Mozzarella cheese</li>
<li>1 egg</li>
<li>1 white onion, diced</li>
<li>2 cloves garlic, crushed</li>
<li>1 14 ounce can crushed tomatoes</li>
<li>28 ounces tomato sauce</li>
<li>6 ounces tomato paste (optional)</li>
<li>1 box Lasagna noodles (9-12 noodles)</li>
<li>Grated Parmesan or Romano cheese, to taste</li>
<li>1-2 tablespoons olive oil</li>
<li>2 cups of cheddar cheese (for topping)</li>
</ul>
</section>
<h2 id="Steps">Steps</h2>
<!--Steps-->
<ol>
<!--At this level = steps-->
<!--At this level = comments-->
<li id="step"><strong>Cook the noodles in boiling water.</strong><img src="https://imgur.com/S8rLppK.jpg" height="42" width="auto"></li>
<ul>
<li>You will likely need you biggest pot, filled 2/3 with water, to fit the noodles. As you wait for the water to boil and noodles to cook you can move on to making the filling, however.</li>
<li>Some companies sell "Oven Ready" noodles that don't need to be boiled, so be sure to read the box to check.</li>
</ul>
<li id="step"><strong>Heat a tablespoon of oil in a large pan on medium heat.</strong><img src="https://imgur.com/q5TwVae.jpg" height="42" width="auto"></li>
<li id="step"><strong>Add a diced medium white onion and 2 cloves of chopped garlic and cook for 2-3 minutes until they start becoming translucent.</strong><img src="https://imgur.com/x7TlsdD.jpg" height="42" width="auto"></li>
<ul>
<li>Looking to get more vegetables in your lasagna? Add 1/2 cup chopped carrots, celery and/or green peppers here as well for a heartier sauce. If you do, allow the vegetables to cook and extra 1-2 minutes.</li>
</ul>
<li id="step"><strong>Add the 1lb of ground meat to the pan and cook until browned.</strong><img src="https://imgur.com/gCS3vFB.jpg" height="42" width="auto"></li>
<ul>
<li>If you are using sausage, cut the casings off so you only have the ground meat inside.</li>
<li>You can also take this time to add 1/2 tablespoon dried oregano, basil, or rosemary, or simply 1 tablespoon of dried Italian seasoning.</li>
</ul>
<li id="step"><strong>Transfer the meat and vegetables to a large sauce pot on medium-low heat.</strong><img src="https://imgur.com/4YOkWou.jpg" height="42" width="auto"></li>
<ul>
This is a good time to check on your noodles if you've forgotten them.
</ul>
<li id="step"><strong>Add the sauce and tomatoes to the saucepot and bring to a simmer.</strong></li>
<ul>
<li>You can substitute 36 ounces of pre-made pasta sauce instead of the three different tomato products for a simpler sauce.</li>
<li>Take this time to add any additional spices you want, such as garlic powder, sugar, or more seasoning, 1 teaspoon at a time. Many cooks like sugar to balance out the natural acidity of the tomatoes.</li>
<li>Lower the heat if it is bubbling too much, you only want a low simmer.</li>
</ul>
<li id="step"><strong>Cook the sauce on a low simmer for 10-15 minutes. </strong></li>
<ul>
<li>The sauce does not have to be cold to move forward, but letting it cool slightly will make it easier to handle.</li>
</ul>
<li id="step"><strong>Whip your ricotta together with the beaten egg.</strong></li>
<li id="step"><strong>Spoon a thin layer of sauce into the bottom of a large, oven-safe dish.</strong></li>
<li id="step"><strong>Lay lasagna noodles over the entire bottom of the dish.</strong></li>
<li id="step"><strong>Spoon 1/3 of the ricotta mixture evenly over the noodles.</strong></li>
<li id="step"><strong>Spoon 1/3 of the sauce over the ricotta.</strong></li>
<li id="step"><strong>Top the sauce with a generous coating of mozzarella.</strong></li>
<li id="step"><strong>Continue layering in this pattern --noodles, ricotta, sauce, mozzarella-- until you run out of noodles.</strong></li>
<ul>
<li>Top with a sprinkling of freshly grated Parmesan or Romano cheese before putting in the oven.</li>
</ul>
<li id="step"><strong>Bake for 30-40 minutes at 375℉, covered with aluminum foil.</strong></li>
<ul>
<li>Remove the foil for the last 5 minutes to brown and bubble the cheese on top.</li>
</ul>
<li id="step"><strong>Let the lasagna sit for 10 minutes before serving.</strong></li>
</ol>
<pa><i>When you are all done, your lasagna should look like this</i></pa>
<ul>
<li><img src="https://imgur.com/gRzEB7C.jpg" height="100" width="auto"></li>
<li><img src="https://imgur.com/09Chnvx.jpg" height="100" width="auto"></li>
<li><img src="https://imgur.com/qEVLkWQ.jpg" height="100" width="auto"></li>
</ul>
<h2>Other Recipes You May Find Interesting</h2>
<ul>
<li><a href="https://www.tasteofhome.com/recipes/best-lasagna/">TasteOfHome</a></li>
<li><a href="https://www.delish.com/cooking/recipe-ideas/recipes/a51337/classic-lasagna-recipe/">Delish</a></li>
<li><a href="https://www.allrecipes.com/recipe/23600/worlds-best-lasagna/">allrecipes</a></li>
<li><a href="https://www.spendwithpennies.com/easy-homemade-lasagna/">SPENDWITHPENNIES</a></li>
<li><a href="https://thestayathomechef.com/amazing-lasagna-recipe/">The Stay At Home Chef</a></li>
</ul>
<a href="https://www.w3schools.com/css/css_text.asp">Where I got the CSS styling from</a>
<a href="https://stackoverflow.com">Also his one</a>
<script id="jsbin-source-css" type="text/css">p {font-size: 15px;}
li{font-size: 20px;}
li#step{
text-decoration: underline;
}
body{
background-color: rgb(200,240,250);
color: black
}
h1{
padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
padding-right: 30px;
font-weight: bold;
text-decoration:underline;
}
h2#Ingredients{
padding-top: 10px;
padding-left: 50px;
padding-bottom: 10px;
padding-right: 50px;
text-decoration: overline
}
h2#Steps{
padding-top: 10px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}
section#list{
text-align: justify
}</script>
</body>
</html>
Raw
jsbin.coyugif.css
p {font-size: 15px;}
li{font-size: 20px;}
li#step{
text-decoration: underline;
}
body{
background-color: rgb(200,240,250);
color: black
}
h1{
padding-top: 30px;
padding-left: 30px;
padding-bottom: 30px;
padding-right: 30px;
font-weight: bold;
text-decoration:underline;
}
h2#Ingredients{
padding-top: 10px;
padding-left: 50px;
padding-bottom: 10px;
padding-right: 50px;
text-decoration: overline
}
h2#Steps{
padding-top: 10px;
padding-left: 50px;
padding-bottom: 0px;
padding-right: 50px;
}
section#list{
text-align: justify
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment