-
Notifications
You must be signed in to change notification settings - Fork 0
/
recipes.html
136 lines (117 loc) · 5.14 KB
/
recipes.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<head> <!-- Head contents part of gridsystem. Stylesheets my own -->
<title>Wonderful World of Baking</title>
<meta charset="utf-8">
<meta name="description" content="This website is about baking. It has a few recipes, a converter and a list of substitutions">
<meta name="keywords" content="baking, recipes, converter, substitutions">
<meta name="author" content="Edel Smullen using the grid by www.grahamrobertsonmiller.co.uk">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Stylesheets -->
<link rel="stylesheet" href="css+js/style.css" media="all">
<link rel="stylesheet" href="css+js/col.css" media="all">
<link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css' />
<link href='https://fonts.googleapis.com/css?family=Petrona' rel='stylesheet' type='text/css' />
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="css+js/script.js"></script>
</head>
<body>
<div class="wrapper">
<div class="section group">
<div class="col span_12_of_12">
<header>Wonderful World of Baking <span class="tablettrigger"><img src="images/logo.jpg" alt="hamburger"></span></header>
<!-- the tablettrigger class is for the navigation on tablet version-->
</div>
</div>
<div class="section group">
<span class="trigger"><img src="images/menulogo.jpg" alt="hamburger"></span> <!-- Trigger class for mobile navigation-->
<nav class="col span_12_of_12">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="basics.html">Basics</a></li>
<li><a href="converter.html">Converter</a></li>
<li><a href="recipes.html">Recipes</a></li>
<li><a href="substitutions.html">Substitutions</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="breadcrumb">
<a href="index.html">Home</a> >
Recipes
</div>
<div class="section group">
<div class="col span_4_of_12">
<br>
</div>
<div class="col span_4_of_12 heading">
Recipes
</div>
<div class="col span_4_of_12">
<br>
</div>
</div>
<div class="section group block">
<div class="col span_3_of_12">
<a href="sponge.html"><img src="images/smallersponge.jpg" alt="Sponge cake"></a> <!--http://www.eatliverun.com/victoria-sponge-cake/-->
</div>
<div class="col span_9_of_12">
<a href="sponge.html" class="title"><b>Victoria Sponge</b></a>
<br>
This British classic is a staple for any baker. It has delicious cream and jam sandwiched between two light sponge cakes.
</div>
</div>
<div class="section group block">
<div class="col span_3_of_12 ">
<a href="cheesecake.html"><img src="images/cheesecake.jpg" alt="Cheesecake"></a> <!--http://www.cheesecakemoat.com/-->
</div>
<div class="col span_9_of_12">
<a href="cheesecake.html" class="title"><b>Cheesecake</b><br></a>
This delicious, rich, creamy and smooth cheesecake is a good choice for any occasion.
</div>
</div>
<div class="section group block">
<div class="col span_3_of_12 ">
<a href="brownie.html"><img src="images/brownie.jpg" alt="Chocolate brownie"></a> <!-- http://www.bbcgoodfood.com/recipes/1223/bestever-brownies-->
</div>
<div class="col span_9_of_12">
<a href="brownie.html" class="title"><b>Chocolate Brownie</b><br></a>
These rich crumbly brownies are the perfect indulgence for a sweet tooth.
</div>
</div>
<div class="section group block">
<div class="col span_3_of_12">
<a href="carrot.html"><img src="images/carrot.jpg" alt="Carrot cake"></a> <!-- http://www.momswhothink.com/cake-recipes/carrot-cake-recipe.html-->
</div>
<div class="col span_9_of_12">
<a href="carrot.html" class="title"><b>Carrot Cake</b><br></a>
A classic moist and thick carrot cake with a delightfully nutty flavour.
</div>
</div>
<div class="section group block">
<div class="col span_3_of_12">
<a href="shortbread.html" class="title"><img src="images/shortbread.jpg" alt="Shortbread"></a> <!--http://www.tasteofhome.com/recipes/shortbread-squares-->
</div>
<div class="col span_9_of_12">
<a href="shortbread.html" class="title"><b>Short Bread</b><br></a>
These crumbly shortbread fingers go perfectly with a cup of tea.
</div>
</div>
<div class="section group block">
<div class="col span_3_of_12">
<a href="gateau.html" class="title"><img src="images/gateau.jpg" alt="Black forest gateau"></a> <!--http://www.bbcgoodfood.com/recipes/2303676/black-forest-gteau-->
</div>
<div class="col span_9_of_12">
<a href="gateau.html" class="title"><b>Black Forest Gateau</b><br></a>
This impressive chocolate cherry layered cream cake will wow everyone.
</div>
</div>
<div class="section group">
<footer class="col span_12_of_12">
<b>© 2015 Edel Smullen</b>
</footer>
</div>
</div>
</body>
</html>