web-development-workAV/avwd.html at master · krish3888/web-development-workAV · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
	<title>My Favorite Recipes</title>
</head>
<body>
<h1>My Favorite Recipes</h1><!--this is heading -->
<ul>
	<li><a href="#Soup">Soup</a></li><!-- directly move to soup recipes-->
	<li><a href="#Salad">Salad</a></li><!-- directly move to salad recipes-->
	<li><a href="#Pizza">Pizza</a></li><!-- directly move to pizza recipes-->
</ul>

<div id="Soup">
<h2>Soup</h2>
<img src="https://realfood.tesco.com/media/images/RFO-1400x919-NannasSoup-df1b44aa-f144-4a7c-b97a-1477cacf9e96-0-1400x919.jpg" alt="image of soup recipe" width="300">
<p>Beethoven once said <q>Only the pure of heart can make a good soup</q>.Well,here's my attempt at doing just that!</p>
<ol><!--this is ordered list -->
	<li>Step 1</li>
	<li>Step 2</li>
	<li>Step 3</li>
	<li>Enjoy!</li>
</ol>
</div>

<div id="Salad">
<h2>Salad</h2>
<img src="http://assets.kraftfoods.com/recipe_images/opendeploy/115378_640x428.jpg" alt="image of salad recipe" width="300">
<h3>List of ingredients</h3>
<ul><!--this is unordered list -->
	<li>Ingredient 1</li>
	<li>Ingredient 2</li>
	<li>Ingredient 3</li>
</ul>
<p>Who can resist a fresh salad ! Here's one of my favorites.</p>
<ol>
	<li>Step 1</li>
	<li>Step 2</li>
	<li>Step 3</li>
	<li>Enjoy!</li>
</ol>
</div>

<div id="Pizza">
<h2>Pizza</h2>
<img src="http://www.nohopizza.com/images/pizza.jpeg" alt="image of pizza recipe" width="300">
<p>Pizza, the king of comfort foods.Try this simple,taste sensation.</p>
<ol>
	<li>Step 1</li>
	<li>Step 2</li>
	<li>Step 3</li>
	<li>Enjoy!</li>
</ol>
</div>
</body>
</html>