-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
19 lines (19 loc) · 1.7 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head> <!-- opens head code-->
<meta charset="utf-8">
<title>Gordan Ramsay</title> <!-- adds the title gordan ramsay at the top-->
</head> <!--closes head code-->
<body> <!-- opens body code -->
<h1 style = "font-size:300%; color: #1111ff; text-align:center;">How to cook an epic steak</h1> <!--adds blue heading with the follwing text-->
<p style= "color: #ff0011; font-size:300%; text-align:center;">Step 1: Season the steak</p> <!--adds red text listing step one of cooking steak-->
<div>*it won't taste good without it*</div> <!--adds a default styled text of addtional info about seasoning-->
<img src = "https://i0.wp.com/cdn-prod.medicalnewstoday.com/content/images/articles/322/322745/salt-shaker.jpg?w=1155&h=1541"> <!--adds salt image-->
<p style= "color:#ff0011; font-size:300%; text-align:center;">Step 2: Cook the steak for 2 and half minutes on each side</p> <!--adds red text listing step two of cooking steak-->
<img src ="https://thestayathomechef.com/wp-content/uploads/2018/06/How-to-Cook-Steak-1-small.jpg"> <!--adds image of steak cooking in pan-->
<p>add rosemary/thyme into the pan</p> <!--adds a default styled text about adding rosemary/thyme into the pan-->
<div style="font-size:300%;"> GARLIC TOO</div> <!--empahizes garlic with 300 percent text size-->
<p style= "color:#ff0011; font-size:300%; text-align:center;">Step 3: let steak rest and then you can eat yay</p> <!--adds red text listing step three to let steak rest and then eat-->
<img src = "https://i.ytimg.com/vi/nsw0Px-Pho8/maxresdefault.jpg"> <!--adds image of ready-to-eat steak on plate-->
</body> <!--closes body code-->
</html><!--closes html code-->