-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (139 loc) · 4.55 KB
/
index.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WELFORD BOUQUET</title>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=EB+Garamond&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<!-- Header-->
<div class="row">
<div class="col-12">
<h3>WELFORD BOUQUET</h3>
</div>
</div>
<!-- Top navigation -->
<div class="row">
<nav id="nav-padding" class="col-12">
<a href="#search"><i id="search" class="fa fa-search"></i></a>
<a href="#home">HOME</a>
<a href="#shop">SHOP</a>
<a href="#ourstory">OUR STORY</a>
<a href="#exhibitions">EXHIBITIONS</a>
<a href="#commissions">COMMISSIONS</a>
<a href="#blog">BLOG</a></li>
<a href="#contact">CONTACT</a>
<a href="#shopping-basket"><i id="basket" class="fa fa-shopping-bag"></i></a>
<hr>
</nav>
</div>
<div class="row">
<div class="col-6">
<img src="amy.jpg" alt="Two hands holding flower bouquet arranged in shape of heart">
</div>
<div class="col-6">
<div class="box-block-green">
<img src="green.png" alt="Light green background.">
<div class="text-block-white">
<p><i>Take a Look</i></p>
<h1>THE WHITBY RANGE</h1>
<hr>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="box-block">
<img src="making.jpg" alt="Bride holding flower bouquet made of red flowers.">
<div class="text-block">
<h3>THE MAKING</h3>
<p>Our yarn is 100% British.</p>
</div>
</div>
</div>
<div class="col-4">
<div class="box-block">
<img src="story.jpg" alt="Bride holding flower bouquet made of white and pink flowers.">
<div class="text-block">
<h3>OUR STORY</h3>
<p>A family run business.</p>
</div>
</div>
</div>
<div class="col-4">
<div class="box-block">
<img src="commissions.jpg" alt="Bride holding flower bouquet made of light orange roses.">
<div class="text-block">
<h3>COMMISSIONS</h3>
<p>Furnishing & upholstery. </p>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-12">
<h3>OUR FAVORITES</h3>
<p class="text-grey"><i>Lorem ipsum dolor sit amet.</i></p>
</div>
</div>
<br>
<div class="row">
<div class="col-3">
<div class="box-block-sale">
<img src="west.jpg" alt="Branch of lilac flowers.">
<div class="text-block-sale">
<button class="button-sale"><i>Sale</i></button>
</div>
</div>
<p>WEST CLIFF</p>
<p class="text-grey"><span><strike>£290.00 </strike></span> <span class="text-blue"><span>£</span>250.00</span></p>
</div>
<div class="col-3"><img src="esk.jpg" alt="Bunch of pink roses in white cup.">
<p>ESK</p>
<p class="text-grey"><span>£</span>110.00</p>
</div>
<div class="col-3"><img src="sandsend.jpg" alt="Orange flowers in white vase.">
<p>SANDSEND</p>
<p class="text-grey"><span>£</span>360.00</p>
</div>
<div class="col-3"><img src="cliff.jpg" alt="Bouquet made of wild flowers in a glass vase.">
<p>WEST CLIFF CUSHION</p>
<p class="text-grey"><span>£</span>250.00</p>
</div>
</div>
<br>
<div class="row">
<nav class="col-12">
<hr>
<a href="#faq" class="text-grey">FAQ </a>
<a href="#delAndreturns" class="text-grey">DELIVERY & RETURNS</a>
<a href="#termAndconditions" class="text-grey">TERMS & CONDITIONS</a>
<a href="#contactUs" class="text-grey">CONTACT US</a>
<hr>
</nav>
</div>
<br>
<div class="row">
<div class="col-12">
<button><a href="#twitter"><i class="fa fa-twitter"></i></a></button>
<button><a href="#facebook"><i class="fa fa-facebook-square"></i></a></button>
<button><a href="#instangram"><i class="fa fa-instagram"></i></a></button>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="text-grey">COPYRIGHT 2017</p>
<p><i>Made in Yorkshire.</i></p>
</div>
</div>
</div>
</div>
</body>
</html>