-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
executable file
·157 lines (153 loc) · 5.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./assets/favicon-32x32.png"
/>
<link rel="stylesheet" href="./build/css/style.min.css" />
<title>Frontend Mentor | Designo Agency Website Challenge</title>
</head>
<body>
<div id="header"></div>
<main>
<div class="ds-container ds-container--footer-cta ds-leaf ds-leaf--contact">
<section class="ds-section ds-contact-hero">
<div class="ds-contact-hero__column">
<h1
class="ds-heading ds-heading--h1 ds-contact-hero__title ds-text--white"
>
Contact Us
</h1>
<p
class="ds-text ds-text--body ds-text--white ds-section--sm-text ds-contact-hero__description"
>
Ready to take it to the next level? Let's talk about your
project or idea and find out how we can help your business grow. If
you are looking for unique digital experiences that's relatable
to your users, drop us a line.
</p>
</div>
<div class="ds-contact-hero__column">
<form id="contactForm" class="ds-contact-hero__form" method="POST">
<div class="ds-input-group">
<input
type="text"
class="ds-input"
placeholder="Name"
id="name"
name="name"
/>
</div>
<div class="ds-input-group">
<input
type="text"
class="ds-input"
placeholder="Email address"
id="email"
name="email"
/>
</div>
<div class="ds-input-group">
<input
type="text"
class="ds-input"
placeholder="Phone"
id="phone"
name="phone"
inputmode="numeric"
/>
</div>
<div class="ds-input-group">
<textarea
class="ds-input ds-input--textarea"
placeholder="Your message"
id="message"
></textarea>
</div>
<div class="ds-input-group">
<button type="submit" class="ds-btn ds-btn--white">Submit</button>
</div>
</form>
</div>
</section>
<section class="ds-features ds-section ds-section--mb-9">
<ul class="ds-features__items">
<li class="ds-features__item ds-features__item--md-col">
<div
class="ds-features__item-image-container ds-features__item-image-container--top"
>
<img
src="/assets/shared/desktop/illustration-canada.svg"
alt="Canada"
class="ds-features__item-image"
width="202"
height="202"
/>
</div>
<div class="ds-features__detail">
<h2 class="ds-heading ds-heading--h3 ds-features__item-title">
Canada
</h2>
<a href="/locations.html#canada" class="ds-btn ds-btn--peach" role="button"
>See location</a
>
</div>
</li>
<li class="ds-features__item ds-features__item--md-col">
<div
class="ds-features__item-image-container ds-features__item-image-container--left"
>
<img
src="/assets/shared/desktop/illustration-australia.svg"
alt="Australia"
class="ds-features__item-image"
width="202"
height="202"
/>
</div>
<div class="ds-features__detail">
<h2 class="ds-heading ds-heading--h3 ds-features__item-title">
Australia
</h2>
<a href="/locations.html#australia" class="ds-btn ds-btn--peach" role="button"
>See location</a
>
</div>
</li>
<li class="ds-features__item ds-features__item--md-col">
<div
class="ds-features__item-image-container ds-features__item-image-container--bottom"
>
<img
src="/assets/shared/desktop/illustration-united-kingdom.svg"
alt="United Kingdom"
class="ds-features__item-image"
width="202"
height="202"
/>
</div>
<div class="ds-features__detail">
<h2 class="ds-heading ds-heading--h3 ds-features__item-title">
United Kingdom
</h2>
<a href="/locations.html#uk" class="ds-btn ds-btn--peach" role="button"
>See location</a
>
</div>
</li>
</ul>
</section>
</div>
</main>
<div
id="footer"
class="ds-footer-container ds-footer-container--contact"
></div>
<script src="./build/js/app.js"></script>
</body>
</html>