-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (77 loc) · 2.91 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
<!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 -->
<link rel="icon" href="resources/cart.png" type="image/png" /> <!-- favicon -->
<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 - Vancouver's Best in Designer Furniture</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>Welcome</h2>
<p>
As a local Canadian family-owned furniture business that started since 1993, we know that there is no machine that can replace a handmade product. Every Bezelel 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.
</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="special-products">
<li>
<a href="products/aven.html">
<img src="resources/aven_1.jpg" alt="Aven" />
<div class="product-info">
<h2>Aven</h2>
<p>The elegant and modern recliner</p>
</div>
</a>
</li>
<li>
<a href="products/sargon.html">
<img src="resources/sargon_1.jpg" alt="Fyrkantig" />
<div class="product-info">
<h2>Sargon</h2>
<p>The modern twist on a traditional sofa</p>
</div>
</a>
</li>
<li>
<a href="products/jazer.html">
<img src="resources/jazer_1.jpg" alt="Grundtal" />
<div class="product-info">
<h2>Jazer</h2>
<p>The minimalist yet versatile shelf</p>
</div>
</a>
</li>
</ul>
</div><!-- main-content -->
</div><!-- page -->
</body>
</html>