-
Notifications
You must be signed in to change notification settings - Fork 0
/
get-started.html
153 lines (153 loc) · 10.5 KB
/
get-started.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
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Fri Oct 16 2020 10:10:12 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5f7c3e309fac9b11452a9acb" data-wf-site="5f7c3e30b55c297698a7fcbb">
<head>
<meta charset="utf-8">
<title>TheraBits - Application</title>
<meta content="TheraBits provides custom websites & online marketing solutions for therapists & psychologists. Contact us today for a beautiful therapist website." name="description">
<meta content="TheraBits - Application" property="og:title">
<meta content="TheraBits provides custom websites & online marketing solutions for therapists & psychologists. Contact us today for a beautiful therapist website." property="og:description">
<meta content="TheraBits - Application" property="twitter:title">
<meta content="TheraBits provides custom websites & online marketing solutions for therapists & psychologists. Contact us today for a beautiful therapist website." property="twitter:description">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="bmb6NPdqgyxqnhjeulI33lMqtXh689RV_oV80q3VAl0" name="google-site-verification">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/hello-therabits.webflow.css" rel="stylesheet" type="text/css">
<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: ["DM Sans:regular,italic,500,500italic,700","DM Serif Display:regular"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<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>.anti-flicker-hide { opacity: 0 !important}</style>
<script type="text/javascript">(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;})(window,document.documentElement,'anti-flicker-hide','dataLayer',4000,{'OPT-MTJVNLJ':true});</script>
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-180275608-1"></script>
<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-180275608-1', {'anonymize_ip': true, 'optimize_id': 'OPT-MTJVNLJ'});</script>
<style>
body{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
<!-- <script src="https://wzrd.in/standalone/formdata-polyfill"></script> -->
<!-- <script src="https://wzrd.in/standalone/promise-polyfill@latest"></script> -->
<!-- <script src="https://wzrd.in/standalone/whatwg-fetch@latest"></script> -->
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbwMNuZl01lXmBpdYb5Bd1WHmhIEaqoPB4-F3JJdfzTFLocsU4-h/exec'
const form = document.forms['wf-form-Website-Applications']
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => console.log('Success!', response))
.catch(error => console.error('Error!', error.message))
})
</script>
</head>
<body>
<div class="navbar-container sticky-top bg-gray-4">
<div class="container">
<div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navbar w-nav"><a href="index.html" class="w-nav-brand"><img src="images/full_logo_dark.svg" height="32" alt=""></a>
<div class="navbar-content">
<nav role="navigation" class="nav-menu hide w-nav-menu"><a href="our-mission.html" class="nav-link w-nav-link">Our Mission</a></nav><a href="index.html" class="button navbar-button w-button">< Back Home</a>
<div class="navbar-toggle-button w-nav-button"><img src="images/icon-menu.svg" alt="" class="navbar-toggle-icon"><img src="images/icon-x.svg" alt="" class="navbar-toggle-cross-icon"></div>
</div>
</div>
</div>
</div>
<div class="section bg-gray-4">
<div class="container">
<div class="page-title">
<div class="badge badge-title text-primary-2">
<div class="badge-text">Apply Now</div>
<div class="badge-bg bg-primary-2"></div>
</div>
<h1>Let’s talk.</h1>
<div class="text-large">While we would love to accept every design request that comes our way. We want to first make sure we are the best fit for your project. Please complete the form below and we will get back to you within the next business day.</div>
</div>
</div>
</div>
<div class="section no-top-space bg-gray-4">
<div class="container">
<div class="div-block">
<div class="w-embed w-script">
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
region: "na1",
portalId: "22344626",
formId: "c35800e1-5576-4fe2-94c8-38ef33fdbbe9"
});
</script>
<style>
.hubspot-link__container {
display: none;
}
</style>
</div>
</div>
<div class="consultation-form w-form">
<form id="wf-form-Website-Applications" name="wf-form-Website-Applications" data-name="Website Applications" method="post" action="https://script.google.com/macros/s/AKfycbwMNuZl01lXmBpdYb5Bd1WHmhIEaqoPB4-F3JJdfzTFLocsU4-h/exec" redirect="/thank-you" data-redirect="/thank-you">
<div class="form-pair">
<div><label for="name" class="field-label">Your Name </label><input type="text" class="form-input w-input" maxlength="256" name="name" data-name="Name" id="name"></div>
<div><label for="email" class="field-label">Email Address</label><input type="email" class="form-input w-input" maxlength="256" name="email" data-name="Email" placeholder="[email protected]" id="email" required=""></div>
</div>
<div class="form-pair">
<div><label for="Website" class="field-label">Your Website</label><input type="text" class="form-input w-input" maxlength="256" name="Website" data-name="Website" id="Website"></div>
<div><label for="Budget" class="field-label">Approximate Budget</label><input type="text" class="form-input w-input" maxlength="256" name="Budget" data-name="Budget" id="Budget"></div>
</div>
<div><label for="Message" class="field-label">Your Message</label><textarea name="Message" maxlength="5000" id="Message" data-name="Message" placeholder="Anything else about your project" class="form-input textarea-input w-input"></textarea></div><input type="submit" value="Send Application" data-wait="Please wait..." class="button w-button"></form>
<div class="success-message w-form-done">
<div>Thank you! Your submission 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="decoration-container"><img src="images/grid-dark.svg" alt="" class="decoration-grid">
<div data-w-id="a759bfa4-77f4-a870-34ca-9c72c671320c" class="decoration-circle bg-primary-3"></div>
</div>
</div>
<div class="footer bg-primary">
<div class="container"><a href="#" class="w-inline-block"><img src="images/full_logo_light.svg" height="32" alt=""></a>
<div class="footer-content">
<div class="footer-menus">
<div class="footer-links-large"><a href="#" class="footer-link footer-link-large text-white">Home</a></div>
<div class="footer-links"><a href="get-started.html" aria-current="page" class="footer-link text-white w--current">Contact</a></div>
</div>
<div><a href="mailto:[email protected]?subject=Website%3A%20" class="footer-link footer-link-large text-white">[email protected]</a>
<div class="text-large text-white">1 279 201 6331</div>
<div class="social-links footer-social-links"><a href="https://twitter.com/hellotherabits" target="_blank" class="button button-round social-button-white w-inline-block"><img src="images/twitter-light.svg" alt="" class="social-button-icon"></a><a href="https://www.pinterest.com/hellotherabits/" target="_blank" class="button button-round social-button-white w-inline-block"><img src="images/pinterest-light.svg" alt="" class="social-button-icon"></a><a href="https://www.instagram.com/hellotherabits/" target="_blank" class="button button-round social-button-white w-inline-block"><img src="images/instagram-light.svg" alt="" class="social-button-icon"></a></div>
</div>
</div>
<div>
<div class="text-small"><strong>© 2020 TheraBits. All rights reserved.</strong></div>
</div>
<div class="w-embed w-script">
<!-- Start of HubSpot Embed Code -->
<!-- <script type="text/javascript" id="hs-script-loader" async="" defer="" src="https://js.hs-scripts.com/8405620.js"></script> -->
<!-- End of HubSpot Embed Code -->
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f7c3e30b55c297698a7fcbb" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
<!-- Hotjar Tracking Code for https://therabits.com/ -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:2042685,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
</body>
</html>