-
Notifications
You must be signed in to change notification settings - Fork 0
/
news.html
122 lines (105 loc) · 5.09 KB
/
news.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
<!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>News</title>
<link href="css/news.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>
<div class="container-content" >
<div class="title">
<h1>News</h1>
<!-- <p>Join Our Creative Community at Regular Events and Workshops</p> -->
</div>
<div class="description">
<div class="container1">
<div class="card">
<div class="image-left">
<img class="images-cover" src="images/news/jane-snider-679.png" alt="Behind The Wheel-Jane Snider Pottery">
</div>
<div class="text">
<h4>Behind The Wheel - Jane Snider Pottery</h4>
<p>This weekend, we had a conversation with Jane Snider. Based in Ottawa, Ontario, Jane is one of The Northern Kiln's top selling artists. Read about her experience, history and inspiration.</p>
<a href="news-detail-1.html" class="in-text-link">Read More</a>
</div>
</div>
<div class="card">
<div class="image-left">
<img class="images-cover" src="images/news/pottery-workshop-679.png" alt="Workshop">
</div>
<div class="text">
<h4>Pottery Work Shop with Fang Ceramics</h4>
<p>Are you curious about making your very own piece of functional pottery, or wanting to spend quality time with friends while learning some new skills? Join our workshop on February 26th, 2023.</p>
<a href="#" class="in-text-link">Read More</a>
</div>
</div>
<div class="card">
<div class="image-left">
<img class="images-cover" src="images/news/table-movement-679.png" alt="Why Restaurants are Ditching White China for Hand-Made Ceramics?">
</div>
<div class="text">
<h4>Why Restaurants are Ditching White China for Hand-Made Ceramics?</h4>
<p>From the potters who are breaking all the rules to the restaurants that worship them, here’s everything you need to know to get in on the wheel to table movement.</p>
<a href="#" class="in-text-link">Read More</a>
</div>
</div>
<!-- resource: https://thenorthernkiln.ca/blogs/behind-the-wheel/behind-the-wheel-jane-snider-pottery, https://www.kiln9ceramics.com/collections/workshops, https://www.bonappetit.com/entertaining-style/trends-news/article/new-ceramics -->
<!-- <div class="card">
<img class="img" src="/Images/news/Jane_Snider_720x.png" alt="Behind The Wheel-Jane Snider Pottery">
<h4>Behind The Wheel - Jane Snider Pottery</h4>
<p>This weekend, we had a conversation with Jane Snider. Based in Ottawa, Ontario, Jane is one of The Northern Kiln's top selling artists. Read about her experience, history and inspiration.</p>
<input type="button" class="interactive-button" onclick="location.href=''" value="Read More">
</div> -->
</div>
</div>
</div>
<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>