-
Notifications
You must be signed in to change notification settings - Fork 0
/
detail.html
273 lines (270 loc) · 18.4 KB
/
detail.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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Góc Nhỏ Decor</title>
<meta name="google-site-verification" content="KpNiANXjWODwFTRDJLO58MoM8XgpzA0xcnSpPLZnL_E" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow"/>
<meta name="author" content="Góc nhỏ decor"/>
<meta name="geo.region" content="VN" />
<meta name="geo.placename" content="Ho Chi Minh City" />
<meta name="geo.position" content="10.743004;106.71754" />
<meta name="ICBM" content="10.743004, 106.71754" />
<link rel="alternate" href="http://www.tenwebsite.com/" hreflang="vi-vn" />
<link rel="stylesheet" href="./css/stylecommon.css" type="text/css">
<link rel="stylesheet" href="./css/detail.css" type="text/css">
<link rel="stylesheet" href="./css/animate.css" type="text/css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="./fontawesome/css/all.css" rel="stylesheet"> <!--font anwesome -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<header class="header">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<ul class="nav-links">
<li><a href="detail.html"><img src="./images/logo-main.webp" alt="" style="width: 170px; cursor: pointer;"></a></li>
</ul>
<a href="index.html">
<img src="./images/logo.webp" alt="" style="width: 250px; cursor: pointer;">
</a>
<ul class="categories" id="categories" style="padding-left: 114px;">
<li>
<a href="detail.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
</svg>
</a>
</li>
<li>
<a href="detail.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
</svg>
</a>
</li>
<li>
<a href="detail.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/>
</svg>
</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="main-content wow fadeInLeft">
<div class="container text-center">
<div class="primary-menu-container header-menu-container">
<ul class="menu">
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="index.html">Trang chủ</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="phu-kien.html">Phụ kiện</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="blog.html">Blog</a></li>
</ul>
</div>
</div>
</main>
<div class="container detail-page mt-5 wow fadeIn" data-wow-duration="2s" data-wow-delay=".25s">
<div class="row justify-content-start">
<div class="col-12 mb-5 wow fadeInLeft">
<span class="badge text-bg-secondary mb-3">KITCHEN</span>
<h1 class="text-left mt-3">Mix & Match?</h1>
<p >By Helen Powell - Last updated 7 November 2024</p>
<img class="mb-2 main-image" src="./images/5.webp" alt="">
<p>Step into the basement of this historic Bath townhouse and discover a kitchen that seamlessly blends the old and the new. The deVOL design team, working alongside Banjo Beale, has created a space that celebrates the home’s original character while infusing it with modern functionality.</p>
<p>The room exudes a serene, calming atmosphere, with light coming through the original wavy Georgian glass panes. There is a “secretive beauty” to this basement space, as deVOL describes, that evokes a sense of peace amidst the bustling city above. The thick, honey-coloured stone walls and hidden nooks and crannies give the room an undeniable charm and sense of history.</p>
<img class="mb-2" src="./images/4.webp" alt="">
<p>Rather than stripping the space and starting anew, the design team made the decision to preserve the original woodwork, panelling, doors and cabinets. This choice “has saved the history and character of the house, making it feel like a time capsule.” By honouring the room’s inherent features, they’ve created a kitchen that feels authentic and true to the home’s origins.</p>
<p>deVOL’s classic cabinetry was a natural fit for this historic setting. The Georgian-inspired detailing and sturdy simplicity of the units complement the aged stone and other original elements perfectly. Painted in the brand’s signature Printer’s Black shade and topped with bespoke copper countertops, the cabinets strike a perfect balance – blending seamlessly with the old while introducing subtle modern touches.</p>
<p>Practical considerations were also woven into the design, with the addition of a Lacanche range cooker, deVOL brass rails, and the brand’s own heirloom lighting fixtures. These functional elements lend a fresh, new energy to the space, preparing it to be enjoyed for many years to come.</p>
</div>
</div>
</div>
<div class="container mb-5">
<div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExample" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExample" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExample" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="1000">
<img src="./images/4.webp" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h3>First slide label</h5>
<p>Some representative placeholder content for the first slide.</p>
</div>
</div>
<div class="carousel-item" data-bs-interval="1000">
<img src="./images/4.webp" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h3>Second slide label</h5>
<p>Some representative placeholder content for the second slide.</p>
</div>
</div>
<div class="carousel-item" data-bs-interval="1000">
<img src="./images/4.webp" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h3>Third slide label</h3>
<p>Some representative placeholder content for the third slide.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="container mb-5 care-post">
<h2 class="color-text-primary mb-4">Có thể bạn quan tâm</h2>
<div class="row updated-post-row wow fadeInRight" data-wow-delay=".35s">
<div class="col-md-3 col-sm-12 care-post-column">
<div class="color-column">
<img src="./images/4.webp" alt="" class="mb-4">
<div class="post-content">
<h4 class="ellipsis-text clamp-2">Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp</h4>
<p class="post-description ellipsis-text clamp-3">Với sự hiểu biết sâu sắc về ngành ẩm thực, giải trí và kinh nghiệm phong phú trong lĩnh vực thiết kế nội thất, CONN Design tạo ra những dự án sáng tạo.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-12 care-post-column">
<div class="color-column">
<img src="./images/4.webp" alt="" class="mb-4">
<div class="post-content">
<h4 class="ellipsis-text clamp-2">Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp</h4>
<p class="post-description ellipsis-text clamp-3">Với sự hiểu biết sâu sắc về ngành ẩm thực, giải trí và kinh nghiệm phong phú trong lĩnh vực thiết kế nội thất, CONN Design tạo ra những dự án sáng tạo.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-12 care-post-column">
<div class="color-column">
<img src="./images/4.webp" alt="" class="mb-4">
<div class="post-content">
<h4 class="ellipsis-text clamp-2">Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp</h4>
<p class="post-description ellipsis-text clamp-3">Với sự hiểu biết sâu sắc về ngành ẩm thực, giải trí và kinh nghiệm phong phú trong lĩnh vực thiết kế nội thất, CONN Design tạo ra những dự án sáng tạo.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-12 care-post-column">
<div class="color-column">
<img src="./images/4.webp" alt="" class="mb-4">
<div class="post-content">
<h4 class="ellipsis-text clamp-2">Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp</h4>
<p class="post-description ellipsis-text clamp-3">Với sự hiểu biết sâu sắc về ngành ẩm thực, giải trí và kinh nghiệm phong phú trong lĩnh vực thiết kế nội thất, CONN Design tạo ra những dự án sáng tạo.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container update-post">
<h2 class="mb-4">Cập nhật mới</h2>
<div class="row updated-post-row wow bounceIn" data-wow-delay=".60s">
<div class="col-md-4 col-sm-12 new-post 1">
<img src="./images/4.webp" alt="" class="mb-4">
<div class="post-content">
<span>Kinh nghiệm thiết kế không gian kinh doanh</span>
<h4 class="mt-2 ellipsis-text clamp-3">Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp</h4>
<div class="new-post-read-more mt-4">
<span>Chi tiết bài viết</span>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 new-post 2">
<img src="./images/4.webp" alt="" class="mb-4">
<div class="post-content">
<span>Kinh nghiệm thiết kế không gian kinh doanh</span>
<h4 class="mt-2 ellipsis-text clamp-3">Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp</h4>
<div class="new-post-read-more mt-4">
<span>Chi tiết bài viết</span>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 new-post 3">
<img src="./images/4.webp" alt="" class="mb-4">
<div class="post-content">
<span>Kinh nghiệm thiết kế không gian kinh doanh</span>
<h4 class="mt-2 ellipsis-text clamp-3">Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp Xu hướng thiết kế văn phòng hiện đại, sáng tạo chuyên nghiệp</h4>
<div class="new-post-read-more mt-4">
<span>Chi tiết bài viết</span>
</div>
</div>
</div>
</div>
</div>
<div class="container content-footer-child mb-5">
<div class="row footer-content">
<div class="col-12">
<p>Hi Guy! <b>Góc nhỏ Decor là một dự án</b>, là một câu chuyện lụm nhặt của tớ về những <b>kiến thức Decor trong cuộc sống</b>. Trang web này không chỉ mang đến cho bạn những <b>gợi ý về đồ decor</b>, decor văn phòng, decor phòng ngủ.v.v mà còn <b>giúp bạn hiểu hơn về lĩnh vực decor</b>, trang trí không gian sống thông qua những bài viết trên đây. </p>
<p>Hiện tại, website đang có 3 chuyên mục là “trang chủ”, “phụ kiện” và “Blog”. Trong đó chuyên mục “<a class="text-link" href="https://lamhaimy.github.io/index.html" target="_blank">phụ kiện</a>” sẽ là nơi bạn tìm thấy các <b>link sản phẩm về phụ kiện decor</b> như đèn, giường, đồ công nghệ, v.v. được gắn trực tiếp từ shopee, tiktok. </p>
<p>Ngoài ra, <a class="text-link" href="https://lamhaimy.github.io/detail.html " target="_blank">Blog</a> cũng là một trang thú vị trên Góc nhỏ Decor khi đây là nơi bạn có thể tìm hiểu sâu hơn về những câu chuyện, kiến thức và những chia sẻ thông qua <b>các bài viết về chủ đề decor</b>.</p>
</div>
</div>
</div>
<div class="site-container footer-section" style="padding-top: 35px;">
<footer class="footer-container">
<div class="container">
<div class="row justify-content-between border-bottom pb-3 mb-3 align-items-center">
<div class="col-12 text-center">
<div class="text-goc-nho-footer">GÓC NHỎ DECOR</div>
</div>
</div>
<div class="row term-and-condition mt-5">
<div class="col-md-4 col-sm-12">
<h4>Liên hệ</h4>
<ul>
<li><i class="fas fa-phone"></i><span>0353098155</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
</ul>
</div>
<div class="col-md-4 col-sm-12">
<h4>Điều khoản sử dụng</h4>
<!-- <ul>
<li><i class="fas fa-phone"></i><span>0353098155</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
<li><i class="fas fa-envelope"></i><span>[email protected]</span></li>
</ul> -->
</div>
<div class="col-md-4 col-sm-12">
<h4>Mạng xã hội</h4>
<ul class="social-class">
<li class="social-item">
<a href="https://www.facebook.com/decorxiao?mibextid=LQQJ4d" target="_blank" ><i class="fab fa-facebook-square"></i><span>Facebook</span></a>
</li>
<li class="social-item">
<a href="">
<i class="fab fa-instagram-square"></i><span>Instagram</span>
</a>
</li>
<li class="social-item">
<a href="">
<i class="fab fa-tiktok"></i><span>Tiktok</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script src="./js/wow.min.js" type="text/javascript"></script>
<script src="./js/app.js" type="text/javascript"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.7.1.min.js"></script> <!-- to reslove $function() -->
<script src="./js/numberOnScroll.js" type="text/javascript"></script>
<script type="text/javascript">
new WOW().init();
</script>
</body>
</html>