-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcollection.html
118 lines (110 loc) · 3.9 KB
/
collection.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" media="only screen and (max-width: 700px)" href="phone-style.css" /> <!-- phone style -->
<link rel="stylesheet" media="only screen and (min-width:701px) and (max-width:1100px)" href="tablet-style.css" /> <!-- table style -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- jQuery include -->
<script type="text/javascript" src="script.js"></script>
<title>Bezal | Collection</title>
</head>
<body>
<div class="page">
<div class="blue-bar">
<header>
<h1><a href="index.html">Bezal</a></h1>
<div id="shopping-cart">
<a href="shopping-cart.html"><img src="resources/cart.png" alt="Shopping Cart"/></a>
</div>
<nav>
<ul>
<li><a href="collection.html">the Collection</a></li>
<li><a href="story.html">our Story</a></li>
<li><a href="community.html">the Community</a></li>
<li><a href="contact.html">contact Us</a></li>
</ul>
</nav>
</header>
<div class="description">
<h2>the Collection</h2>
<p>
Every Bezal piece is crafted to order in Vancouver with care and precision. We put the highest emphasis on quality materials and craftsmanship, making each piece a life-long investment. Each piece is inpsired by the local materials and curated out of a passion for products that speak for the local culture. The majority of the pieces are made by bespoke parts, adding unique flavor and twist for each one made. Go on, and take a look!
</p>
</div>
<footer>
<!-- social media links -->
<a href=""><img src="resources/f_icon.png" alt="Facebook" /></a>
<a href=""><img src="resources/t_icon.png" alt="Twitter" /></a>
<a href=""><img src="resources/i_icon.png" alt="Instagram" /></a>
</footer>
</div><!-- blue-bar -->
<div class="main-content">
<ul class="products">
<li>
<a href="products/aven.html">
<img src="resources/aven_thumb.jpg" alt="Aven" />
<div class="product-info">
<h2>Aven</h2>
<p>The elegant and modern recliner</p>
<div class="price">$1099.99</div>
</div>
</a>
</li>
<li>
<a href="products/sargon.html">
<img src="resources/sargon_thumb.jpg" alt="Sargon" />
<div class="product-info">
<h2>Sargon</h2>
<p>The modern twist on a traditional sofa</p>
<div class="price">$2059.99</div>
</div>
</a>
</li>
<li>
<a href="products/jazer.html">
<img src="resources/jazer_thumb.jpg" alt="Jazer" />
<div class="product-info">
<h2>Jazer</h2>
<p>The minimalist yet versatile shelf </p>
<div class="price">$1499.99</div>
</div>
</a>
</li>
<li>
<a href="products/cephas.html">
<img src="resources/cephas_thumb.jpg" alt="Cephas" />
<div class="product-info">
<h2>Cephas</h2>
<p>The sophisticated lounge chair</p>
<div class="price">$1299.99</div>
</div>
</a>
</li>
<li>
<a href="products/kezia.html">
<img src="resources/kezia_thumb.jpg" alt="Kezia" />
<div class="product-info">
<h2>Kezia</h2>
<p>The natural and modern coffee table</p>
<div class="price">$1049.99</div>
</div>
</a>
</li>
<li>
<li>
<a href="products/lystra.html">
<img src="resources/lystra_thumb.jpg" alt="Lystra" />
<div class="product-info">
<h2>Lystra</h2>
<p>The simple and gentle armchair</p>
<div class="price">$1049.99</div>
</div>
</a>
</li>
</ul>
</div><!-- main-content -->
</div><!-- page -->
</body>
</html>