/
home.html
157 lines (126 loc) · 6.33 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<!-- John Follis, MEID:joh2136519, Course Section # 38845. -->
<head>
<meta charset="utf-8">
<title> Sand and 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 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>
<!--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 -->
<!-- Start Content Div -->
<div class="content">
<h2> Sand & Surf Island Vacations </h2>
<br>
<!-- snorkeling poster image -->
<img src="photos/snorkeling_poster.jpg" alt="Under water snorkeling photo of tropical fish with sand and surf island vacations logo !!!"
height="200" width="320">
<h3>Welcome vacation adventure seekers.</h3>
<p>We are a one stop all inclusive family friendly Island vacations site, our fun, friendly and informative web
site allows you to plan and book your adventure vacation from the comfort of your home.</p>
<p>Sand & Surf allows you the unique ability to plan and book a tailored vacation allowing you to easily add any
level of adventure or leasure from multiple travel locales. Your dream island vacation is just a click away.</p>
<!-- Begin Bulleted List -->
<ul>
<li> Surfing Lessons </li>
<li> Snorkling Adventures</li>
<li> Jet Ski Rentals</li>
<li> Luau Nights</li>
</ul>
<br>
<!-- End Bulleted List -->
<!-- Beginning Gallery -->
<div id="gallery">
<ul>
<li>
<a href="photos/cabana.jpg"><img src="photos/cabana.jpg" width="100" height="75" alt="Cabana">
<span> <img src="photos/cabana.jpg" width="200" height="150" alt="Cabana">
<br>
</span>
</a>
</li>
<li>
<a href="photos/cabanaisland.jpg"><img src="photos/cabanaisland.jpg" width="100" height="75" alt="cabanaisland">
<span> <img src="photos/cabanaisland.jpg" width="200" height="150" alt="cabanaisland">
<br>
</span>
</a>
</li>
<li>
<a href="photos/small-island.jpg"><img src="photos/small-island.jpg" width="100" height="75" alt="small-island">
<span> <img src="photos/small-island.jpg" width="200" height="150" alt="small-island">
<br>
</span>
</a>
</li>
<li>
<a href="photos/snorkeling_poster.jpg"><img src="photos/snorkeling_poster.jpg" width="100" height="75" alt="snorkeling_poster">
<span> <img src="photos/snorkeling_poster.jpg" width="200" height="150" alt="snorkeling_poster">
<br>
</span>
</a>
</li>
</ul>
</div>
<!-- End Gallary -->
<!-- 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 Validation -->
<p>
<a href="https://validator.w3.org/unicorn/check?ucn_uri=classweb.riosalado.edu%2Fjoh2136519%2Fcis233da_38845%2Flesson03%2Fpacific4%2Findex.html&doctype=Inline&charset=(detect%20automatically)&ucn_task=conformance#">
<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>
<!-- End div for CONTENT -->
</div>
<!-- End div for div class "Wrapper" -->
</body>
<!-- End of BODY -->
</html>
<!-- End of Sand and Surf -->