-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
270 lines (267 loc) · 21.4 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>POSTORY - 傳遞溫度的旅遊明信片社群</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<meta name="theme-color" content="#fff">
<meta name="format-detection" content="telephone=no">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="manifest" href="img/site.webmanifest">
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="POSTORY 是傳遞溫度的明信片旅行社群App，我們將手機變成郵筒與藏寶圖，讓喜歡旅行的人在旅途中探索富有獨特而有特色的明信片，透過應用程式輕鬆寄收明信片，用別具意義的圖文來記錄、分享旅行的重要時刻與回憶。">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@POSTORY">
<meta name="twitter:title" content="POSTORY">
<meta name="twitter:description" content="POSTORY 是傳遞溫度的明信片旅行社群App，我們將手機變成郵筒與藏寶圖，讓喜歡旅行的人在旅途中探索富有獨特而有特色的明信片，透過應用程式輕鬆寄收明信片，用別具意義的圖文來記錄、分享旅行的重要時刻與回憶。">
<meta name="twitter:creator" content="@POSTORY">
<meta name="twitter:image" content="https://postory.app/img/twitter-card.png">
<meta property="og:title" content="POSTORY">
<meta property="og:type" content="Article">
<meta property="og:url" content="https://postory.app/">
<meta property="og:image" content="https://postory.app/img/fb-og-image.png">
<meta property="og:description" content="POSTORY 是傳遞溫度的明信片旅行社群App，我們將手機變成郵筒與藏寶圖，讓喜歡旅行的人在旅途中探索富有獨特而有特色的明信片，透過應用程式輕鬆寄收明信片，用別具意義的圖文來記錄、分享旅行的重要時刻與回憶。">
<meta property="og:site_name" content="POSTORY">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" media="all" href="css/app.min.css">
<script>
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
if (screen.width < 375) {
var newScale = screen.width / 375;
viewportmeta.content = 'width=375, minimum-scale=' + newScale + ', maximum-scale=1.0, user-scalable=no, initial-scale=' + newScale + '';
} else {
viewportmeta.content = 'width=device-width, maximum-scale=1.0, initial-scale=1.0';
}
}
</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-EVFZTSVTDE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EVFZTSVTDE');
</script>
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TH3GVCT');
</script>
</head>
<body>
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TH3GVCT" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script>
console.log(localStorage.getItem('darkMode'));
if (localStorage.getItem('darkMode') === "on") {
document.body.classList.add("dark");
document.addEventListener("DOMContentLoaded", function() {
document.querySelector('.js-switch-theme input').checked = true;
});
}
</script>
<div class="page">
<header class="header">
<div class="header__center center"><a class="header__logo" href="index.html"><img class="header__pic header__pic_dark" src="img/logo-dark.png" alt=""/><img class="header__pic header__pic_light" src="img/logo-light.png" alt=""/></a>
<div class="header__wrapper">
<nav class="header__nav"><a class="header__link" href="https://postory.app/about-us">關於我們</a><a class="header__link" href="https://postory.app/donate">支持我們 </a><a class="header__link" href="https://postory.app/cooperate">成為合作商家</a><a class="header__link" href="https://postory.app/creator">創作者招募計畫</a></nav>
<picture class="header__preview">
<source media="(max-width: 767px)" srcset="img/[email protected], img/[email protected] 2x"/><img srcset="img/[email protected] 2x" src="img/header-pic.png" alt=""/>
</picture>
</div>
<button class="header__burger"></button>
</div>
</header>
<div class="main">
<div class="main__center center">
<div class="main__wrap">
<h1 class="main__title d1"><span data-aos="animation-scale-top" data-aos-duration="600">隨拍隨寄</span><span data-aos="animation-scale-top" data-aos-duration="600" data-aos-delay="200">溫度傳遞 </span></h1>
<div class="main__text">POSTORY 是旅遊明信片社群，讓你在旅途中可以用 App 探索、收集、寄收富有在地特色的明信片來與社群分享交流，用別具意義的圖文來記錄人生中感動的時刻與回憶。</div>
<div class="footer__line">
<div class="footer__downloads"><a class="footer__download google_play_download" href="https://play.google.com/store/apps/details?id=app.postory.postory" target="_blank"><img class="google_play_download" src="img/google-play.svg" alt=""></a><a class="footer__download app_store_download" href="https://apps.apple.com/tw/app/postory-%E9%9A%A8%E6%8B%8D%E9%9A%A8%E5%AF%84-%E6%BA%AB%E5%BA%A6%E5%82%B3%E9%81%9E/id1584916129" target="_blank"><img class="app_store_download" src="img/app-store.svg" alt=""></a></div>
</div>
</div>
<div class="main__bg" data-aos>
<div class="main__preview"><img srcset="img/[email protected] 2x" src="img/figures-1.1.png" alt=""></div>
<div class="main__preview"></div>
<div class="main__preview"><img srcset="img/[email protected] 2x" src="img/figures-1.3.png" alt=""></div>
</div>
</div>
</div>
<div class="description">
<div class="description__center center">
<div class="description__row">
<div class="description__wrap">
<div class="stage"> </div>
<h2 class="description__title h2" data-aos="animation-scale-top" data-aos-duration="600"> App 就是你的郵筒與回憶製造機</h2>
<div class="description__text">輕鬆用手機拍下旅途美景、或把日常回憶照片透過 POSTORY 變成數位或實體明信片分享給好友或自己，分享和保存值得紀念的時刻。</div>
</div>
<div class="description__bg">
<div class="description__preview" data-aos="fade-right" data-aos-duration="700"><img srcset="img/main_feature-1.png 2x" src="img/main_feature-1.png" alt=""></div>
</div>
</div>
<div class="description__row">
<div class="description__wrap">
<div class="stage"> </div>
<h2 class="description__title h2" data-aos="animation-scale-top" data-aos-duration="600">印刷代寄超方便!</h2>
<div class="description__text">再也不用為了郵票和郵筒煩惱，實體明信片將透過POSTORY為您印出代寄，不用跑郵局，也不用擔心花太多時間，24小時都能夠過App寄送。</div>
</div>
<div class="description__bg">
<div class="description__preview" data-aos="fade-left" data-aos-duration="700"><img srcset="img/main_feature-2.png 2x" src="img/main_feature-2.png" alt=""></div>
</div>
</div>
</div>
<div class="description__center center">
<div class="description__row">
<div class="description__wrap">
<div class="stage"> </div>
<h2 class="description__title h2" data-aos="animation-scale-top" data-aos-duration="600"> 你收到了一封 POSTORY 從花蓮太魯閣寄來的明信片!</h2>
<div class="description__text">體驗過往用書信溝通往來的特別體驗，又能結合時下流行的社群互動機制，等待收信與回信的那份期待的心情會讓你睡不著覺!</div>
</div>
<div class="description__bg">
<div class="description__preview" data-aos="fade-right" data-aos-duration="700"><img srcset="img/main_feature-3.png 2x" src="img/main_feature-3.png" alt=""></div>
</div>
</div>
<div class="description__row">
<div class="description__wrap">
<div class="stage"></div>
<h2 class="description__title h2" data-aos="animation-scale-top" data-aos-duration="600"> 什麼! 明信片也可以有聲音!?</h2>
<div class="description__text">北海岸的浪花聲、台北街頭的車水馬龍以及高雄港的貨輪鳴笛聲都能收錄在明信片被分享出去，讓回憶也能身歷其境。</div>
</div>
<div class="description__bg">
<div class="description__preview" data-aos="fade-left" data-aos-duration="700"><img srcset="img/main_feature-5.png 2x" src="img/main_feature-5.png" alt=""></div>
</div>
</div>
</div>
<div class="description__center center">
<div class="description__row">
<div class="description__wrap">
<div class="stage"> </div>
<h2 class="description__title h2" data-aos="animation-scale-top" data-aos-duration="600">明信片商店帶著走！</h2>
<div class="description__text">直接在 POSTORY 中購買收藏旅途中富有特色的明信片與郵票，從官方設計到插畫家、攝影師等創作款式應有盡有，記錄並炫耀你的旅遊成就!</div>
</div>
<div class="description__bg">
<div class="description__preview" data-aos="fade-right" data-aos-duration="700"><img srcset="img/main_feature-6.png 2x" src="img/main_feature-6.png" alt=""></div>
</div>
</div>
</div>
<div class="steps">
<div class="steps__center center">
<div class="stage"> </div>
<h2 class="steps__title h2" data-aos="animation-scale-top" data-aos-duration="600">全新的明信片寄送流程體驗</h2>
<div class="steps__list">
<div class="steps__item">
<div class="steps__number">選擇明信片類型與對象</div>
<div class="steps__preview"><img srcset="img/index_step-1.png" src="img/index_step-1.png" alt=""></div>
<div class="steps__text">先決定要數位明信片 (免費寄送) 或實體明信片 (須付費) ，再選擇寄給 POSTORY 上的好友。若好友還沒加入 POSTORY，你可以直接輸入好友 Email 或住家地址，一樣能幫你寄達。</div>
</div>
<div class="steps__item">
<div class="steps__number">選擇明信片正面</div>
<div class="steps__preview"><img srcset="img/index_step-2.png" src="img/index_step-2.png" alt=""></div>
<div class="steps__text">從手機中照片、直接拍照或從你的明信片收藏庫中，選擇一張明信片作為正面，你也可以到我們的合作商家解鎖特色明信片來寄送。</div>
</div>
<div class="steps__item">
<div class="steps__number">編輯明信片背面</div>
<div class="steps__preview"><img srcset="img/index_step-3.png" src="img/index_step-3.png" alt=""></div>
<div class="steps__text">選擇郵票(僅展示用，非正式郵資)、附上簽名並撰寫內容，即可寄出!</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer__center center">
<div class="footer__body">
<div class="footer__wrap"><a class="footer__logo" href="index.html"><img class="footer__pic footer__pic_dark" src="img/logo-dark.png" alt=""/><img class="footer__pic footer__pic_light" src="img/logo-light.png" alt=""/></a>
<div class="footer__text">隨拍隨寄，溫度傳遞</div>
</div>
<div class="footer__line">
<div class="footer__downloads"><a class="footer__download google_play_download" href="https://play.google.com/store/apps/details?id=app.postory.postory" target="_blank"><img class="google_play_download" src="img/google-play.svg" alt=""/></a><a class="footer__download app_store_download" href="https://apps.apple.com/tw/app/postory-%E9%9A%A8%E6%8B%8D%E9%9A%A8%E5%AF%84-%E6%BA%AB%E5%BA%A6%E5%82%B3%E9%81%9E/id1584916129" target="_blank"><img class="app_store_download" src="img/app-store.svg" alt=""/></a></div>
<div class="footer__nav"><a class="footer__link" href="https://postory.app/about-us">關於我們</a><a class="footer__link" href="https://postory.app/donate">支持我們 </a><a class="footer__link" href="https://postory.app/cooperate">成為合作商家</a><a class="footer__link" href="https://postory.app/creator">創作者招募計畫</a></div>
</div>
</div>
<div class="footer__bottom">
<div class="footer__copyright">© 2022 POSTORY, Inc. <span style="font-weight:lighter; padding-left:8px;">Designed by Garrick</span></div>
<div class="footer__termsbox"><a class="footer__terms" href="https://postory.app/termsofuse" target="_blank">使用者條款 </a><a class="footer__terms">及 </a><a class="footer__terms" href="https://postory.app/privacy" target="_blank">隱私權政策</a></div>
<div class="footer__social"><a class="footer__link fb_cta" href="https://www.facebook.com/postoryapp" target="_blank">
<svg class="icon icon-facebook">
<use xlink:href="#icon-facebook"></use>
</svg></a><a class="footer__link ig_cta" href="https://www.instagram.com/postory.app/" target="_blank">
<svg class="icon icon-instagram">
<use xlink:href="#icon-instagram"></use>
</svg></a></div>
</div>
</div>
<label class="switch js-switch-theme">
<input class="switch__input" type="checkbox"/><span class="switch__in"><span class="switch__box"></span><span class="switch__icon switch__icon_dark">
<svg class="icon icon-dark">
<use xlink:href="#icon-dark"></use>
</svg></span><span class="switch__icon switch__icon_light">
<svg class="icon icon-light">
<use xlink:href="#icon-light"></use>
</svg></span></span>
</label>
</div>
<div class="popup mfp-hide" id="popup-sign-up">
<div class="popup__title h2">Sign up</div>
<div class="popup__variants"><a class="popup__variant" href="#"><img src="img/google.svg" alt="">Sign up via Google</a><a class="popup__variant" href="#"><img src="img/apple.svg" alt="">Sign up via Apple</a></div>
<div class="popup__details">Or continue with email</div>
<div class="popup__btns"><a class="popup__btn btn btn_dark js-popup-open" href="#popup-code" data-effect="mfp-zoom-in">Enter your email</a><a class="popup__btn btn btn_orange js-popup-open" href="#popup-code" data-effect="mfp-zoom-in">Continue</a></div>
<div class="popup__note">By clicking the Continue button, you agree to the terms of service and privacy policy.</div>
</div>
<div class="popup mfp-hide" id="popup-sign-in">
<div class="popup__title h2">Sign in</div>
<div class="popup__variants"><a class="popup__variant" href="#"><img src="img/google.svg" alt="">Sign up via Google</a><a class="popup__variant" href="#"><img src="img/apple.svg" alt="">Sign up via Apple</a></div>
<div class="popup__details">Or continue with email & password</div>
<div class="popup__btns"><a class="popup__btn btn btn_dark js-popup-open" href="#popup-code" data-effect="mfp-zoom-in">Enter your email</a><a class="popup__btn btn btn_dark js-popup-open" href="#popup-code" data-effect="mfp-zoom-in">Password</a><a class="popup__btn btn btn_orange js-popup-open" href="#popup-code" data-effect="mfp-zoom-in">Sign In</a></div>
<div class="popup__note"> </div>
</div>
</div>
<!-- scripts-->
<script src="js/lib/jquery.min.js"></script>
<script src="js/lib/svg4everybody.min.js"></script>
<script src="js/lib/owl.carousel.min.js"></script>
<script src="js/lib/jquery.magnific-popup.min.js"></script>
<script src="js/lib/aos.js"></script>
<script src="js/app.js"></script>
<!-- svg sprite-->
<div style="display: none"><svg width="0" height="0">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" id="icon-arrow-down">
<path d="M6.939 9.311a1.5 1.5 0 0 0 2.121 0l6.5-6.5A1.5 1.5 0 1 0 13.439.689L8 6.129 2.561.689a1.5 1.5 0 0 0-2.121 0 1.5 1.5 0 0 0 0 2.121l6.5 6.5z"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon-twitter">
<path d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1a3.24 3.24 0 0 0 3.1 2.3C3.8 12.5 2.4 13 .8 13H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 12" id="icon-play">
<path d="M8 6a.78.78 0 0 0-.285-.614L1.049.135C.846-.025.579-.043.359.084S0 .47 0 .749v10.501c0 .28.138.536.359.665s.487.11.69-.051l6.667-5.25c.179-.14.285-.369.285-.614z"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 23" id="icon-light">
<path d="M12 5a7 7 0 0 1 7 7c0 2.716-1.564 5.132-3.932 6.286h0l-.068.031V22a1 1 0 0 1-.883.993h0L14 23h-4a1 1 0 0 1-1-1h0v-3.682l-.068-.032c-2.29-1.116-3.827-3.411-3.927-6.016h0L5 12a7 7 0 0 1 7-7zm0 2a5 5 0 0 0-5 5c0 2.133 1.351 4.007 3.334 4.708a1 1 0 0 1 .666.943h0V21h2v-3.349a1 1 0 0 1 .551-.893h0l.116-.049C15.649 16.007 17 14.133 17 12a5 5 0 0 0-5-5zm-9 4a1 1 0 0 1 .117 1.993L3 13H1a1 1 0 0 1-.117-1.993L1 11h2zm20 0a1 1 0 0 1 .117 1.993L23 13h-2a1 1 0 0 1-.117-1.993L21 11h2zM4.836 3.431l.094.083 1.414 1.414a1 1 0 0 1-1.32 1.497l-.094-.083-1.414-1.414a1 1 0 0 1 1.32-1.497zm15.649.083a1 1 0 0 1 .083 1.32l-.083.094-1.414 1.414a1 1 0 0 1-1.497-1.32l.083-.094 1.414-1.414a1 1 0 0 1 1.414 0zM12 0a1 1 0 0 1 .993.883L13 1v2a1 1 0 0 1-1.993.117L11 3V1a1 1 0 0 1 1-1z"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon-instagram">
<path d="M12.146 4.852a.96.96 0 1 0 0-1.92.96.96 0 1 0 0 1.92zM8 12c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2zm4 10H4c-2.056 0-4-1.944-4-4V4c0-2.056 1.944-4 4-4h8c2.056 0 4 1.944 4 4v8c0 2.056-1.944 4-4 4zM4 2c-.935 0-2 1.065-2 2v8c0 .953 1.047 2 2 2h8c.935 0 2-1.065 2-2V4c0-.935-1.065-2-2-2H4z"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="icon-facebook">
<path d="M16 8.048A8 8 0 0 0 11.35.781a8 8 0 0 0-8.546 1.181 8 8 0 0 0-2.504 8.256 8 8 0 0 0 6.449 5.73V10.36H4.719V8.048H6.75V6.285a2.82 2.82 0 0 1 .781-2.264 2.82 2.82 0 0 1 2.24-.848c.6.008 1.199.06 1.791.156V5.3h-1.008c-.172-.022-.346-.006-.511.048s-.315.145-.44.265-.221.267-.282.429-.084.336-.068.508v1.5h2.219l-.355 2.312H9.25v5.591A8 8 0 0 0 16 8.048z"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="icon-dark">
<path d="M8 2.3c.4-.1.7 0 1 .3s.4.7.3 1C9.1 4.4 9 5.2 9 6a8.96 8.96 0 0 0 9 9c.8 0 1.6-.1 2.4-.3a.96.96 0 0 1 .9.2c.3.3.4.7.3 1C20.3 20.7 15.9 24 11 24A10.97 10.97 0 0 1 0 13C0 8.1 3.3 3.7 8 2.3zM21 6a.94.94 0 0 1 1 1h0v1h1a.94.94 0 0 1 1 1 .94.94 0 0 1-1 1h0-1v1a.94.94 0 0 1-1 1 .94.94 0 0 1-1-1h0v-1h-1a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1h1V7a.94.94 0 0 1 1-1zm-6-6a.94.94 0 0 1 1 1h0v1h1a.94.94 0 0 1 1 1 .94.94 0 0 1-1 1h0-1v1a.94.94 0 0 1-1 1 .94.94 0 0 1-1-1h0V4h-1a.94.94 0 0 1-1-1 .94.94 0 0 1 1-1h1V1a.94.94 0 0 1 1-1z"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 16" id="icon-arrow-prev">
<path d="M9.207.293a1 1 0 0 1 .083 1.32l-.083.094L3.914 7H39.5v2H3.914l5.293 5.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083-7-7a1 1 0 0 1-.083-1.32l.083-.094 7-7a1 1 0 0 1 1.414 0z"></path>
</symbol>
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 16" id="icon-arrow-next">
<path d="M30.793 15.707a1 1 0 0 1-.083-1.32l.083-.094L36.086 9H.5V7h35.586l-5.293-5.293a1 1 0 0 1-.083-1.32l.083-.094a1 1 0 0 1 1.32-.083l.094.083 7 7a1 1 0 0 1 .083 1.32l-.083.094-7 7a1 1 0 0 1-1.414 0z"></path>
</symbol>
</div>
</body>
</html>