-
Notifications
You must be signed in to change notification settings - Fork 4
/
contactus.html
143 lines (138 loc) · 4.95 KB
/
contactus.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" media="screen" href="css/contactus.css" title="no title" type="text/css" charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Nolan Website</title>
<script src="http://code.jquery.com/jquery-1.11.3.min.js"/></script>
</head>
<body>
<div class="wrap">
<!-- Start Nav -->
<!-- ================================= -->
<nav>
<div class="left-nav">
<a href="index.html" id="logoImg"><img src="img/png/logo.svg" alt="logoImage" /></a>
<a href="index.html" id="logoInfo">
<p>by Nolan's Garage </p>
<p>The Best or nothing.</p>
</a>
</div><!-- End Nav Left -->
<!-- Nav Right -->
<div class="right-up">
<ul>
<li><a href="http://www.facebook.com"><img src="img/png/facebook.png" alt="facebookLogo" /></a></li>
<li><a href="http://www.twitter.com"><img src="img/png/twitter.png" alt="twitterLogo" /></a></li>
<li><a href="http://www.google.com"><img src="img/png/google.png" alt="googleLogo" /></a></li>
</ul>
<ul id="info">
<li><a href="#">Mercedes-Benz Near You</a></li>
<li><a href="#">Meadiathek</a></li>
<li><a href="#">Provider</a></li>
</ul>
</div>
<div class="right-down">
<li id="nav-menu"><img src="img/menu.png" alt="menuLogo" /></li><
<ul class="nav-list">
<li><a href="contactus.html">Contact Us</a></li>
<li><a href="hotdeals.html">Hot Deals</a></li>
<li><a href="store.html">Store</a></li>
<li><a href="lifestyle.css">Sport</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div>
</nav>
<!-- End Nav -->
<!-- START CONTENT -->
<div class="left-side">
<div class="address">
<h2>Our Shop is on:</h2>
<ul>
<li><img src="img/pin.png" alt="location" /><p>Mayor Street, IFSC, Dublin1</p></li>
<li><img src="img/phone.png" alt="site" /><p>nolangarage.ie</p></li>
<li><img src="img/site.png" alt="phone" /><p>(01) 449 8500</p></li>
</ul>
</div>
<div class="google">
<h2>Our Location is Here:</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2381.6962996920242!2d-6.245314384543781!3d53.34869248223708!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48670e8cd86e97e7%3A0x6d51b774ee7fa935!2sNational+College+of+Ireland!5e0!3m2!1sen!2sie!4v1445799340677" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="right-side">
<div class="question">
<form action="index.html" method="post">
<table>
<tr>
<td>Name:</td>
<td><input type="text" name="fname" placeholder="First Name"></td>
</tr>
<tr>
<td>Surname:</td>
<td><input type="text" name="lname" placeholder="Last Name"></td>
</tr>
<tr>
<td>Address:</td>
<td><textarea name="address" placeholder="Please Write Your Address Here..."></textarea></td>
</tr>
<tr>
<td>Phone Number:</td>
<td><input type="text" name="mobile" placeholder="+353-8X-XXX-XXXX"></td>
</tr>
<tr>
<td>How Can We Help You ?</td><br>
<td><textarea name="question" placeholder="Your Question Goes Here..."></textarea></td>
</tr>
<tr>
<td colspan="2">
<button type="button" name="Submit">Submit Question</button>
</td>
</tr>
</table>
</form>
</div>
<div class="followus">
</div>
</div>
<div class="footer">
<ul class="fst-one" id="hide">
<li><h1>VEHICLES</h1></li>
<li><a href="#">Passenger Cars</a></li>
<li><a href="#">Commercial Vehicles</a></li>
<li><a href="#">Compare Mercedez Cars</a></li>
<li><a href="#">Gold Standard Used Cars</a></li>
<li><a href="#">Book a Test Drive</a></li>
</ul>
<ul class="second-group" id="hide">
<li><h1>OFFERS & FINANCE</h1></li>
<li><a href="#">New Cars Offers</a></li>
<li><a href="#">Servicing Offers</a></li>
<li><a href="#">Finance Explaining</a></li>
<li><a href="#">Go To Calculator</a></li>
</ul>
<ul class="third-group" id="hide">
<li><h1>Mercedez Owners</h1></li>
<li><a href="#">Mercedez-Connect</a></li>
<li><a href="#">Mercedez Merchendaise</a></li>
<li><a href="#">On-line Booking</a></li>
<li><a href="#">Warranty Explained</a></li>
</ul>
<ul class="fourth-group" id="hide">
<li><h1>CONTACT US</h1></li>
<li><a href="#">Find a Dealer</a></li>
<li><a href="#">Request Brochure</a></li>
<li class="active"><a href="#">NCT pre-test</a></li>
<li><a href="#">Book a Test Drive</a></li>
<li><a href="#">Mercedez Ireland</a></li>
</ul>
<div class="second-footer">
<ul class="left-side">
<h1>Kepp In Touch</h1>
<form class="form" action="index.html" method="post">
<input type="email" name="email" for="email" placeholder="email@example.com" required="required">
<button type="button" name="Subscribe">Subscribe</button>
</form>
</ul>
</div>
</div>
</body>
</html>