-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
57 lines (52 loc) · 2.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="mark king">
<meta name="keywords" content="motorcycles">
<meta name="description" content="Free Web tutorials">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Contact-Motorcycles</title>
<script src="https://kit.fontawesome.com/587a4bef21.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lobster|Slabo+27px&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<header>
<nav class="nav-bar" style="top:0px;">
<img class="logo" src="img/logo.png"/>
<ul class="nav-list">
<li class="list-item"><a href="index.html">Home</a></li>
<li class="list-item"><a href="about.html">About</a></li>
<li class="list-item"><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<h2 class="contact-header">Motorcycles</h2>
<section class="container-contact">
<div class="contact-col map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6395.355985580767!2d-119.78245240482354!3d36.73029405013226!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80945e21a09a91bd%3A0x93252765f6d7101a!2sSelland+Arena!5e0!3m2!1sen!2sus!4v1560395291378!5m2!1sen!2sus" width="600" height="850" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="contact-col form">
<iframe height="800"
allowtransparency="true"
frameborder="0" scrolling="yes"
style="width:600px;border:none"
src="https://markingtime.wufoo.com/embed/z1ejqa7d12dmj2t/"> <a href="https://markingtime.wufoo.com/forms/z1ejqa7d12dmj2t/">Fill out my Wufoo form!</a> </iframe>
</div>
</section>
<footer class="footer-contact">
<div class="input">
<input type="text" name="in-name"/>
<button>Submit</button>
</div>
<div class="social">
<a href="https://www.facebook.com/kingmark" target="_blank"><i class="fab fa-facebook-square fa-2x"></i></a>
</div>
<div class="copy">
<p>© Copyright 2019, Mark King</p>
</div>
</footer>
</body>
</html>