-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbread.html
175 lines (150 loc) · 5.69 KB
/
bread.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html>
<title>Artisan Food</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="CSS/w3.css">
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" href="CSS/styles.css">
<link rel="stylesheet" href="CSS/video.css">
<style>
body {font-family: "Times New Roman", Georgia, Serif;}
h1, h2, h3, h4, h5, h6 {
font-family: "Playfair Display";
letter-spacing: 5px;
}
</style>
<style>
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.column {
float: left;
width: 33.3%;
margin-bottom: 16px;
padding: 0 8px;
}
@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.container {
padding: 0 16px;
}
.container::after, .row::after {
content: "";
clear: both;
display: table;
}
.title {
color: grey;
}
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
width: 100%;
}
.button:hover {
background-color: #555;
}
</style>
<style>
ytubevid {
float: center;
padding: 20px;
width: 70%;
background-color: #f1f1f1;
height: 1000px; /* only for demonstration, should be removed */
}
</style>
<body>
<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar w3-white w3-padding w3-card" style="letter-spacing:4px;">
<img src="images/logo.png" class="w3-left w3-round w3-image w3-opacity-min" width="41">
<a href="index.html" class="w3-bar-item w3-button">ARTISAN FOOD & CO</a>
<!-- Right-sided navbar links. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<a href="index.html" class="w3-bar-item w3-button">Home</a>
<a href="cheese.html" class="w3-bar-item w3-button">Cheese</a>
<a href="bread.html" class="w3-bar-item w3-button">Bread</a>
<a href="about.html" class="w3-bar-item w3-button">About</a>
</div>
</div>
</div>
<!-- Header -->
<header class="v-header container">
<div class="fullscreen-video-wrap">
<video autoplay muted loop id="myVideo">
<source src="VIDEO/breadmakinghead.mp4" type="video/mp4">
</video>
</div>
</header>
<!-- About Section -->
<div class="w3-row w3-padding-64" id="about">
<div class="w3-col m6 w3-padding-large w3-hide-small">
<img src="IMAGES/Artisanbread2.jpg" class="w3-round w3-image w3-opacity-min" alt="Table Setting" width="800" height="750">
</div>
<div class="w3-col m6 w3-padding-large">
<h1 class="w3-center">What is Artisan Bread?</h1><br>
<p class="w3-large">Artisan bread is best described by thinking about the person who makes the bread. An artisan baker is a craftsperson who is trained to the highest ability to mix, ferment, shape and bake a hand crafted loaf of bread. They incorporate the science behind the chemical reactions of the ingredients and use them to create the most optimal environment for the bread to develop.
How to tell True Artisan Bread from one that is called Artisan. Begin by looking at the ingredients. True Artisan Breads usually only include flour, water salt and yeast. Sour based dough’s may not even include yeast in the ingredients. Flavored Artisan breads may list other ingredients like olives, tomatoes, garlic, and herbs. With these types of breads, all of the ingredients should read as familiar foods. When you choose and Artisan Bread you are buying one of the oldest most basic foods there is. Like centuries ago, these breads didnt need chemicals to make them great and they still don’t today.
True Artisan Bread is like a fine wine. Controlling the fermentation and the action of natural bacteria can produce amazing artisan breads that have flavor profiles from a light delicate flavor to a deep, strong, rustic flavor. An airy Ciabatta is the perfect sandwich bread just as a rustic, hearty country sourdough makes a great soup complement. Learning to appreciate the differences in Artisan Breads and understanding where each type or ingredient came from, the fermentation process used to make the flavor unique, how much time was put into making them and the different characteristics of taste and texture and color, is almost as much fun as learning about fine wines. Try each type of MultiGrains Bakery True Artisan Breads and find out for yourself which of our True Artisan Breads are your favorites.</p>
<br>
<br>
<br>
<br>
<br>
</div>
<div class="row">
<div class="column">
<div class="card">
<img src="IMAGES/breadaward1.jpg" style="width:100%">
<div class="container">
<h2>Best defined bread</h2>
<p>"Amazing texture and flavour! Truly amazing and a treat to eat! - Patty</p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<img src="IMAGES/breadaward2.jpeg" style="width:100%">
<div class="container">
<h2>Best Wholegrain bread</h2>
<p>"The perfect blend of grain and dough, truly spectacular. - Jeff</p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<img src="IMAGES/breadaward3.jpg" style="width:100%">
<div class="container">
<h2>Best Sour dough</h2>
<p>Sour is an understatement for this bread. - Karen</p>
</div>
</div>
</div>
<br>
<h2 class="w3-center">Recipe : How to make artisan bread</h2>
<video width="100%" controls>
<source src="VIDEO/breadrecipe.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<br>
<!-- Footer -->
</body>
</html>