-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
133 lines (109 loc) · 4.88 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=0.5">
<title>Home</title>
<link href="css/home.css" rel="stylesheet">
</head>
<body>
<header>
<div class="container-nav">
<div class="logo">
<a href="home.html"><img id="logoimage" src="images/branding/logo.png" alt="logo"></a>
</div>
<nav id="navigation-normal">
<ul>
<li><a href="home.html">Home</a ></li>
<li><a href="shop.html">Shop</a ></li>
<li ><a href="about.html">About<div class="triangle"></div></a >
<ul class="secondary-style">
<li><a href="about.html">About Us</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
<li><a href="cart.html">Cart</a ></li>
</ul>
</nav>
<nav id="navigation-hamburger">
<div id="menuToggle">
<input type="checkbox" id="checkbox-hamburger">
<span></span>
<span></span>
<span></span>
<ul id="menu">
<li ><a href="home.html">Home</a ></li>
<li id="hamburger-style-1"><a href="shop.html">Shop</a ></li>
<li id="hamburger-style-2"><a href="about.html">About Us</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li id="hamburger-style-3"><a href="cart.html">Cart</a ></li>
</ul>
</div>
</nav>
</div>
</header>
<img id="cover-image" src="images/home-page/cover.png" alt="Everyday Bowl | Stone">
<div class="cover">
<h1>As unique as yourself</h1>
<p>A collection of unique one of a kind handmade pottery, dinnerware, gifts and more for intentional living</p>
<input type="button" class="shop" onclick="location.href='shop.html'" value="SHOP">
</div>
<div class="features">
<div class="feature-image">
<img id="feature-image1" src="images/home-page/feature1.png" alt="Crafting comfort">
</div>
<div class="feature-text">
<h4>CRAFTING COMFORT</h4>
<p class="subtitle">We firmly believe in crafting pieces that are timeless so they can elegantly transition between generations. We're not interested in adding to landfills and are committed to making sure your ceramics last you a lifetime.</p>
<p class="subtitle">Designed to be comfortable enough for everyday use and fancy enough for dinner parties.</p>
</div>
</div>
<div class="features">
<div class="feature-text">
<h4>AS UNIQUE AS YOURSELF</h4>
<p class="subtitle">All our handmade ceramics are crafted with intention and mindfulness in our Vancouver studio. Every piece is one of a kind and made from locally sourced clays from the Pacific Northwest. Only lead-free and food safe glazes are used that are formulated and tested for durability and longevity.</p>
</div>
<div class="feature-image">
<img id="feature-image2" src="images/home-page/feature2.png" alt="As unique as yourself">
</div>
</div>
<section class="recommendation">
<h3>FEATURED PRODUCTS</h3>
<div class="container">
<div class="card">
<a href="product-details-1.html">
<img class="mug" src="images/home-page/mug1.png" alt="Dinner Bowl | Anthracite"></a>
<h4>Dinner Bowl | Anthracite</h4>
<p>$62</p>
<input type="button" class="add_to_cart" onclick="location.href='cart.html'" value="Add to Cart">
</div>
<div class="card">
<a href="product-details-2.html">
<img class="mug" src="images/home-page/mug2.png" alt="Bud Vase | Stone"></a>
<h4>Bud Vase | Stone</h4>
<p>$50</p>
<input type="button" class="add_to_cart" onclick="location.href='cart.html'" value="Add to Cart">
</div>
<div class="card">
<a href="product-details-1.html">
<img class="mug" src="images/home-page/mug3.png" alt="Breakfast Bowl | Stone"></a>
<h4>Breakfast Bowl | Stone</h4>
<p>$37</p>
<input type="button" class="add_to_cart" onclick="location.href='cart.html'" value="Add to Cart">
</div>
</div>
</section>
<footer>
<div class="footer-container">
<div class="links-container">
<a href="styleguide.html" class="in-text-link">Style Guide</a>
<a href="styleguide.html#citations" class="in-text-link">Citation</a>
<a href="https://github.com/Fangljf/P02-Company.git" class="in-text-link">Git Repository</a>
</div>
<p>© 2023 Fang Ceramics.</p>
</div>
</footer>
</body>
</html>