-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
245 lines (230 loc) · 22.2 KB
/
Copy pathabout.html
File metadata and controls
245 lines (230 loc) · 22.2 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/svg+xml" href="/wh.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Learn more about Warm Heart and our eco-friendly blankets.">
<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=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
<title>Warm Heart | About</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="header__wrapper">
<div class="header__left">
<div class="mobile-menu" aria-label="mobile-navigation">
<button type="button" popovertarget="mobile-navigation" class="mobile-menu__burger"
aria-label="open-close mobile-navigation">
<svg width="44" height="22" viewBox="0 0 42 22" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1 1H41" stroke="#2C2C2C" stroke-width="2" stroke-linecap="round" />
<path d="M1 11H31" stroke="#2C2C2C" stroke-width="2" stroke-linecap="round" />
<path d="M1 21H41" stroke="#2C2C2C" stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<nav class="mobile-menu__block" id="mobile-navigation" popover="auto">
<button type="button" class="mobile-menu__close" popovertarget="mobile-navigation"
popovertargetaction="hide" aria-label="close mobile-navigation">
<svg width="31" height="31" viewBox="0 0 31 31" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.00151 29.2843L29.2858 1M29.2858 29.2843L1.00151 1" stroke="#2C2C2C"
stroke-width="2" stroke-linecap="round" />
</svg>
</button>
<ul class="menu__list mobile-menu__list">
<li class="menu__item mobile-menu__item"><a href="shop.html">Shop</a></li>
<li class="menu__item mobile-menu__item"><a href="about.html">About</a></li>
<li class="menu__item mobile-menu__item"><a href="contacts.html">Contacts</a> </li>
</ul>
<hr class="mobile-menu__divider">
<form class="mobile-menu__form" method="get" action="index.html">
<label for="mobile-menu-search" aria-label="mobile-navigation search"></label>
<input type="search" id="mobile-menu-search" placeholder="Search" name="s">
<input type="hidden" name="post_type" value="product">
</form>
<div class="cart mobile__menu__cart">
<a href="cart.html" class="cart__btn mobile-menu__cart_btn" aria-label="cart">Cart</a>
<span class="cart__count" data-cart-count aria-hidden="true"></span>
</div>
</nav>
</div>
<div class="menu__desktop">
<nav class="menu__desktop_nav">
<ul class="menu__desktop_list">
<li class="menu__desktop_item"><a href="shop.html">Shop</a></li>
<li class="menu__desktop_item"><a href="about.html">About</a></li>
<li class="menu__desktop_item"><a href="contacts.html">Contacts</a> </li>
</ul>
</nav>
</div>
</div>
<div class="header__center">
<a class="header__center_link header__center_link_short " href="index.html"
aria-label="warm heart logo">
WH
</a>
<a class="header__center_link header__center_link_long" href="index.html"
aria-label="warm heart logo"> WARM
Heart</a>
</div>
<div class="header__right">
<button type="button" class="btn header__right_search" aria-label="Open search"
popovertarget="search-in-header">
<svg class="header__right_icon" width="28" height="28" viewBox="0 0 28 28" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.8333 22.1667C17.988 22.1667 22.1667 17.988 22.1667 12.8333C22.1667 7.67868 17.988 3.5 12.8333 3.5C7.67868 3.5 3.5 7.67868 3.5 12.8333C3.5 17.988 7.67868 22.1667 12.8333 22.1667Z"
stroke="#2C2C2C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M24.5008 24.5L19.4258 19.425" stroke="#2C2C2C" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span class="header__right_text">Search</span>
</button>
<a href="cart.html" class="btn cart__btn" aria-label="cart">
<svg class="header__right_icon" role="img" focusable="false" width="28" height="28"
viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>Cart</title>
<path
d="M7 2.33333L3.5 7V23.3333C3.5 23.9522 3.74583 24.5457 4.18342 24.9833C4.621 25.4208 5.21449 25.6667 5.83333 25.6667H22.1667C22.7855 25.6667 23.379 25.4208 23.8166 24.9833C24.2542 24.5457 24.5 23.9522 24.5 23.3333V7L21 2.33333H7Z"
stroke="#2C2C2C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M3.5 7H24.5" stroke="#2C2C2C" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M18.6693 11.6667C18.6693 12.9043 18.1776 14.0913 17.3024 14.9665C16.4273 15.8417 15.2403 16.3333 14.0026 16.3333C12.7649 16.3333 11.5779 15.8417 10.7028 14.9665C9.8276 14.0913 9.33594 12.9043 9.33594 11.6667"
stroke="#2C2C2C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span class="header__right_text">Cart<span class="cart__count" data-cart-count
aria-hidden="true"></span></span>
</a>
</div>
</div>
</div>
</header>
<main>
<div class="container">
<h1 class="title__h1">About</h1>
</div>
<section>
<div class="container">
</div>
</section>
</main>
<footer class="footer">
<div class="footer__wrapper">
<div class="footer__header">
<a class="footer__logo" href="index.html" aria-label="warm heart logo">
<svg width="191" height="21" viewBox="0 0 191 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M29.3017 -3.6478e-05L23.0017 20.314H19.2077L15.0497 7.02796C14.9844 6.8413 14.919 6.63596 14.8537 6.41196C14.7884 6.18796 14.7277 5.94996 14.6717 5.69796C14.6157 5.94996 14.555 6.18796 14.4897 6.41196C14.4244 6.63596 14.359 6.8413 14.2937 7.02796L10.0937 20.314H6.2857L-0.000296863 -3.6478e-05H3.5277C3.8917 -3.6478e-05 4.19504 0.0839636 4.4377 0.251964C4.6897 0.419964 4.85304 0.643964 4.9277 0.923963L8.0777 12.376C8.15237 12.6933 8.22704 13.0386 8.3017 13.412C8.3857 13.776 8.46504 14.1633 8.5397 14.574C8.6237 14.154 8.71237 13.762 8.8057 13.398C8.89904 13.034 9.0017 12.6933 9.1137 12.376L12.7817 0.923963C12.8564 0.69063 13.015 0.48063 13.2577 0.293964C13.5097 0.0979637 13.813 -3.6478e-05 14.1677 -3.6478e-05H15.3997C15.7637 -3.6478e-05 16.0577 0.0886304 16.2817 0.265964C16.515 0.433964 16.6877 0.653297 16.7997 0.923963L20.4537 12.376C20.5657 12.6746 20.6684 13.0013 20.7617 13.356C20.855 13.7013 20.9437 14.07 21.0277 14.462C21.1024 14.07 21.1724 13.7013 21.2377 13.356C21.3124 13.0013 21.387 12.6746 21.4617 12.376L24.6117 0.923963C24.677 0.681298 24.8357 0.466631 25.0877 0.279963C25.3397 0.0932968 25.643 -3.6478e-05 25.9977 -3.6478e-05H29.3017ZM40.9165 12.6L38.7185 6.38396C38.5878 6.0573 38.4478 5.67463 38.2985 5.23596C38.1585 4.7973 38.0231 4.3213 37.8925 3.80796C37.7618 4.33063 37.6218 4.81596 37.4725 5.26396C37.3325 5.70263 37.1971 6.0853 37.0665 6.41196L34.8825 12.6H40.9165ZM47.9725 20.314H44.7105C44.3465 20.314 44.0478 20.23 43.8145 20.062C43.5905 19.8846 43.4225 19.6606 43.3105 19.39L41.9385 15.512H33.8465L32.4745 19.39C32.3811 19.6233 32.2178 19.838 31.9845 20.034C31.7511 20.2206 31.4571 20.314 31.1025 20.314H27.8125L35.7505 -3.6478e-05H40.0485L47.9725 20.314ZM56.2086 9.61796C56.8899 9.61796 57.4779 9.53396 57.9726 9.36596C58.4673 9.18863 58.8733 8.95063 59.1906 8.65196C59.5079 8.34396 59.7413 7.98463 59.8906 7.57396C60.0399 7.1633 60.1146 6.7153 60.1146 6.22996C60.1146 5.26863 59.7926 4.52196 59.1486 3.98996C58.5139 3.45796 57.5433 3.19196 56.2366 3.19196H54.0526V9.61796H56.2086ZM66.0506 20.314H62.2566C61.5473 20.314 61.0339 20.0433 60.7166 19.502L56.8526 13.272C56.6939 13.0293 56.5166 12.852 56.3206 12.74C56.1339 12.628 55.8539 12.572 55.4806 12.572H54.0526V20.314H49.8526V-3.6478e-05H56.2366C57.6553 -3.6478e-05 58.8686 0.149297 59.8766 0.447964C60.8846 0.737298 61.7106 1.1433 62.3546 1.66596C62.9986 2.18863 63.4699 2.81396 63.7686 3.54196C64.0673 4.26063 64.2166 5.05396 64.2166 5.92196C64.2166 6.59396 64.1186 7.2333 63.9226 7.83996C63.7359 8.4373 63.4606 8.9833 63.0966 9.47796C62.7326 9.97263 62.2846 10.4113 61.7526 10.794C61.2206 11.1766 60.6139 11.4846 59.9326 11.718C60.2033 11.8673 60.4553 12.0493 60.6886 12.264C60.9219 12.4693 61.1319 12.7166 61.3186 13.006L66.0506 20.314ZM90.4362 -3.6478e-05V20.314H86.7262V7.83996C86.7262 7.57863 86.7309 7.29863 86.7402 6.99996C86.7589 6.7013 86.7869 6.39796 86.8242 6.08996L81.0142 17.108C80.6969 17.7146 80.2069 18.018 79.5442 18.018H78.9562C78.6295 18.018 78.3402 17.9433 78.0882 17.794C77.8362 17.6353 77.6355 17.4066 77.4862 17.108L71.6482 6.04796C71.6762 6.37463 71.6995 6.69196 71.7182 6.99996C71.7369 7.29863 71.7462 7.57863 71.7462 7.83996V20.314H68.0362V-3.6478e-05H71.2282C71.4055 -3.6478e-05 71.5642 0.00463041 71.7042 0.0139642C71.8442 0.0232968 71.9655 0.0512965 72.0682 0.0979631C72.1802 0.135297 72.2782 0.200631 72.3622 0.293964C72.4555 0.377963 72.5442 0.499297 72.6282 0.657964L78.3122 11.494C78.4895 11.8206 78.6529 12.1566 78.8022 12.502C78.9609 12.8473 79.1102 13.202 79.2502 13.566C79.3902 13.1926 79.5349 12.8286 79.6842 12.474C79.8429 12.1193 80.0109 11.7786 80.1882 11.452L85.8302 0.657964C85.9142 0.499297 86.0029 0.377963 86.0962 0.293964C86.1895 0.200631 86.2875 0.135297 86.3902 0.0979631C86.5022 0.0512965 86.6235 0.0232968 86.7542 0.0139642C86.8942 0.00463041 87.0575 -3.6478e-05 87.2442 -3.6478e-05H90.4362ZM118.716 -3.6478e-05V20.314H114.488V11.564H105.542V20.314H101.314V-3.6478e-05H105.542V8.62396H114.488V-3.6478e-05H118.716ZM127.198 3.28996V8.51196H133.974V11.69H127.198V17.024H135.906V20.314H122.97V-3.6478e-05H135.906V3.28996H127.198ZM149.772 12.6L147.574 6.38396C147.443 6.0573 147.303 5.67463 147.154 5.23596C147.014 4.7973 146.879 4.3213 146.748 3.80796C146.617 4.33063 146.477 4.81596 146.328 5.26396C146.188 5.70263 146.053 6.0853 145.922 6.41196L143.738 12.6H149.772ZM156.828 20.314H153.566C153.202 20.314 152.903 20.23 152.67 20.062C152.446 19.8846 152.278 19.6606 152.166 19.39L150.794 15.512H142.702L141.33 19.39C141.237 19.6233 141.073 19.838 140.84 20.034C140.607 20.2206 140.313 20.314 139.958 20.314H136.668L144.606 -3.6478e-05H148.904L156.828 20.314ZM165.064 9.61796C165.745 9.61796 166.333 9.53396 166.828 9.36596C167.323 9.18863 167.729 8.95063 168.046 8.65196C168.363 8.34396 168.597 7.98463 168.746 7.57396C168.895 7.1633 168.97 6.7153 168.97 6.22996C168.97 5.26863 168.648 4.52196 168.004 3.98996C167.369 3.45796 166.399 3.19196 165.092 3.19196H162.908V9.61796H165.064ZM174.906 20.314H171.112C170.403 20.314 169.889 20.0433 169.572 19.502L165.708 13.272C165.549 13.0293 165.372 12.852 165.176 12.74C164.989 12.628 164.709 12.572 164.336 12.572H162.908V20.314H158.708V-3.6478e-05H165.092C166.511 -3.6478e-05 167.724 0.149297 168.732 0.447964C169.74 0.737298 170.566 1.1433 171.21 1.66596C171.854 2.18863 172.325 2.81396 172.624 3.54196C172.923 4.26063 173.072 5.05396 173.072 5.92196C173.072 6.59396 172.974 7.2333 172.778 7.83996C172.591 8.4373 172.316 8.9833 171.952 9.47796C171.588 9.97263 171.14 10.4113 170.608 10.794C170.076 11.1766 169.469 11.4846 168.788 11.718C169.059 11.8673 169.311 12.0493 169.544 12.264C169.777 12.4693 169.987 12.7166 170.174 13.006L174.906 20.314ZM190.805 3.38796H184.869V20.314H180.655V3.38796H174.719V-3.6478e-05H190.805V3.38796Z"
fill="#FDFBF9" />
</svg>
</a>
<ul class="socials">
<li class="socials__links"><a href="#" aria-label="Instagram">
<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10 1.80723C12.6506 1.80723 13.0121 1.80723 14.0964 1.80723C15.0602 1.80723 15.5422 2.04819 15.9036 2.16868C16.3855 2.40964 16.747 2.53012 17.1084 2.89157C17.4699 3.25301 17.7108 3.61446 17.8313 4.09639C17.9518 4.45783 18.0723 4.93976 18.1928 5.90362C18.1928 6.98795 18.1928 7.22892 18.1928 10C18.1928 12.7711 18.1928 13.0121 18.1928 14.0964C18.1928 15.0602 17.9518 15.5422 17.8313 15.9036C17.5904 16.3855 17.4699 16.747 17.1084 17.1084C16.747 17.4699 16.3855 17.7108 15.9036 17.8313C15.5422 17.9518 15.0602 18.0723 14.0964 18.1928C13.0121 18.1928 12.7711 18.1928 10 18.1928C7.22892 18.1928 6.98795 18.1928 5.90362 18.1928C4.93976 18.1928 4.45783 17.9518 4.09639 17.8313C3.61446 17.5904 3.25301 17.4699 2.89157 17.1084C2.53012 16.747 2.28916 16.3855 2.16868 15.9036C2.04819 15.5422 1.92771 15.0602 1.80723 14.0964C1.80723 13.0121 1.80723 12.7711 1.80723 10C1.80723 7.22892 1.80723 6.98795 1.80723 5.90362C1.80723 4.93976 2.04819 4.45783 2.16868 4.09639C2.40964 3.61446 2.53012 3.25301 2.89157 2.89157C3.25301 2.53012 3.61446 2.28916 4.09639 2.16868C4.45783 2.04819 4.93976 1.92771 5.90362 1.80723C6.98795 1.80723 7.3494 1.80723 10 1.80723ZM10 0C7.22892 0 6.98795 0 5.90362 0C4.81928 0 4.09639 0.240965 3.49398 0.481928C2.89157 0.722892 2.28916 1.08434 1.68675 1.68675C1.08434 2.28916 0.843374 2.77109 0.481928 3.49398C0.240965 4.09639 0.120482 4.81928 0 5.90362C0 6.98795 0 7.3494 0 10C0 12.7711 0 13.0121 0 14.0964C0 15.1807 0.240965 15.9036 0.481928 16.506C0.722892 17.1084 1.08434 17.7108 1.68675 18.3133C2.28916 18.9157 2.77109 19.1566 3.49398 19.5181C4.09639 19.759 4.81928 19.8795 5.90362 20C6.98795 20 7.3494 20 10 20C12.6506 20 13.0121 20 14.0964 20C15.1807 20 15.9036 19.759 16.506 19.5181C17.1084 19.2771 17.7108 18.9157 18.3133 18.3133C18.9157 17.7108 19.1566 17.2289 19.5181 16.506C19.759 15.9036 19.8795 15.1807 20 14.0964C20 13.0121 20 12.6506 20 10C20 7.3494 20 6.98795 20 5.90362C20 4.81928 19.759 4.09639 19.5181 3.49398C19.2771 2.89157 18.9157 2.28916 18.3133 1.68675C17.7108 1.08434 17.2289 0.843374 16.506 0.481928C15.9036 0.240965 15.1807 0.120482 14.0964 0C13.0121 0 12.7711 0 10 0Z"
fill="currentColor" />
<path
d="M10 4.81928C7.10843 4.81928 4.81928 7.10843 4.81928 10C4.81928 12.8916 7.10843 15.1807 10 15.1807C12.8916 15.1807 15.1807 12.8916 15.1807 10C15.1807 7.10843 12.8916 4.81928 10 4.81928ZM10 13.3735C8.19277 13.3735 6.62651 11.9277 6.62651 10C6.62651 8.19277 8.07229 6.62651 10 6.62651C11.8072 6.62651 13.3735 8.07229 13.3735 10C13.3735 11.8072 11.8072 13.3735 10 13.3735Z"
fill="currentColor" />
<path
d="M15.3012 5.90362C15.9666 5.90362 16.506 5.3642 16.506 4.6988C16.506 4.03339 15.9666 3.49398 15.3012 3.49398C14.6358 3.49398 14.0964 4.03339 14.0964 4.6988C14.0964 5.3642 14.6358 5.90362 15.3012 5.90362Z"
fill="currentColor" />
</svg>
</a></li>
<li class="socials__links"><a href="#" aria-label="Facebook">
<svg width="12" height="23" viewBox="0 0 12 23" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M7.65708 12.3648H11.3793L11.9637 8.56055H7.65632V6.48134C7.65632 4.90099 8.16957 3.49962 9.63891 3.49962H12V0.179741C11.5852 0.123382 10.7078 0 9.04996 0C5.58819 0 3.55867 1.8393 3.55867 6.0297V8.56055H0V12.3648H3.55867V22.821C4.26344 22.9276 4.97729 23 5.71007 23C6.37245 23 7.01893 22.9391 7.65708 22.8522V12.3648Z"
fill="#2C2C2C" />
</svg>
</a></li>
<li class="socials__links"><a href="#" aria-label="Twitter">
<svg width="20" height="16" viewBox="0 0 20 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M19.6 1.89999C18.9 2.19999 18.1 2.4 17.3 2.5C18.1 2 18.8 1.2 19.1 0.300003C18.3 0.800003 17.5 1.1 16.5 1.3C15.8 0.500003 14.7 0 13.6 0C11.4 0 9.59999 1.8 9.59999 4C9.59999 4.3 9.6 4.59999 9.7 4.89999C6.4 4.69999 3.39999 3.1 1.39999 0.699997C1.09999 1.3 0.899994 2 0.899994 2.7C0.899994 4.1 1.6 5.3 2.7 6C2 6 1.39999 5.8 0.899994 5.5C0.899994 7.4 2.29999 9.09999 4.09999 9.39999C3.79999 9.49999 3.4 9.5 3 9.5C2.7 9.5 2.5 9.49999 2.2 9.39999C2.7 11 4.2 12.2 6 12.2C4.6 13.3 2.9 13.9 1 13.9C0.7 13.9 0.4 13.9 0 13.8C1.8 14.9 3.9 15.6 6.2 15.6C13.6 15.6 17.6 9.5 17.6 4.2V3.7C18.4 3.4 19.1 2.69999 19.6 1.89999Z"
fill="#2C2C2C" />
</svg>
</a></li>
</ul>
</div>
<nav class="footer__nav footer__nav_collapsible">
<details class="footer__details" name="footer">
<summary class="footer__title">Info
<svg class="arrow-icon" width="14" height="11" viewBox="0 0 14 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1 4L7 10L13 4" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</summary>
<ul class="footer__list">
<li><a href="about.html">About us</a></li>
<li><a href="contacts.html">Contacts</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</details>
</nav>
<nav class="footer__nav footer__nav_collapsible">
<details class="footer__details" name="footer">
<summary class="footer__title">Customer service
<svg class="arrow-icon" width="14" height="11" viewBox="0 0 14 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1 4L7 10L13 4" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</summary>
<ul class="footer__list">
<li><a href="#">Delivery and pickup</a></li>
<li><a href="#">Payment</a></li>
<li><a href="#">Exchange and return</a></li>
<li><a href="#">Help</a></li>
</ul>
</details>
</nav>
<nav class="footer__nav footer__nav_collapsible">
<details class="footer__details" name="footer">
<summary class="footer__title">Useful information
<svg class="arrow-icon" width="14" height="11" viewBox="0 0 14 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1 4L7 10L13 4" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</summary>
<ul class="footer__list">
<li><a href="#">Suppliers</a></li>
<li><a href="#">Buying guides</a></li>
<li><a href="#">Principle of operation</a></li>
<li><a href="#">Press service</a></li>
</ul>
</details>
</nav>
<div class="footer__bottom">
<small>
© WARM HEART <span id="year"></span>
</small>
<a href="#">Privacy policy</a>
</div>
</div>
</footer>
<!-- Search modal-->
<div class="search__modal" popover="auto" id="search-in-header">
<form class="search__form" role="search" method="get" action="index.html">
<input type="search" name="s" placeholder="Search..." class="search__input" autofocus>
<input type="hidden" name="post_type" value="product">
<button type="submit" class="btn search__btn">Search</button>
</form>
</div>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
<script type="module" src="/src/main.js"></script>
</body>
</html>