-
Notifications
You must be signed in to change notification settings - Fork 0
/
fishing.html
165 lines (157 loc) · 9.11 KB
/
fishing.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
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap" rel="stylesheet">
<!--font awesome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="./public/stylesheets/header.css">
<link rel="stylesheet" href="./public/stylesheets/fishing.css">
<link rel="stylesheet" href="./public/stylesheets/card.css">
<link rel="stylesheet" href="./public/stylesheets/footer.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript" async></script>
<title>South Florida Uncharted</title>
</head>
<body>
<nav id="mainNavbar" class="navbar navbar-light navbar-expand-lg py-0">
<a class="navbar-brand" href="#"><img height="80" src="media/uncharted-logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarLinks" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarLinks">
<div class="navbar-nav">
<a class="nav-item nav-link" href="./about.html">About Us</a>
<a class="nav-item nav-link" href="#">Fishing Trips</a>
<a class="nav-item nav-link" href="./tours.html">Eco Tours</a>
<a class="nav-item nav-link" href="./gallery.html">Gallery</a>
<a class="nav-item nav-link" href="./contact.html">Contact Us</a>
</div>
</div>
</nav>
<div class="main-content position-relative">
<img src="media/sardine.png" class="img-fluid small-fish">
<img src="media/dolphin-going-right-1.png" class="img-fluid large-fish">
<div class="mx-3 mx-lg-5">
<section class="text-center pb-3">
<h3><em>Catch Fish With Dave</em></h3>
<h1><strong>Kayak Fishing Trips</strong></h1>
</section>
<div class="row text-center align-items-center justify-content-between">
<div class="col-md-4 mb-3 mb-md-0">
<div class="card">
<div>
<div class="d-none d-sm-flex card-overlay">
<p class="card-overlay-heading p-5 p-md-3 p-lg-5">
<span class="d-md-none d-xl-inline">The tropical waters of South Florida harbor some of the most sought after inshore gamefish in the world. </span>Anglers can target Snook, Tarpon, Bonefish, Sea Trout, Permit, Jacks, and Snappers while being surrounded by the natural beauty of South Florida.<span class="d-md-none d-xl-inline"> During these fishing forays it is common to cross paths with wildlife like manatees, dolphins, spotted eagle rays, and even the elusive American Crocodile.</span>
</p>
</div>
<img class="card-img-top imageWithOverlay" src="media/fishing-trip-inshore.jpg">
</div>
<div class="card-body">
<h3 class="card-title">
<strong>Inshore Kayak Fishing</strong>
</h3>
<h3>$255 single person</h3>
<p>$100 per addional person</p>
<a href="mailto:[email protected]?subject=Inshore%20Kayak%20Fishing%20Trip&body=Hi!%20I%20would%20like%20to%20book%20an%20inshore%20kayak%20fishing%20trip%20on%20<insert%20date%20of%20booking>%20for%20<insert%20number%20of%20people>%20person(s)." class="btn btn-primary">
Book Now!
</a>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card">
<div>
<div class="d-none d-sm-flex card-overlay">
<p class="card-overlay-heading p-5 p-md-2 p-lg-5">
<span class="d-md-none d-xl-inline">South Florida’s warm tropical climate creates the perfect habitat for various exotic species of freshwater fish. </span>Anglers can target everything from Cichlids to Snakeheads and Alligator Gar to Large Mouth Bass. South Florida is also the only place outside of South America where anglers can catch trophy Peacock Bass.
</p>
</div>
<img class="card-img-top imageWithOverlay" src="media/fishing-trip-freshwater.jpg">
</div>
<div class="card-body">
<h3 class="card-title">
<strong>Freshwater Kayak Fishing</strong>
</h3>
<h3>$255 single person</h3>
<p>$100 per addional person</p>
<a href="mailto:[email protected]?subject=Freshwater%20Kayak%20Fishing%20Trip&body=Hi!%20I%20would%20like%20to%20book%20a%20freshwater%20kayak%20fishing%20trip%20on%20<insert%20date%20of%20booking>%20for%20<insert%20number%20of%20people>%20person(s)" class="btn btn-primary">
Book Now!
</a>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card">
<div>
<div class="d-none d-sm-flex card-overlay">
<p class="card-overlay-heading p-5 p-md-3 p-lg-5">
<span class="d-md-none d-xl-inline">South-East Florida’s close proximity to deep water and the warm Gulf Stream current creates the perfect conditions for kayak anglers to target pelagic fish just a short distance from the beach. </span>On our offshore kayak trips we regularly target prized gamefish like Sailfish, Tuna, Mahi Mahi, Kingfish, Snapper, and Grouper.
</p>
</div>
<img class="card-img-top imageWithOverlay" src="media/fishing-trip-offshore.jpg">
</div>
<div class="card-body">
<h3 class="card-title">
<strong>Offshore Kayak Fishing</strong>
</h3>
<h3>$305 single person</h3>
<p>$110 per addional person</p>
<a href="mailto:[email protected]?subject=Offshore%20Kayak%20Fishing%20Trip&body=Hi!%20I%20would%20like%20to%20book%20an%20offshore%20kayak%20fishing%20trip%20on%20<insert%20date%20of%20booking>%20for%20<insert%20number%20of%20people>%20person(s)." class="btn btn-primary">Book Now!</a>
</div>
</div>
</div>
</div>
</div>
<div class="m-5">
<h1 class="d-inline">Included: </h1>
<h3 class="d-inline">Hobie Mirage drive kayak, Rods and reels, PFD, Bait, Tackle, VHF radio, transportation back to launch site, GoPro rental available for additional charge.</h3>
<h1 class="d-inline">What to bring: </h1>
<h3 class="d-inline">Sunscreen, Hat, Sunglasses (polarized recommended), Water, Snacks, Clothes that are able to get wet.</h3>
<div class="mt-3">
<h1 class="d-inline"><strong>*</strong> </h1><h3 class="d-inline">Anglers will need a Florida Saltwater fishing license, for license regulations visit <a href="https://myfwc.com/license/">myfwc.com</a> </h3>
</div>
</div>
<div class="parallax row align-items-center text-center justify-content-around mt-5">
<div class="d-none d-sm-block col-sm-6 col-md-3">
<h1 class="display-3"><span class="counter">30</span></h1>
<h4>Fish Caught Yesterday</h4>
</div>
<div class="d-xs-block d-sm-block col-sm-6 col-md-3">
<h1 class="display-3"><span class="counter">20</span>+</h1>
<h4>Years of Experience</h4>
</div>
<div class="d-xs-block d-sm-block col-sm-6 col-md-3">
<h1 class="display-3"><span class="counter">6</span></h1>
<h4>Tournaments Won</h4>
</div>
<div class="d-none d-sm-block col-sm-6 col-md-3">
<h1 class="display-3"><span class="counter">100</span>%</h1>
<h4>Happy Customers</h4>
</div>
</div>
<section id="footer" class="py-4 text-center">
<img height="80" src="media/uncharted-logo.png">
<h5>Let's catch some fish!</h5>
<h5>786-970-8686</h5>
<h5>[email protected]</h5>
<a href="https://www.facebook.com/South-Florida-Uncharted-695389614144741/" style="color: black">
<i class="fab fa-facebook-square mr-3"></i>
</a>
<a href="https://www.instagram.com/southfloridauncharted/" style="color: black">
<i class="fab fa-instagram"></i>
</a>
</section>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="fishing.js" type="text/javascript"></script>
</body>
</html>