-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
178 lines (160 loc) · 10.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Caronlina heals | Contact Me</title>
<meta name="theme-color" content="#446A46" />
<meta name="keywords" content="Personal healing services, Carolina heals, Yoga, Reiki, Ayurveda, Contact me, mind and body wellness, Health and wellness, Mindfulness">
<link rel="icon" href="favicon.ico?v=2">
<script src="https://kit.fontawesome.com/e823734a38.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<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=Fanwood+Text&family=Shrikhand&family=Vollkorn:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/contact.css">
</head>
<body>
<div class="page-wrapper">
<header>
<nav class="navbar navbar-expand-lg navbar-light fixed-top" style="background-color: #446A46;">
<div class="container-fluid">
<a class="navbar-brand" href="index.html" alt = 'Navbar link to homepage'>
<img id="meditation-pic" src="images/meditation.webp" alt="Meditating woman yoga">
Carolina Heals
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" tabindex="0" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarclassesDropdownMenuLink" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Classes
</a>
<ul class="dropdown-menu" tabindex="0" aria-labelledby="navbarclassesDropdownMenuLink">
<li><a class="dropdown-item" tabindex="0" href="yoga.html">Yoga</a></li>
<li><a class="dropdown-item" tabindex="0" href="ayurveda.html">Ayurveda</a></li>
<li><a class="dropdown-item" tabindex="0" href="meditate.html">Reiki</a></li>
</ul>
<li class="nav-item">
<a class="nav-link" tabindex="0" href="contact.html">Contact Me!</i></a>
</li>
<li class="nav-item">
<a class="nav-link" tabindex="0" href="about.html">About Me</a>
</li>
<li class="nav-item" id="instagram-link">
<a class="nav-link" tabindex="0" aria-label="Carolina heals instagram link"
href="https://www.instagram.com/sun.and.moon.angel/"><i class="fa-brands fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main id="container">
<h1>• Keep in Touch •</h1>
<div class="underline">
</div>
<div class="icon_wrapper">
<svg class="icon" viewBox="0 0 145.192 145.192">
<path
d="M126.82,32.694c-2.804,0-5.08,2.273-5.08,5.075v2.721c-1.462,0-2.646,1.185-2.646,2.647v1.995 c0,1.585,1.286,2.873,2.874,2.873h20.577c1.462,0,2.646-1.185,2.646-2.647v-3.041c0-1.009-0.816-1.825-1.823-1.825v-2.722 c0-2.802-2.276-5.075-5.079-5.075h-1.985v-3.829c0-3.816-3.095-6.912-6.913-6.912h-0.589h-20.45c0-2.67-2.164-4.835-4.833-4.835 H56.843c-2.67,0-4.835,2.165-4.835,4.835H34.356v-3.384h-9.563v3.384v1.178h-7.061v1.416c-2.67,0.27-10.17,1.424-13.882,5.972 c-1.773,2.17-2.44,4.791-1.983,7.793c0.463,3.043,1.271,6.346,2.128,9.841c2.354,9.616,5.024,20.515,0.549,28.077 C2.647,79.44-3.125,90.589,2.201,99.547c4.123,6.935,13.701,10.44,28.5,10.44c1.186,0,2.405-0.023,3.658-0.068v9.028h-0.296 c-2.516,0-4.558,2.039-4.558,4.558v4.566h100.04v-4.564c0-2.519-2.039-4.558-4.558-4.558h-0.297V84.631h0.297 c2.519,0,4.558-2.037,4.558-4.556v-0.009c0-2.516-2.039-4.556-4.556-4.556l-36.786-0.009V61.973c0-2.193-1.777-3.971-3.972-3.971 v-4.711h0.456c1.629,0,2.952-1.32,2.952-2.949h14.227V34.459h1.658c2.672,0,4.834-2.165,4.834-4.834h20.45v3.069H126.82z M34.06,75.511c-2.518,0-4.558,2.04-4.558,4.556v0.009c0,2.519,2.042,4.556,4.558,4.556h0.296v24.12l-0.042-1.168 c-15.994,0.574-26.122-2.523-30.106-9.229C-0.464,90.5,4.822,80.347,6.55,77.423c4.964-8.382,2.173-19.774-0.29-29.825 c-0.843-3.442-1.639-6.696-2.088-9.638c-0.354-2.35,0.129-4.3,1.484-5.958c3.029-3.714,9.509-4.805,12.076-5.1v1.233h7.061v1.49 v2.684c-2.403,1.114-4.153,2.997-4.676,5.237H18.15c-0.584,0-1.056,0.474-1.056,1.056v0.83c0,0.584,0.475,1.056,1.056,1.056h1.984 c0.561,2.18,2.304,3.999,4.658,5.092v0.029c0,0-2.282,20.823,16.479,22.099v1.102c0,1.177,0.955,2.133,2.133,2.133h3.297 c1.178,0,2.133-0.956,2.133-2.133V50.135c0-1.177-0.955-2.132-2.133-2.132h-3.297c-1.178,0-2.133,0.955-2.133,2.132 c-1.575-0.235-5.532-1.17-6.635-4.547c2.36-1.092,4.109-2.913,4.669-5.097h1.308c0.722,0,1.309-0.584,1.309-1.308v-0.578 c0-0.584-0.475-1.056-1.056-1.056h-1.539c-0.542-2.332-2.416-4.271-4.968-5.363v-2.559h17.651c0,2.67,2.166,4.835,4.836,4.835 h2.392v15.88h13.639c0,1.629,1.321,2.949,2.951,2.949h0.899v4.711c-2.194,0-3.972,1.778-3.972,3.971v13.529L34.06,75.511z M95.188,101.78c0,8.655-7.012,15.665-15.664,15.665c-8.653,0-15.667-7.01-15.667-15.665c0-8.647,7.014-15.664,15.667-15.664 C88.177,86.116,95.188,93.132,95.188,101.78z M97.189,45.669h-9.556c0-0.896-0.726-1.62-1.619-1.62H74.494 c-0.896,0-1.621,0.727-1.621,1.62h-8.967v-11.21h33.283V45.669z">
</path>
<path
d="M70.865,101.78c0,4.774,3.886,8.657,8.66,8.657c4.774,0,8.657-3.883,8.657-8.657c0-4.773-3.883-8.656-8.657-8.656 C74.751,93.124,70.865,97.006,70.865,101.78z">
</path>
</svg>
</div>
<form action="https://formsubmit.co/letsgetlovin@carolinaheals.com" method="post" id="contact_form">
<div class="name">
<label for="name"></label>
<input type="text" placeholder="My name is" name="name" id="name_input" required>
</div>
<div class="email">
<label for="email"></label>
<input type="email" placeholder="My e-mail is" name="email" id="email_input" required>
</div>
<div class="telephone">
<label for="name"></label>
<input type="text" placeholder="My number is" name="telephone" id="telephone_input" required>
</div>
<input type="hidden" name="_next" value="https://carolinaheals.com/thank-you.html">
<div class="subject">
<label for="subject"></label>
<select placeholder="Subject line" name="subject" id="subject_input" required>
<option disabled hidden selected>Subject line</option>
<!-- <option>I'd like to set up a meeting</option> -->
<option>I'd like to ask a question</option>
<option>I'd like to make a proposal</option>
<option>Other</option>
</select>
</div>
<div class="message">
<label for="message"></label>
<textarea name="message" placeholder="I'd like to chat about" id="message_input" cols="30" rows="5"
required></textarea>
</div>
<div class="submit">
<input type="submit" value="Send Message" id="form_button" />
</div>
</form>
</main>
<div>
<!-- Calendly badge widget begin -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">
window.onload = function () {
Calendly.initBadgeWidget({
url: 'https://calendly.com/jtunstopable?background_color=ede4e0&primary_color=425f57',
text: 'Upcoming classes',
color: '#446a46',
textColor: '#ffffff',
branding: true
});
}
</script>
<!-- Calendly badge widget end -->
<footer class="footer-distributed">
</div>
<footer class="footer-distributed">
<div class="footer-right">
<a tabindex="0" aria-label="Carolina heals instagram link" href="https://www.instagram.com/sun.and.moon.angel/">
<i class="fab fa-instagram"></i>
</a>
</div>
<div class="footer-left">
<p class="footer-links">
<a class="link-1" tabindex="0" href="index.html">Home</a>
<a href="about.html" tabindex="0">About</a>
<a href="contact.html" tabindex="0">Contact</a>
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<a href=""
onclick="Calendly.initPopupWidget({url: 'https://calendly.com/jtunstopable?background_color=ede4e0&primary_color=446a46'});return false;">Upcoming
classes</a>
<!-- Calendly link widget begin -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<!-- <a href="" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/jtunstopable/ayurveda-and-gentle-workshop?background_color=ede4e0&primary_color=425f57'});return false;">Winter workshop</a> -->
<!-- Calendly link widget end -->
</p>
<p>Carolina heals © 2022</p>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous">
</script>
</body>
</html>