-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact-us.html
169 lines (120 loc) · 5.31 KB
/
contact-us.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
<!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>Contact Us Details Address Phone number</title>
<meta name="description" content="Contact details for Roar-57Dublin, Phone number xxxxx">
<!--this is eric meters css reset-->
<link rel="stylesheet" href="css-reset.css">
<!--this is my own style sheet-->
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
</head>
<body>
<div class="container">
<header>
<div class="logo">
<a href="index.html"><img src="Images/logo-roar-bikes.svg" alt="Logo for bike"></a>
</div>
<nav>
<div class="navbutton">
<a href="#" >Book Online </a>
<div class="dropdown">
<div class="navbutton"><a href="#">Onsite Service</a></div>
<div class="navbutton"><a href="#">Parts Delivery</a></div>
<div class="navbutton"><a href="#">Request Callback</a></div>
</div>
</div>
<div class="navbutton">
<a href="#" > About</a>
</div>
<div class="navbutton">
<a href="#" > Contact</a>
</div>
</nav>
</header>
<div class="main2">
<h1>Contact Us</h1>
<p>
Do you have any questions? Please do not hesitate to contact us directly. Our team will come back to you within a matter of hours to help you.
</p>
<form action="mail.php" method="post">
<div class="inputwrapper">
<label for="name" class="newline">First Name</label>
<input type="text" name="name" id="name" placeholder="First Name">
</div>
<div class="inputwrapper">
<label for="email" class="newline">Email</label>
<input type="email" name="email" id="email" placeholder="[email protected]">
</div>
<div class="inputwrapper">
<textarea name="message" id="message" cols="100" rows="5" placeholder="Let us know what you think"></textarea>
</div>
<div class="inputwrapper">
<input type="checkbox" name="email-sub" id="email-sub" value="yes-sign-me-up" checked>
<label for="email-sub">Sign up for email newsletter</label>
</div>
<div class="inputwrapper">
<p>how would you like to be contacted</p>
<input type="radio" name="contact-pref" id="Phone" value="phone">
<label for="phone" class="margin-right-a">Phone</label>
<input type="radio" name="contact-pref" id="email2" value="email">
<label for="email">Email</label>
</div>
<div class="inputwrapper">
<select name="county" id="county">
<option value="Not-Chosen">Chose County</option>
<option value="Nairobi">Nairobi</option>
<option value="Kiambu">Kiambu</option>
<option value="Nyeri">Nyeri</option>
</select>
</div>
<input type="submit" value="Fire Away" class="mybutton">
</form>
</div>
<div class="cards">
<div class="card1">
<a href="#">
<img src="Images/icon1-delivery.png" alt="">
<h2>Book Online</h2>
<p>Lorem ipsum dolor sit amet.</p>
</a>
</div>
<div class="card2">
<a href="#">
<img src="images/icon2-wrench.png" alt="">
<h2>Service Types</h2>
<p>Lorem ipsum dolor sit amet.</p>
</a>
</div>
<div class="card3">
<a href="#">
<img src="images/icon3-phone.png" alt="">
<h2>Call for advise</h2>
<p>Lorem ipsum dolor sit amet.</p>
</a>
</div>
</div>
<div class="testimonials">
<div class="tbox">
<p>"I would like to personally thank you for your outstanding product. You guys rock! It's all good. I can't say enough about Roar Cycles."
<p>- Tammara </p></p>
</div>
<div class="tbox">
<p>"Roar Cycles is the most valuable business resource we have EVER purchased. I will let my mum know about this, she could really make use of Roar Cycles! Roar Cycles has completely surpassed our expectations."
<P> - Floris V.</P> </p>
</div>
<div class="tbox">
<p>"I'm good to go. Roar Cycles is both attractive and highly adaptable. I will refer everyone I know."
<P> - Carlin B.</P> </p>
</div>
<div class="tbox">
<p>"Roar Cycles impressed me on multiple levels. I would gladly pay over 600 dollars for Roar Cycles. We can't understand how we've been living without Roar Cycles."
<P> - Eve V..</P> </p>
</div>
</div>
</div>
</body>
</html>