-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact-us.html
337 lines (333 loc) · 26 KB
/
contact-us.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
<!DOCTYPE html>
<!-- This site was created in Webflow. https://www.webflow.com --><!-- Last Published: Tue Oct 10 2023 14:05:55 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-domain="daniel-vaszka-portfolio.webflow.io" data-wf-page="64bac3b14cc80fc2711e6614"
data-wf-site="64b4320d9bd69e8f6cf59f6e" data-wf-status="1">
<head>
<meta charset="utf-8" />
<title>Daniel Vaszka - Webflow website template</title>
<meta content="Daniel Vaszka - Webflow website template" property="og:title" />
<meta content="Daniel Vaszka - Webflow website template" property="twitter:title" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="Webflow" name="generator" />
<link
href="css/contact.css"
rel="stylesheet" type="text/css" />
<script src="watermark_remove.js"></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="https://assets.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="https://assets.website-files.com/img/webclip.png" rel="apple-touch-icon" />
</head>
<body class="body---black">
<div style="opacity:0" class="main">
<div class="navigation">
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease"
data-easing2="ease" role="banner" class="navbar-component w-nav">
<div class="nav-container chinese-black-bg w-container"><a href="/"
id="w-node-eb63eb28-033e-cf4c-5391-988c110fd773-110fd770" class="w-nav-brand"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64b6744525f6ad976ebcb4b5_Group%20427319611.svg"
loading="lazy" data-w-id="eb63eb28-033e-cf4c-5391-988c110fd774" alt="Website Logo"
class="website-brand-img" /></a>
<nav role="navigation" id="w-node-eb63eb28-033e-cf4c-5391-988c110fd775-110fd770"
class="nav-menu---daniel w-nav-menu"><a href="/"
class="nav-link body-02---r dark-gray-text hover-text w-nav-link">Home</a><a href="/about.html"
class="nav-link body-02---r dark-gray-text hover-text w-nav-link">About us</a><a
href="/project.html"
class="nav-link body-02---r dark-gray-text hover-text w-nav-link">Project</a><a href="/blog.html"
class="nav-link body-02---r dark-gray-text hover-text w-nav-link">Blog</a><a
href="/contact-us.html" aria-current="page"
class="nav-link body-02---r dark-gray-text hover-text w-nav-link w--current">Contact</a>
<div class="log-infos-inside"><a href="#" class="custom-link w-inline-block"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64b6761284d27e4bfd8fadb6_Group%20427319612.svg"
loading="lazy" alt="Instagram Logo" class="instagram-logo" /></a><a href="#"
class="link-block-c w-inline-block">
<div class="nav-try-wrap">
<div class="nav-try-text body-02---m white-text">Contact Now</div><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64b67612c66e41b4809bfba2_Group%20427319613.svg"
loading="lazy" alt="Nav Try Icon" class="nav-try-icon" />
</div>
</a></div>
</nav>
<div id="w-node-eb63eb28-033e-cf4c-5391-988c110fd788-110fd770" class="log-infos"><a
href="https://www.instagram.com/webflow/" target="_blank"
class="custom-link w-inline-block"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64b6761284d27e4bfd8fadb6_Group%20427319612.svg"
loading="lazy" data-w-id="1b5d3171-4684-9fb2-e6bc-823a642c2aaf" alt="Instagram Logo"
class="instagram-logo" /></a><a href="/contact-us" aria-current="page"
class="link-block-c w-inline-block w--current">
<div data-w-id="a3705391-2cf2-4b34-37f8-7b1526a94713" class="nav-try-wrap">
<div class="nav-try-text body-02---m white-text hover-text">Contact Now</div><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64b67612c66e41b4809bfba2_Group%20427319613.svg"
loading="lazy" alt="Nav Try Icon" class="nav-try-icon" />
</div>
</a></div>
<div id="w-node-eb63eb28-033e-cf4c-5391-988c110fd790-110fd770" class="menu-button w-nav-button">
<div class="icon---daniel w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<section class="hero-section---contact">
<div class="custom-container">
<div class="hero-content---contact">
<div class="hero-content-wrap---contact">
<div data-w-id="7aac49f9-b150-ee60-cb7a-521002491b80"
style="-webkit-transform:translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0"
class="hero-img-wrap---contact chinese-black-bg"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bad4fce0c8a178ea4fc9dc_rectangle_41251.webp"
loading="lazy"
sizes="(max-width: 479px) 87vw, (max-width: 767px) 79vw, (max-width: 991px) 455px, (max-width: 1279px) 42vw, 455px"
srcset="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bad4fce0c8a178ea4fc9dc_rectangle_41251-p-500.webp 500w, https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bad4fce0c8a178ea4fc9dc_rectangle_41251.webp 686w"
alt="Contact Avatar image" class="hero-img---contact" /></div>
<div data-w-id="60703366-4cd9-26a9-4d3b-be2c5e319877"
style="-webkit-transform:translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 10%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0"
class="hero-text-wrap---contact">
<div class="hero-title-wrap---contact">
<h2 class="hero-title---contact heading-01 gradient-text">Contact me.</h2>
</div>
<div class="text-contact">
<div class="contact-text-wrap---contact"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bad4fca92e66a704b40db8_Group%204912.svg"
loading="lazy" alt="Contact Text" class="contact-text-icon" />
<div class="contact-text---contact body-02---m white-text">[email protected]</div>
</div>
<div class="contact-text-wrap---contact"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bad4fd5704f9ed4d9cf9c6_Frame%20(34).svg"
loading="lazy" alt="Contact Text" class="contact-text-icon" />
<div class="contact-text---contact body-02---m white-text">+889-647-763</div>
</div>
</div>
<div class="hero-form---contact">
<div class="form-block-contact w-form">
<form id="email-form" name="email-form" data-name="Email Form" method="get"
class="form---contact" data-wf-page-id="64bac3b14cc80fc2711e6614"
data-wf-element-id="5089b2c5-4c14-7321-33a2-a043048e453f"><input type="text"
class="form-group dark-gray-text w-input" maxlength="256" name="name"
data-name="Name" placeholder="Full Name" id="name" /><input type="email"
class="form-group w-input" maxlength="256" name="email" data-name="Email"
placeholder="E-mail" id="email" required="" /><input type="text"
class="form-group w-input" maxlength="256" name="email-2"
data-name="Email 2" placeholder="Message" id="email-2" required="" />
<div class="form-submit-btn-wrap"><a href="#"
class="custom-link d-block w-inline-block">
<div data-w-id="38d35e1b-76db-6f66-33e2-cd02605ff58a"
class="button-01-wrap---l">
<div class="button-01---l body-02---r white-text">Send request</div>
</div>
</a></div>
</form>
<div class="w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="w-form-fail">
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section data-w-id="d4b59be6-fc6f-d92f-adb3-20167319ad8e" class="complete-section">
<div class="custom-container">
<div class="complete-content">
<div class="complete-text-wrap">
<div class="complete-text body-01---m white-text">With a career dedicated to the art of user
experience design, I have honed skills to perfection. My journey has been crafting intuitive
SaaS interfaces. </div><a href="#" class="custom-link w-inline-block">
<div class="button-01---r body-02---r white-text">More about me</div>
</a>
</div>
<div class="complete-showcase">
<div class="complete-showcase-item border--right border--bottom">
<div class="showcase-text-wrap">
<div class="showcase-text---complete body-02---m dark-gray-text">Projects</div>
<h3 class="showcase-big-text---complete sub-heading-01 gradient-text">500</h3>
</div>
</div>
<div class="complete-showcase-item border--bottom">
<div class="showcase-text-wrap">
<div class="showcase-text---complete body-02---m dark-gray-text">Clients</div>
<h3 class="showcase-big-text---complete sub-heading-01 gradient-text">100</h3>
</div>
</div>
<div class="complete-showcase-item border--right">
<div class="showcase-text-wrap">
<div class="showcase-text---complete body-02---m dark-gray-text">Countrie</div>
<h3 class="showcase-big-text---complete sub-heading-01 gradient-text">25</h3>
</div>
</div>
<div class="complete-showcase-item">
<div class="showcase-text-wrap">
<div class="showcase-text---complete body-02---m dark-gray-text">Awards</div>
<h3 class="showcase-big-text---complete sub-heading-01 gradient-text">12</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<div data-w-id="d5787b36-8abc-2495-a097-3ca28688af8f" class="faqs-section">
<div class="custom-container">
<div class="faqs-content">
<div class="faqs-title-wrap">
<h2 class="faqs-title heading-02 gradient-text">Frequently asked questions.</h2>
</div>
<div class="faqs-body">
<div class="faq-list---pricing">
<div class="faq-item---pricing">
<div class="faq-head---pricing">
<h3 class="faq-title---pricing-item body-01---m white-text">How can SaaS UX design
benefit my business?</h3><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bb60e94e3f4165f1ece840_Group%20427319371.svg"
loading="lazy" alt="Faq Icon" class="faq-title-icon---pricing" />
</div>
<div class="faq-answer---pricing">
<p class="faq-answer-text body-02---r dark-gray-text">Effective SaaS UX design can
enhance user satisfaction, increase user retention, and ultimately lead to
higher ROI by ensuring that your software is easy to use and aligns with user
needs.</p>
</div>
</div>
<div class="faq-item---pricing">
<div class="faq-head---pricing">
<h3 class="faq-title---pricing-item body-01---m white-text">What's your design
process like?</h3><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bb60e94e3f4165f1ece840_Group%20427319371.svg"
loading="lazy" alt="Faq Icon" class="faq-title-icon---pricing" />
</div>
<div class="faq-answer---pricing">
<p class="faq-answer-text body-02---r dark-gray-text">My design process is thorough
and collaborative, involving research, wireframing, prototyping, user testing,
and iterative design. In my design process your work will be 2x fast delivered.
</p>
</div>
</div>
<div class="faq-item---pricing">
<div class="faq-head---pricing">
<h3 class="faq-title---pricing-item body-01---m white-text">How long does a typical
project take?</h3><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bb60e94e3f4165f1ece840_Group%20427319371.svg"
loading="lazy" alt="Faq Icon" class="faq-title-icon---pricing" />
</div>
<div class="faq-answer---pricing">
<p class="faq-answer-text body-02---r dark-gray-text">Project timelines vary
depending on the scope, complexity, and client requirements. I provide detailed
project timelines for my clients insuring they are delivered swiftly.</p>
</div>
</div>
<div class="faq-item---pricing">
<div class="faq-head---pricing">
<h3 class="faq-title---pricing-item body-01---m white-text">What sets your SaaS UX
design apart from others?</h3><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bb60e94e3f4165f1ece840_Group%20427319371.svg"
loading="lazy" alt="Faq Icon" class="faq-title-icon---pricing" />
</div>
<div class="faq-answer---pricing">
<p class="faq-answer-text body-02---r dark-gray-text">My focus on user-centered
design, mobile-first approach, and data-driven decision-making ensure that the
end product exceeds user expectations and industry standards.</p>
</div>
</div>
<div class="faq-item---pricing">
<div class="faq-head---pricing">
<h3 class="faq-title---pricing-item body-01---m white-text">How do you approach
accessibility in SaaS design?</h3><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64bb60e94e3f4165f1ece840_Group%20427319371.svg"
loading="lazy" alt="Faq Icon" class="faq-title-icon---pricing" />
</div>
<div class="faq-answer---pricing">
<p class="faq-answer-text body-02---r dark-gray-text">I adhere to WCAG guidelines
and conduct usability testing with diverse user groups to ensure that everyone,
regardless of disabilities, can use and enjoy your SaaS product.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="footer-section">
<div class="custom-container">
<div class="footer-content">
<div data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69df5" class="footer-social chinese-black-bg">
<div class="footer-title-wrap">
<h2 class="footer-title heading-01 gradient-text">Your next design destination is here</h2>
</div>
<div class="footer-text body-02---r dark-gray-text">Get ready to embark on a journey where
imagination meets precision, and where design dreams become a vivid reality.</div>
<div class="footer-icon-list">
<div class="button-wrap---social"><a href="https://www.facebook.com/webflow" target="_blank"
class="custom-link w-inline-block">
<div data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69dfd"
class="button---social chinese-black-bg"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64babac4fa301432a94396e1_Group%20427319611%20(1).svg"
loading="lazy" alt="Social Icon" class="button-icon---iconsocial" />
<div class="button-text---iconsocial body-03---r white-text">Facebook</div>
</div>
</a></div>
<div class="button-wrap---social"><a href="https://www.twitter.com/webflow" target="_blank"
class="custom-link w-inline-block">
<div data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e02"
class="button---social chinese-black-bg"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64babac4e0ab4812a5ce6276_Group%20427319388.svg"
loading="lazy" alt="Social Icon" class="button-icon---iconsocial" />
<div class="button-text---iconsocial body-03---r white-text">Twitter</div>
</div>
</a></div>
<div class="button-wrap---social"><a href="https://dribbble.com/webflow" target="_blank"
class="custom-link w-inline-block">
<div data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e07"
class="button---social chinese-black-bg"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64babac4e87542d1cfc4d851_Group%20427319613%20(1).svg"
loading="lazy" alt="Social Icon" class="button-icon---iconsocial" />
<div class="button-text---iconsocial body-03---r white-text">Dribbble</div>
</div>
</a></div>
<div class="button-wrap---social"><a href="https://www.instagram.com/webflow/"
target="_blank" class="custom-link w-inline-block">
<div data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e0c"
class="button---social chinese-black-bg"><img
src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/64babac429a57a8dd25041a6_Group%20427319614.svg"
loading="lazy" alt="Social Icon" class="button-icon---iconsocial" />
<div class="button-text---iconsocial body-03---r white-text">Instagram</div>
</div>
</a></div>
</div>
</div>
<div data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e10" class="contact-btn-wrap---footer"><a
href="/contact-us" aria-current="page"
class="custom-link d-block w-inline-block w--current">
<div data-w-id="7b60aca3-5099-9d10-985b-9cb89988a76b"
class="button-03---l body-02---r white-text">Get in contact me</div>
</a></div>
<div data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e12" class="footer-copywrite">
<div class="copywrite-text-wrap---footer">
<div class="copywrite-text---footer body-02---r white-text">© All rights reserved by <a
href="https://basecom.webflow.io/" data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e16"
class="custom-link body-02---m white-text">Basecom</a>. Powered by <a
href="https://webflow.com/" data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e19"
class="custom-link body-02---m white-text">Webflow</a>.</div>
</div>
<div class="copywrite-links---footer"><a href="/rreference/changelog"
data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e1d"
class="link-item---footer custom-link body-02---r white-text">Changelog</a><a
href="/rreference/license" data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e1f"
class="link-item---footer custom-link body-02---r white-text">Licenses</a><a
href="/rreference/style-guide" data-w-id="e2cee14a-9a1d-8807-ec10-e474fab69e21"
class="link-item---footer custom-link body-02---r white-text">Style Guide</a></div>
</div>
</div>
</div>
</section>
</div>
<div style="display:block" class="loading-bar-wrap">
<div style="width:0vw" class="loading-bar"></div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64b4320d9bd69e8f6cf59f6e"
type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script src="https://assets.website-files.com/64b4320d9bd69e8f6cf59f6e/js/webflow.2cac19619.js"
type="text/javascript"></script>
</body>
</html>