Skip to content

Add meta tags for enhanced web performance and comments for clarity #41

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Adam57055 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add meta tags for enhanced web performance and comments for clarity #41

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 14 additions & 11 deletions 4 - Head/cooking.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale:1.0">
<title>Cooking Website</title>
</head>
<body>
<h1 style="text-align: center;">
<h1 style="text-align: center;"> <!--Header style that centers its text -->
How to make your own Cheesy Cracker Snacks
</h1>

<img src="introimage.jpg" alt="Make these tasty snacks!" />
<img src="introimage.jpg" alt="Make these tasty snacks!" /> <!--Introduction image-->
<p>
Today, we're going to teach you how to make some delicious cheesy snacks,
fun for the whole family.
</p>

<img src="ingredients.jpg" alt="Ingredients" />
<!--List of ingredients bullet pointed-->
<p>
You will need the following ingredients:
</p>
Expand Down Expand Up @@ -43,46 +46,46 @@ <h1 style="text-align: center;">
</ul>

<hr />

<img src="can.jpg" alt="The can" />
<!--Instructions for first step with a relevant image-->
<img src="can.jpg" alt="The can" />
<p>
The first step is cutting out the shapes of your crackers from the
aluminum can. Cut a thin strip and, then tape the edges together with
clear packing tape.
</p>

<hr />

<!--Instructions for second step with a relevant image-->
<img src="blend.jpg" alt="Process THIS" />
<p>
Begin combining everything, except the water, in a food processor until
the dough looks like sand.
</p>

<hr />

<!--Instructions for third step with a relevant image-->
<img src="water.jpg" alt="Adding water" />
<p>
Next, pulse in the water, 1 tablespoon at a time, until combined.
</p>

<hr />

<!--Instructions for fourth step with a relevant image-->
<img src="package.jpg" alt="Package this" />
<p>
Remove the dough from the processor and form into a small, tidy package.
Wrap in plastic and chill for 20 minutes.
</p>

<hr />

<!--Instructions for fifth step with a relevant image-->
<img src="flatten.jpg" alt="Roll out" />
<p>
Once chilled, roll out and flatten the dough.
</p>

<hr />

<!--Instructions for sixth step with relevant images-->
<img src="cut.jpg" alt="Cut this" />
<img src="oven.jpg" alt="Cook this" />
<p>
Expand All @@ -91,12 +94,12 @@ <h1 style="text-align: center;">
</p>

<hr />

<!--Process is finished-->
<img src="done.jpg" alt="Boo yah" />
<p>
And, you're done!
</p>

<!--Source-->
<p>
This recipe was lovingly ripped off of
<a href="http://tastykitchen.com/">The Tasty Kitchen</a>.
Expand Down