-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
150 lines (128 loc) · 4.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Contact | Allura Imports Inc.</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Playfair+Display:700&display=swap">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.10.0/css/tachyons.min.css"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/footer.css">
</head>
<body>
<header>
<div class="cover bg-left bg-center-l" style="background-image: url(assets/sunset.jpg); background-attachment: fixed; background-position: bottom;">
<div class="bg-black-80 pb5 pb5-m pb6-l">
<nav class="dt w-100 mw8 center">
<div class="dtc w2 v-mid pa4">
<a href="https://www.alluraimports.com" class="dib w4 h2 pa1 hover-white">
<img src="assets/allura-white.svg">
</a>
</div>
<div class="dtc v-mid tr pa4">
<a class="f6 fw4 hover-white no-underline white-70 dn dib-l pv2 ph3" href="https://www.alluraimports.com/brands" >Brands</a>
</div>
</nav>
<div class="tc-l mt4 mt5-m mt6-l ph4">
<h1 class="f2 f1-l fw2 white-90 mb0 lh-title tc">Contact</h1>
<p class="pb4 white-90 mb0 tc">Have a question or concern?
<br>
Reach out to us!
</p>
</div>
</div>
</header>
<div class="form-body">
<form action="https://formcarry.com/s/rkFNtPI6G" method="POST" accept-charset="UTF-8" >
<div class="field">
<label class="label">Name</label>
<div class="control">
<input class="input" name="name" type="text" placeholder="First and Last">
</div>
</div>
<div class="field">
<label class="label">Company</label>
<div class="control">
<input class="input" name="company" type="text" placeholder="Allura Inc.">
</div>
</div>
<div class="field">
<label class="label">Email</label>
<div class="control has-icons-left has-icons-right">
<input class="input" type="email" name="email" placeholder="cs@alluraimports.com">
<span class="icon is-small is-left">
<i class="fa fa-envelope"></i>
</span>
</div>
</div>
<div class="field">
<label class="label">Subject</label>
<div class="control">
<div class="select">
<select name="subject">
<option>Question</option>
<option>Make an appointment</option>
<option>Other</option>
</select>
</div>
</div>
</div>
<div class="field">
<label class="label">Message</label>
<div class="control">
<textarea class="textarea" name="message" placeholder="Compose your message..."></textarea>
</div>
</div>
<div class="field is-grouped">
<div class="control">
<button class="button is-link is-light">Submit</button>
<input type="hidden" name="_gotcha">
</div>
</div>
</form>
</div>
<footer class="footer-distributed">
<div class="footer-left tl">
<img class="footer-logo tl" src="assets/allura-white.svg" style="width: 150px;">
<p class="footer-links tl">
<a href="https://www.alluraimports.com">Home</a>
·
<a href="https://www.alluraimports.com/brands">Brands</a>
·
<a href="#">Contact</a>
</p>
<p class="footer-company-name tl">Allura Imports Inc. © 2019</p>
<p class="footer-company-name tl">Designed and developed by <a href="https://maxshalom.com"><code>Max Shalom</code></a></p>
</div>
<div class="footer-center tl">
<div class="tl">
<i class="fa fa-map-marker"></i>
<p><span>1407 Broadway</span> New York, New York</p>
</div>
<div class="tl">
<i class="fa fa-phone"></i>
<p><a href="tel:+12126954510"></a>+1 212 695 4510</p>
</div>
<div class="tl">
<i class="fa fa-envelope"></i>
<p><a href="mailto:cs@alluraimports.com">cs@alluraimports.com</a></p>
</div>
</div>
<div class="footer-right tl">
<p class="footer-company-about tl">
<span>About us</span>
Since 1957, Allura Imports Inc. has been dedicated to creating quality fashion
for children at the best value.
</p>
<div class="footer-icons tl">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
</div>
</div>
</footer>
</body>
</html>