-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
144 lines (141 loc) · 5.27 KB
/
contact.html
File metadata and controls
144 lines (141 loc) · 5.27 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
---
layout: "2021"
year: "2021"
---
<section
class="hero-wrap hero-wrap-2 js-fullheight"
style="background-image: url('/assets/{{page.year}}/img/bg_2.jpg');"
data-stellar-background-ratio="0.5"
>
<div class="overlay"></div>
<div class="container">
<div
class="row no-gutters slider-text js-fullheight align-items-end justify-content-start"
>
<div class="col-md-9 ftco-animate pb-5">
<h1 class="mb-3 bread">Contact Us</h1>
<p class="breadcrumbs">
<span class="mr-2"
><a href="index.html"
>Home <i class="ion-ios-arrow-forward"></i></a
></span>
<span>Contact <i class="ion-ios-arrow-forward"></i></span>
</p>
</div>
</div>
</div>
</section>
<section class="ftco-section contact-section">
<div class="container">
<div class="row d-flex mb-5 contact-info">
<div class="col-md-12 mb-4">
<h2 class="h3">Contact Information</h2>
</div>
<div class="w-100"></div>
<div class="col-md-3">
<p>
<span>Address:</span> 198 West 21th Street, Suite 721 New
York NY 10016
</p>
</div>
<div class="col-md-3">
<p>
<span>Phone:</span>
<a href="tel://1234567920">+ 1235 2355 98</a>
</p>
</div>
<div class="col-md-3">
<p>
<span>Email:</span>
<a href="mailto:info@yoursite.com">info@yoursite.com</a>
</p>
</div>
<div class="col-md-3">
<p><span>Website</span> <a href="#">yoursite.com</a></p>
</div>
</div>
<div class="row block-9">
<div class="col-md-6 order-md-last d-flex">
<form action="#" class="bg-light p-5 contact-form">
<div class="form-group">
<input
type="text"
class="form-control"
placeholder="Your Name"
/>
</div>
<div class="form-group">
<input
type="text"
class="form-control"
placeholder="Your Email"
/>
</div>
<div class="form-group">
<input
type="text"
class="form-control"
placeholder="Subject"
/>
</div>
<div class="form-group">
<textarea
name=""
id=""
cols="30"
rows="7"
class="form-control"
placeholder="Message"
></textarea>
</div>
<div class="form-group">
<input
type="submit"
value="Send Message"
class="btn btn-primary py-3 px-5"
/>
</div>
</form>
</div>
<div class="col-md-6 d-flex">
<div id="map" class="bg-white"></div>
</div>
</div>
</div>
</section>
<section class="ftco-section-parallax">
<div class="parallax-img d-flex align-items-center">
<div class="container">
<div class="row d-flex justify-content-center">
<div
class="col-md-7 text-center heading-section heading-section-white ftco-animate"
>
<h2>Subcribe to our Newsletter</h2>
<p>
Far far away, behind the word mountains, far from the
countries Vokalia and Consonantia, there live the blind
texts. Separated they live in
</p>
<div class="row d-flex justify-content-center mt-4 mb-4">
<div class="col-md-8">
<form action="#" class="subscribe-form">
<div class="form-group d-flex">
<input
type="text"
class="form-control"
placeholder="Enter email address"
/>
<input
type="submit"
value="Subscribe"
class="submit px-3"
/>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>