-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathcontact.html
More file actions
124 lines (122 loc) · 5.73 KB
/
Copy pathcontact.html
File metadata and controls
124 lines (122 loc) · 5.73 KB
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
---
layout: base.njk
title: Contact
permalink: /contact/
---
<article class="contact active" data-page="contact">
<header>
<h2 class="h2 article-title">Contact</h2>
</header>
<section class="mapbox" data-mapbox>
<figure>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d241317.03900799053!2d72.88118615!3d19.082250749999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be7c6306644edc1%3A0x5da4ed8f8d648c69!2sMumbai%2C%20Maharashtra!5e0!3m2!1sen!2sin!4v1721486767184!5m2!1sen!2sin"
width="100%"
height="350"
style="
border: 0;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
title="Mumbai, Maharashtra, India Map"
></iframe>
</figure>
</section>
<section class="contact-form">
<h3 class="h3 form-title">Contact Me</h3>
<p
style="
margin-bottom: 1.5em;
color: var(--light-gray);
"
>
Questions, collaboration ideas, or just want to
connect? Drop a message below and I'll get back to
you.
</p>
<form
action="https://api.web3forms.com/submit"
method="POST"
class="form"
data-form
autocomplete="off"
>
<!-- Web3Forms Access Key — get yours free at https://web3forms.com -->
<input
type="hidden"
name="access_key"
value="WEB3FORMS_ACCESS_KEY_PLACEHOLDER"
/>
<input
type="hidden"
name="subject"
value="New Contact from Portfolio Website"
/>
<input
type="hidden"
name="from_name"
value="Portfolio Contact Form"
/>
<input
type="hidden"
name="redirect"
value="https://sayyedasif.com/"
/>
<!-- Honeypot spam protection -->
<input
type="checkbox"
name="botcheck"
class="hidden"
style="display: none"
/>
<div
class="input-wrapper"
style="display: flex; gap: 1em; flex-wrap: wrap"
>
<input
type="text"
name="fullname"
class="form-input"
placeholder="Full name"
required
data-form-input
style="flex: 1 1 200px; min-width: 180px"
/>
<input
type="email"
name="email"
class="form-input"
placeholder="Email address"
required
data-form-input
style="flex: 1 1 200px; min-width: 180px"
/>
</div>
<textarea
name="message"
class="form-input"
placeholder="Your message"
required
data-form-input
rows="5"
style="margin-top: 1em; resize: vertical"
></textarea>
<button
class="form-btn"
type="submit"
disabled
data-form-btn
style="margin-top: 1em"
>
<ion-icon
aria-hidden="true"
name="paper-plane"
></ion-icon>
<span>Send Message</span>
</button>
</form>
</section>
</article>