-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact-us.html
165 lines (122 loc) · 6.09 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
<!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>Roar Cycle - Contact Us Details Address Phone</title>
<meta name="description" content="Contact details for Roar - 57 Moryglare Abbey, Dublin, w23c1k2. Phone +353 5465481">
<!-- This is Eric Meyers CSS reset -->
<link rel="stylesheet" href="css-reset.css">
<!-- This is my own style sheet -->
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Roboto:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
</head>
<body>
<div class="container">
<header>
<div class="logo">
<a href="index.html">
<img src="/images/logo-roar-bikes.svg" alt="Roar Bikes Logo">
</a>
</div>
<nav>
<div class="navbutton">
<a href="#">BOOK ONLINE</a>
<div class="dropdown">
<div class="navbutton"><a href="#">Parts Delivery</a></div>
<div class="navbutton"><a href="#">Request Callback</a></div>
<div class="navbutton"><a href="#">Onsite Service</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 me 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="email2">Email</label>
</div>
<div class="inputwrapper">
<select name="county" id="county">
<option value="Not-Chosen">Choose County</option>
<option value="Limerick">Limerick</option>
<option value="Galway">Galway</option>
<option value="Dublin">Dublin</option>
</select>
</div>
<input type="submit" value="Fire Away" class="mybutton">
</form>
</div>
<div class="cards">
<div class="card1">
<a href="#">
<i class="fas fa-motorcycle"></i>
<h2>Book Online</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas distinctio odio a at accusantium suscipit.</p>
</a>
</div>
<div class="card2">
<a href="#">
<i class="fas fa-cog"></i>
<h2>Service Types</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas distinctio odio a at accusantium suscipit.</p>
</a>
</div>
<div class="card3">
<a href="#">
<i class="fas fa-phone"></i>
<h2>Call for Advice</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas distinctio odio a at accusantium suscipit.</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>
<p>- Tamara I.</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>
<p>- Floris V.</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>
<p>- Carlin B.</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>
<p>- Eve V.</p>
</div>
</div>
</div>
</body>
</html>