-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
343 lines (343 loc) · 22.2 KB
/
contact.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
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!DOCTYPE html><!-- Last Published: Sun Oct 13 2024 17:34:10 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5f8b34b0ff635fb05cf2f96f" data-wf-site="5f8b34b0e6d64d9a87a21740">
<head>
<meta charset="utf-8">
<title>Otis - Webflow Ecommerce website template</title>
<meta content="Otis - Webflow Ecommerce website template" property="og:title">
<meta content="Otis - Webflow Ecommerce website template" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/geo-web.webflow.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","DM Sans:regular,italic,500,500italic,700,700italic","Arvo:regular,italic,700","Abel:regular"] }});</script>
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<style>
.page-content {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body class="body">
<div class="page-content">
<div class="navigation-wrapper">
<nav class="navigation">
<div class="top-part">
<div data-w-id="3319d9b6-45e3-6f9d-8e27-a4085134f442" class="hamburger">
<div class="line-1"></div>
<div class="line-2"></div>
</div>
</div>
<div class="center-part">
<a href="index.html" class="logo-brand w-inline-block"><img src="images/logo-vertical.png" alt="" width="20" class="logo-image"></a>
</div>
<div class="last-part">
<div class="social-wrapper-nav none">
<div class="social-content">
<a href="https://github.com/Geo-Web-Project" target="_blank" class="social-icon w-inline-block"><img src="images/github-white-logo.png" width="15" alt="Github Logo"></a>
<a href="https://twitter.com/thegeoweb" target="_blank" class="social-icon w-inline-block"><img src="images/font-awesome_4-7-0_twitter_256_0_ffffff_none.png" width="15" alt=""></a>
<a href="documents/Geo-Web-Litepaper.pdf" target="_blank" class="social-icon w-inline-block"><img src="images/download.png" alt="" width="25"></a>
</div>
</div>
</div>
</nav>
<div class="navigation-menu">
<div class="menu-wrapper">
<div class="flex-nav">
<a href="index.html" class="nav-link w-inline-block">
<div>Home</div>
<div class="navigation-line"></div>
</a>
<a href="#" class="nav-link w-inline-block">
<div>Blog</div>
<div class="navigation-line"></div>
</a>
</div>
</div>
</div>
</div>
<div class="cart-fixed">
<div data-node-type="commerce-cart-wrapper" data-open-product="" data-wf-cart-type="modal" data-wf-cart-query="" data-wf-page-link-href-prefix="" data-wf-cart-duration="200" class="w-commerce-commercecartwrapper cart">
<a href="#" data-node-type="commerce-cart-open-link" class="w-commerce-commercecartopenlink cart-button w-inline-block" role="button" aria-haspopup="dialog" aria-label="Open cart"><img src="images/online-shopping-cart.svg" width="22" alt="" class="cart-image">
<div class="w-commerce-commercecartopenlinkcount cart-quantity">0</div>
</a>
<div data-node-type="commerce-cart-container-wrapper" style="display:none" class="w-commerce-commercecartcontainerwrapper w-commerce-commercecartcontainerwrapper--cartType-modal cart-wrapper">
<div data-node-type="commerce-cart-container" role="dialog" class="w-commerce-commercecartcontainer cart-container">
<div class="w-commerce-commercecartheader cart-header">
<h4 class="w-commerce-commercecartheading">Your Cart</h4>
<a href="#" data-node-type="commerce-cart-close-link" class="w-commerce-commercecartcloselink remove-pop-up in-produce-sidebar w-inline-block" role="button" aria-label="Close cart"></a>
</div>
<div class="w-commerce-commercecartformwrapper">
<form data-node-type="commerce-cart-form" style="display:none" class="w-commerce-commercecartform">
<script type="text/x-wf-template" id="wf-template-2ac2fa82-2bb2-d520-302f-69295fc1e4be"></script>
<div class="w-commerce-commercecartlist" data-wf-collection="database.commerceOrder.userItems" data-wf-template-id="wf-template-2ac2fa82-2bb2-d520-302f-69295fc1e4be"></div>
<div class="w-commerce-commercecartfooter cart-footer">
<div aria-live="" aria-atomic="false" class="w-commerce-commercecartlineitem cart-line-item">
<div class="product-title-sidebar">Subtotal</div>
<div class="w-commerce-commercecartordervalue product-price checkout"></div>
</div>
<div>
<div data-node-type="commerce-cart-quick-checkout-actions">
<a role="button" aria-haspopup="dialog" aria-label="Apple Pay" data-node-type="commerce-cart-apple-pay-button" style="background-image:-webkit-named-image(apple-pay-logo-white);background-size:100% 50%;background-position:50% 50%;background-repeat:no-repeat" class="w-commerce-commercecartapplepaybutton apple-pay-2" tabindex="0">
<div></div>
</a>
<a role="button" tabindex="0" aria-haspopup="dialog" data-node-type="commerce-cart-quick-checkout-button" style="display:none" class="w-commerce-commercecartquickcheckoutbutton"><svg class="w-commerce-commercequickcheckoutgoogleicon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewbox="0 0 16 16">
<defs>
<polygon id="google-mark-a" points="0 .329 3.494 .329 3.494 7.649 0 7.649"></polygon>
<polygon id="google-mark-c" points=".894 0 13.169 0 13.169 6.443 .894 6.443"></polygon>
</defs>
<g fill="none" fill-rule="evenodd">
<path fill="#4285F4" d="M10.5967,12.0469 L10.5967,14.0649 L13.1167,14.0649 C14.6047,12.6759 15.4577,10.6209 15.4577,8.1779 C15.4577,7.6339 15.4137,7.0889 15.3257,6.5559 L7.8887,6.5559 L7.8887,9.6329 L12.1507,9.6329 C11.9767,10.6119 11.4147,11.4899 10.5967,12.0469"></path>
<path fill="#34A853" d="M7.8887,16 C10.0137,16 11.8107,15.289 13.1147,14.067 C13.1147,14.066 13.1157,14.065 13.1167,14.064 L10.5967,12.047 C10.5877,12.053 10.5807,12.061 10.5727,12.067 C9.8607,12.556 8.9507,12.833 7.8887,12.833 C5.8577,12.833 4.1387,11.457 3.4937,9.605 L0.8747,9.605 L0.8747,11.648 C2.2197,14.319 4.9287,16 7.8887,16"></path>
<g transform="translate(0 4)">
<mask id="google-mark-b" fill="#fff">
<use xlink:href="#google-mark-a"></use>
</mask>
<path fill="#FBBC04" d="M3.4639,5.5337 C3.1369,4.5477 3.1359,3.4727 3.4609,2.4757 L3.4639,2.4777 C3.4679,2.4657 3.4749,2.4547 3.4789,2.4427 L3.4939,0.3287 L0.8939,0.3287 C0.8799,0.3577 0.8599,0.3827 0.8459,0.4117 C-0.2821,2.6667 -0.2821,5.3337 0.8459,7.5887 L0.8459,7.5997 C0.8549,7.6167 0.8659,7.6317 0.8749,7.6487 L3.4939,5.6057 C3.4849,5.5807 3.4729,5.5587 3.4639,5.5337" mask="url(#google-mark-b)"></path>
</g>
<mask id="google-mark-d" fill="#fff">
<use xlink:href="#google-mark-c"></use>
</mask>
<path fill="#EA4335" d="M0.894,4.3291 L3.478,6.4431 C4.113,4.5611 5.843,3.1671 7.889,3.1671 C9.018,3.1451 10.102,3.5781 10.912,4.3671 L13.169,2.0781 C11.733,0.7231 9.85,-0.0219 7.889,0.0001 C4.941,0.0001 2.245,1.6791 0.894,4.3291" mask="url(#google-mark-d)"></path>
</g>
</svg><svg class="w-commerce-commercequickcheckoutmicrosofticon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewbox="0 0 16 16">
<g fill="none" fill-rule="evenodd">
<polygon fill="#F05022" points="7 7 1 7 1 1 7 1"></polygon>
<polygon fill="#7DB902" points="15 7 9 7 9 1 15 1"></polygon>
<polygon fill="#00A4EE" points="7 15 1 15 1 9 7 9"></polygon>
<polygon fill="#FFB700" points="15 15 9 15 9 9 15 9"></polygon>
</g>
</svg>
<div>Pay with browser.</div>
</a>
</div>
<div style="position:relative" data-wf-paypal-button="{"layout":"horizontal","color":"black","shape":"rect","label":"checkout","tagline":false,"note":false}" class="paypal-2">
<div style="position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:999;cursor:auto"></div>
</div>
<a href="checkout.html" value="Continue to Checkout" data-node-type="cart-checkout-button" class="w-commerce-commercecartcheckoutbutton button" data-loading-text="Hang Tight...">Continue to Checkout</a>
</div>
</div>
</form>
<div class="w-commerce-commercecartemptystate empty-state">
<div class="no-items-found">No items found.</div>
<div class="top-margin-2 _15px">
<a href="shop.html" class="button-small left w-inline-block">
<div class="button-small-text">Go to shop</div><img src="images/arrow_1arrow.png" width="9" alt="" class="button-icon">
</a>
</div>
</div>
<div aria-live="" style="display:none" data-node-type="commerce-cart-error" class="w-commerce-commercecarterrorstate error-message">
<div class="w-cart-error-msg" data-w-cart-quantity-error="Product is not available in this quantity." data-w-cart-general-error="Something went wrong when adding this item to the cart." data-w-cart-checkout-error="Checkout is disabled on this site." data-w-cart-cart_order_min-error="The order minimum was not met. Add more items to your cart to continue." data-w-cart-subscription_error-error="Before you purchase, please use your email invite to verify your address so we can send order updates.">Product is not available in this quantity.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="Top" class="banner sub">
<div class="container w-container">
<div class="sub-grid">
<div class="banner-info">
<h1 class="banner-title">Contact</h1>
<p class="sub-title-banner">We'd love to hear from you</p>
<div class="top-margin">
<div class="braedcrumb">
<p class="breadcrumb-paragraph">
<a href="index.html" class="white-link in-breadcrumb">Home</a>
</p>
<p class="breadcrumb-paragraph">/</p>
<p class="breadcrumb-paragraph no-bg">Contact</p>
</div>
</div>
</div>
</div>
</div>
<div class="circle-2"></div>
<div class="circle-3"></div>
</div>
<div class="section no-line">
<div class="container">
<div class="div-block">
<div class="container w-container">
<div class="siklls-grid">
<div id="w-node-feb80f04-ba9a-8e06-0d4a-a25f33a506bf-5cf2f96f" class="contact-wrapper">
<div class="form-block w-form">
<form id="email-form" name="email-form" data-name="Email Form" method="get" data-wf-page-id="5f8b34b0ff635fb05cf2f96f" data-wf-element-id="feb80f04-ba9a-8e06-0d4a-a25f33a506c1">
<div class="form-grid">
<div><label for="" class="field-label">Name<span class="color-2">*</span></label><input class="text-field-primary w-input" maxlength="256" name="name-3" data-name="Name 3" placeholder="Your Name" type="text" id="name-3" required=""></div>
<div><label for="" class="field-label">Company</label><input class="text-field-primary w-input" maxlength="256" name="Company" data-name="Company" placeholder="Company Name" type="text" id="Company"></div>
<div><label for="Email" class="field-label">Email<span class="color-2">*</span></label><input class="text-field-primary w-input" maxlength="256" name="Email" data-name="Email" placeholder="Your working Email" type="email" id="Email" required=""></div>
<div><label for="Email" class="field-label">Category<span class="color-2">*</span></label>
<div class="text-field-primary for-select"><select id="Category" name="Category" required="" data-name="Category" class="select-field w-select">
<option value="">Website</option>
<option value="First">Marketing</option>
<option value="Second">Application</option>
<option value="Third">Branding</option>
</select></div>
</div>
<div><label for="Email" class="field-label">phone</label><input class="text-field-primary w-input" maxlength="256" name="Phone-Number" data-name="Phone Number" placeholder="Phone Number" type="tel" id="Phone-Number" required=""></div>
<div><label for="Email" class="field-label">budget<span class="color-2">*</span></label>
<div class="text-field-primary for-select"><select id="Budget" name="Budget" required="" data-name="Budget" class="select-field w-select">
<option value="">Less then 5k</option>
<option value="First">5k-10k</option>
<option value="Second">Over 10k</option>
<option value="Third">Please Advice</option>
</select></div>
</div>
</div>
<div class="top-margin _16px"><label for="Message" class="field-label">Project details</label><textarea placeholder="Enter your brief" maxlength="5000" id="Message" name="Message" data-name="Message" class="text-field-primary area w-input"></textarea></div>
<div class="top-margin"><input type="submit" data-wait="Please wait..." class="button w-button" value="Send Message"></div>
</form>
<div class="success-message w-form-done">
<div>Thank you! Your message has been received!</div>
</div>
<div class="error-message w-form-fail">
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>
</div>
<div class="contact-image"><img src="images/photo-4.jpg" width="750" alt="" class="image-full"></div>
</div>
</div>
</div>
</div>
</div>
<div class="instagram-wrapper">
<a href="#" class="follow-link no-left w-inline-block"><img src="images/insta-4.jpg" alt="" class="image-full">
<div class="instagram-circle-wrppaer">
<div class="instagram-circle"><img src="images/font-awesome_4-7-0_instagram_100_0_ffffff_none_1font-awesome_4-7-0_instagram_100_0_ffffff_none.png" width="20" alt=""></div>
</div>
</a>
<a href="#" class="follow-link no-left w-inline-block"><img src="images/insta-2.jpg" alt="" class="image-full">
<div class="instagram-circle-wrppaer">
<div class="instagram-circle"><img src="images/font-awesome_4-7-0_instagram_100_0_ffffff_none_1font-awesome_4-7-0_instagram_100_0_ffffff_none.png" width="20" alt=""></div>
</div>
</a>
<div class="follow-link with-padding">
<h3 class="follow-text">Follow us on Instagram</h3>
<a href="#" class="button-simple contact w-inline-block">
<div class="contact-icon"><img src="images/font-awesome_4-7-0_instagram_256_0_ffffff_none.png" width="20" alt=""></div>
<div>
<div>Follow Otis</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</div>
</a>
</div>
<a href="#" class="follow-link w-inline-block"><img src="images/insta-3.jpg" sizes="(max-width: 479px) 100vw, (max-width: 767px) 46vw, (max-width: 991px) 43vw, 20vw" srcset="images/insta-3-p-500.jpeg 500w, images/insta-3.jpg 800w" alt="" class="image-full">
<div class="instagram-circle-wrppaer">
<div class="instagram-circle"><img src="images/font-awesome_4-7-0_instagram_100_0_ffffff_none_1font-awesome_4-7-0_instagram_100_0_ffffff_none.png" width="20" alt=""></div>
</div>
</a>
<a href="#" class="follow-link no-right w-inline-block"><img src="images/insta-1.jpg" sizes="(max-width: 479px) 100vw, (max-width: 767px) 46vw, (max-width: 991px) 43vw, 20vw" srcset="images/insta-1-p-500.jpeg 500w, images/insta-1.jpg 800w" alt="" class="image-full">
<div class="instagram-circle-wrppaer">
<div class="instagram-circle"><img src="images/font-awesome_4-7-0_instagram_100_0_ffffff_none_1font-awesome_4-7-0_instagram_100_0_ffffff_none.png" width="20" alt=""></div>
</div>
</a>
<a href="#" class="follow-link no-right only-mobile w-inline-block"><img src="images/insta-5.jpg" alt="" class="image-full">
<div class="instagram-circle-wrppaer">
<div class="instagram-circle"><img src="images/font-awesome_4-7-0_instagram_100_0_ffffff_none_1font-awesome_4-7-0_instagram_100_0_ffffff_none.png" width="20" alt=""></div>
</div>
</a>
</div>
<div class="footer">
<div id="w-node-bfa174d6-ac91-aa9c-4035-ef773114c15f-3114c15e" class="footer-column in-mobile">
<div>
<a href="#" class="w-inline-block"><img src="images/Logo2.svg" width="120" alt=""></a>
<div class="margin-footer">
<p class="add-percent">Property rights for anchoring digital content to physical locations</p>
</div>
<div class="top-margin more"></div>
</div>
</div>
<div id="w-node-bfa174d6-ac91-aa9c-4035-ef773114c179-3114c15e" class="footer-column in-mobile">
<div>
<h3 class="footer-title">Navigation</h3>
</div>
<div class="margin-footer">
<div>
<a href="index.html" class="button-simple w-inline-block">
<div>
<div>Home</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</div>
</a>
</div>
<div class="top-margin _5px">
<a href="https://docs.geoweb.network/" target="_blank" class="button-simple w-inline-block">
<div>Docs</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</a>
</div>
<div class="top-margin _5px">
<a href="https://geoweb.land/" target="_blank" class="button-simple w-inline-block">
<div>Cadastre</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</a>
</div>
<div class="top-margin _5px">
<a href="https://geoweb.app/" target="_blank" class="button-simple w-inline-block">
<div>Spatial Browser</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</a>
</div>
<div class="top-margin _5px">
<a href="https://discord.gg/reXgPru7ck" target="_blank" class="button-simple w-inline-block">
<div>Discord</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</a>
</div>
<div class="top-margin _5px">
<a href="https://github.com/Geo-Web-Project" target="_blank" class="button-simple w-inline-block">
<div>Github</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</a>
</div>
<div class="top-margin _5px">
<a href="terms.html" class="button-simple w-inline-block">
<div>Terms of Service</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</a>
</div>
<div class="top-margin _5px">
<a href="privacy.html" class="button-simple w-inline-block">
<div>Privacy Policy</div>
<div class="button-line">
<div class="button-line-absolute"></div>
</div>
</a>
</div>
</div>
</div>
</div>
<a href="#Top" class="scroll-to-top w-inline-block">
<div class="scroll-line">
<div class="line-absolute"></div>
</div>
<div class="scroll-text">Scroll to top</div>
</a>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f8b34b0e6d64d9a87a21740" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>