-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpudding.html
117 lines (106 loc) · 4.79 KB
/
pudding.html
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset= "UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pudding recipe</title>
<!-- Bootstrap -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/desert.css">
</head>
<body>
<h1> Butterscotch Pudding</h1>
<div class="pic">
<img src="images/butterscotch.jpg" alt="Delicious recipe"></div>
<div class ="intro">
<p> Everyone likes to eat desert after their meal.There are various type of deserts which we can have however, we are here with a recipe
of butterscotch pudding which is very delicious and easy to make at home. This recipe is also very cheap as everyone can find the ingredients very
easily at home and enjoy with it. So,let's begin with the recipe.
</p>
</div>
<h3>Ingredients</h3>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
<li data-target="#carousel-example-generic" data-slide-to="3"></li>
<li data-target="#carousel-example-generic" data-slide-to="4"></li>
<li data-target="#carousel-example-generic" data-slide-to="5"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/milk.jpg" alt="Milk">
<div class="carousel-caption">
<h1>Milk</h1>
</div>
</div>
<div class="item">
<img src="images/corn-flour.jpg" alt="Corn Flour">
<div class="carousel-caption">
<h1>Corn Flour</h1>
</div>
</div>
<div class="item">
<img src="images/sugar.jpg" alt="Sugar">
<div class="carousel-caption">
<h1>Sugar</h1>
</div>
</div>
<div class="item">
<img src="images/vanilla.jpg" alt="Vanilla essence">
<div class="carousel-caption">
<h1>Vanilla Essence</h1>
</div>
</div>
<div class="item">
<img src="images/sprinkles.jpg" alt="Chocolate">
<div class="carousel-caption">
<h1>Chocolate Sprinkles</h1>
</div>
</div>
<div class="item">
<img src="images/butter.jpg" alt="strawberry-jelly">
<div class="carousel-caption">
<h1>Butter</h1>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="ingred">
<ul><li>2 cup milk</li>
<li>1/4 cup corn flour</li>
<li>1/2 cup sugar</li>
<li>Vanilla Essence</li>
<li>Chocolate Sprinkles</li>
<li> 1/4 cup butter</li> </ul>
</div>
<h3>Directions</h3>
<div class="step">
<ol><li>Add two cup of milk in a bowl followed with 1/4 cup of corn flour and mix them well. </li>
<li>Now add 1/2 cup of sugar in a pan and caramalised the sugar on medium flame.</li>
<li>Add 1/4 cup butter in caramalised sugar and add the mixture of milk and corn flour.(caramalised sugar will harden while adding milk mixture .</li>
<li>Mix them well and dissolve it on low flame till they get dissolved completely , after that add 1/2 tbsp vanilla essence and stir them well on medium flame until it thickens.</li>
<li>Switch off the flame and pour the mixture in pudding glasses.</li>
<li>Fridge it for 30 minutes and before serving add some chocolate sprinkles over them to garnish the pudding.</li></ol><br/>
<p> You can also add your choice of fruits or dry fruits for garnishing. So, this lusicious pudding recipe is ready to serve and you can relish with your family.Have fun!! </p>
</div>
<footer>
</footer>
</body>
</html>