/
contactus.html
131 lines (94 loc) · 4.78 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
<!DOCTYPE html>
<html lang="en">
<!-- John Follis, MEID:joh2136519, Course Section # 38845 -->
<head>
<meta charset="utf-8">
<title> Contact Sand & Surf </title>
<meta name="description" content=" Sand and Surf offerrs a unique one stop island vacation adventure package planning and booking service.">
<meta name="keywords" content="resort, vacation, island, snorkling, planning, booking, sand, surf, adventure, one stop">
<!-- link to my CSS !!!! -->
<link rel="stylesheet" href="css/sand.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/sandmobile.css" type="text/css" media="only screen and (max-device-width:480px)">
</head>
<!-- Start of body section -->
<body onload="alert('Take Advantage of our new website launch and recieve 20% off vacation packages');">
<!--Begining of div class "wrapper" for body -->
<div id="wrapper">
<!-- Start Navigation Menu -->
<h1>Sand & Surf </h1>
<div id="nav">
<ul>
<li><a href="home.html"> Home</a></li>
<li><a href="destinations.html"> Destinations</a></li>
<li><a href="contactus.html"> Contact Us</a></li>
<li><a href="vacationpackages.html"> Vacation Packages</a></li>
<li><a href="design.html"> Design</a></li>
</ul>
</div>
<!-- End the Navigation menu -->
<div class="content">
<h2>Sand & Surf Island Vacations</h2>
<h3>Submit your Contact Form Today!</h3>
<p> Contact us today for any and all questions you may have for the Sand & Surf Team. We are here to help and will
get back with you within 24 hours. We look forward to speaking with you and hope you'll join us for some
fun in the sun! </p>
<h3>Contact Us</h3>
<form action="https://secure.riosalado.edu/cis-course-resources/postscript.aspx" method="post">
<label for="myFName">First Name: </label>
<input type="text" name="myFName" id="myFName">
<label for="myLName">Last Name: </label>
<input type="text" name="myLName" id="myLName">
<label for="myEmail">Email: </label>
<input type="text" name="myEmail" id="myEmail">
<label for="myPhone">Phone: </label>
<input type="text" name="myPhone" id="myPhone">
<label for="myDates">Vacation Dates: </label>
<input type="text" name="myDates" id="myDates">
<label for="myComments">Comments: </label>
<textarea name="myComments" id="myComments" rows="2" cols="20"> </textarea>
<input id="mySubmit" type="submit" value="SuBmiT">
</form>
<!-- Beginng of Contact information -->
<p>
<br class="clear">
<b>Sand & Surf</b>
<br>
<b>1234 Sandy Lane</b>
<br>
<b>Paradise, FL 31005</b>
<br>
<br>
<b> <a id="mobile" href="tel:888-555-5555">888-555-5555</a> </b>
<span id="desktop">888-555-5555</span>
</p>
<!-- End of Contact information -->
<!-- Footer Start -->
<footer>
<!-- Social Media Begining -->
<div class="social">
<img style="border:0;width:88px;height:88px" src="photos/twitter.png" alt="Social Media Twitter Bird" />
</div>
<!-- Social media end -->
<!-- Copyright and WebMaster Contact info Begin -->
<div class="footer"> © Copyright 2013 Sand and Surf
<br>
<a href="mailto:joh2136519@maricopa.edu">Contact WebMaster </a>
</div>
<!-- End Copyright & Webmaster Contact info -->
<!-- W3c begin Validation -->
<p>
<a href="https://validator.w3.org/unicorn/check?ucn_uri=classweb.riosalado.edu%2Fjoh2136519%2Fcis233da_38845%2Flesson03%2Fpacific4%2Findex.html">
<img style="border:0;width:88px;height:31px" src="//jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" />
</a>
</p>
<!-- W3C End Validation badge -->
</footer>
<!-- Footer End -->
<!-- Div CONTENT end -->
</div>
<!-- Div WRAPPER end -->
</div>
<!-- End of BODY -->
</body>
<!-- End of Sand and Surf -->
</html>