/
contact.html
80 lines (77 loc) · 3.29 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
<!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</title>
<link rel="stylesheet" href="css/contact.css">
<!--FontAwesome Kit Link-->
<script src="https://kit.fontawesome.com/818c989c71.js" crossorigin="anonymous"></script>
<!--Google Font Kit Link-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Alice&family=Charm&display=swap" rel="stylesheet">
</head>
</p>
<body>
<!--<i class="fa-solid fa-water"></i>
<i class="fa-brands fa-facebook-square"></i>-->
<!--Heading-->
<div class="heading shadow">Maui Adventures
</div>
<!--Navigation-->
<div class="navbar shadow text coconutlogo topnav sticky">
<nav>
<a class="logo" href="https://www.gohawaii.com/islands/maui">
<img src="img/coconutlogo.png" alt="coconutlogo" height="60px"></a>
<ul>
<li><a class="active" href="index.html">Home</a>
</li>
<li><a href="contact.html"target="_blank">Contact</a></li>
<li><a href="about.html" target="_blank">About</a></li>
</ul>
</nav>
</div>
<!--Contact Form-->
<h3>Contact Us</h3>
<div class="container">
<form action="/action_page.php">
<label for="fname">Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">
<label for="lname">Email</label>
<input type="text" id="lname" name="lastname" placeholder="Your email..">
<label for="country">Country</label>
<select id="country" name="country">
<option value="australia">Australia</option>
<option value="canada">Canada</option>
<option value="usa">USA</option>
</select>
<label for="subject">Subject</label>
<textarea id="subject" name="subject" placeholder="Write something.." style="height:100px"></textarea>
<input type="submit" value="Submit">
</form>
</div>
<!--Happy to Help text box-->
<div class="textBox paragraph">
<p>We are happy to help with all your Maui vacation planning needs! Please fill out our contact form, call, or email us. Also, be sure to follow us on social media for the latest news and promotions!</p>
<p>contact@mauiadventures.com</p>
<p>(123) 456-7890</p>
</div>
<!--Footer-->
<div class="footer shadow">
<div class="footerText">
<p class="textFloat">© 2022 Maui Adventures</p>
<p class="textFloat">Privacy Policy</p>
<p class="textFloat">Terms of Use</p>
</div>
<div class="clear"></div>
<div class="footerIcons">
<a href="https://www.facebook.com/maui.hawaii.guide/" class="fa-brands fa-facebook fa-2xl" target="_blank"></a>
<a href="https://www.instagram.com/mauihi/?hl=en" class="fa-brands fa-instagram fa-2xl" target="_blank"></a>
<a href="https://twitter.com/themauinewshi"class="fa-brands fa-twitter fa-2xl"
target="_blank"></a>
</div>
</div>
</body>
</html>