BlueKat/fleet.html at master · katophelix/BlueKat · GitHub

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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-138320771-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'UA-138320771-1');
  </script>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Blue Water Tackle Shop</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
  <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">

  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  <link href="https://unpkg.com/nanogallery2/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">

  <!-- FareHarbor buttons stylesheet -- do not remove -->
  <link rel="stylesheet" href="https://fh-kit.com/buttons/v2/?red=cc0000&orange=ff6000&green=3AB134" type="text/css"
    media="screen" />
</head>

<body>


  <nav class="nav-wrapper white">
    <div class="container">


    <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons" style="font-size: 5em;color:#0d47a1">menu</i></a>
    <a href="index.html" class="brand-logo right"> <img src="images/bwbt.png"
      style="width:70%;padding-top:4px; margin-right: 30%;" alt="Bluewater logo"></a>
    <!-- <ul id="nav-mobile" class="right hide-on-med-and-down">
      <a href="index.html" class="brand-logo right"> <img src="images/BWBT.png" style="width:70%"
        alt="Logo"></a>
    </ul> -->

  <div class="nav-content" >
    <ul class="tabs tabs-transparent">

    </ul>
  </div>
  </div>
</nav>

<ul class="sidenav" id="mobile-demo" >
  <li><a href="index.html">Home</a></li>
  <li><a href="https://www.fareharbor.com/embeds/book/bluewaterhhi/?full-items=yes">Book a Charter - Hilton Head Island</a></li>
  <li><a href="bring.html">What to Bring</a></li>
  <li><a href="sell.html">What We Sell</a></li>

  <li><a href="policies.html">Charter Policies</a></li>
  <li><a href="fleet.html">Meet the Fleet</a></li>
  <li><a href="faq.html">Fish FAQ</a></li>
  <li><a href="fish.html">Photos</a></li>
  <li><a href="videos.html">Videos</a></li>

</ul>

  <div id="index-banner" class="parallax-container">
    <div class="section no-pad-bot">
      <div class="container">
        <br><br>
        <h1 class="header center teal-text text-lighten-2"></h1>
        <div class="row center">
          <h5 class="header col s12 light"></h5>
        </div>
        <div class="row center">
          <a href="https://fareharbor.com/embeds/book/bluewaterhhi/?full-items=yes" id="download-button"
            class="btn-large waves-effect waves-light blue ">Book a Charter - Hilton Head Island!</a>
        </div>
        <br><br>

      </div>
    </div>
    <div class="parallax"><img src="images/bwhead-small.jpg" alt="South Beach Marina"></div>
  </div>


<style>

.card-title {
  font-weight: bolder;
}

h1{

  font-size: 2em;
}
  </style>

  <script>
    $(document).ready(function () {
      $('.materialbox').materialbox();

    });
  </script>


  <!-- Image Gallery -->

  <div class="container ">
    <h1>Meet the Fleet</h1>

    <div class="row ">

      <div class="col ">
        <img src="images/boomerang.jpg"  class="materialbox responsive-img card">
        <span class="card-title">Boomerang</span>

        <div class="card-content">
          <p>Boomerang is a 32-foot Stuart Angler.
The
            Boomerang is equipped with the latest electronics and safety equipment and is operated by David Spar, a U.S.
            Coast Guard
            licensed captain. There is a restroom on board, as well as shaded seating. Come and experience an exciting
            day of fishing aboard the Boomerang.</p>
        </div>
      </div>
      <div class="col ">
        <img src="images/misscar.jpg" class="materialbox responsive-img card">
        <span class="card-title">Miss Carolina</span>
        <div class="card-content">
          <p> Capt. Rodney is a lowcountry native with over 20 years experience fishing and
            navigating the beautiful backwaters of our island. He can educate you on the history of the islands and
            various marine life you will encounter while you reel in the “catch of the day.” Dolphin sightings occur
            daily aboard the Miss Carolina, a 22 foot Pursuit with a T-Top for protection from the sun.

            </p>
        </div>
      </div>
      <div class="col ">
        <img src="images/shadow.jpg" class="materialbox responsive-img card">
        <span class="card-title">Shadow</span>
        <div class="card-content">
          <p>Shadow is 27 foot PACEMAKER and she can hold up to 6 passengers.
            Shadow is captained by Tommy Bronski, who has been navigating the lowcountry waters for 35 years. When
            Tommmy is not on the sea he enjoys working on and welding on nuclear reactors.</p>
        </div>
      </div>

    </div>

      <div class="col ">
        <img src="images/justice1.jpg" class="materialbox responsive-img card">
        <span class="card-title">Reel Justice</span>
        <div class="card-content">
          <p>Reel Justice is a 27 foot CAROLINA SKIFF
            and she can hold up to 4 passengers.
            Captain Justice Adelman is the U.S. Coast Guard certified operator and owner of Reel Justice Charters. He
            has been fishing and navigating the waters off Hilton Head Island since he was ten years old.

             Captain Justice is passionate about
            fishing and helping make lasting memories for your family and friends</p>
        </div>
      </div>

      <div class="col" >
        <img src="images/hobo-2012.jpeg" class="materialbox responsive-img card">
        <span class="card-title">Hobo</span>
        <div class="card-content">
          <p>
            The Hobo is a Coast Guard inspected 27 foot Carolina Skiff captained by Devon Christopher.

            The Hobo is the perfect choice for fishing with the entire family. With ample seating, high railings and a
            shaded area everyone will be comfortable as you fish the coastal waters of Hilton Head Island.

            The Hobo can hold up to 16 passengers.</p>
        </div>
      </div>


    </div>
    <div class="container">
      <div class="row center">
        <img class="responsive-img" src="images/fishnow2.jpg" alt="Graphic, If you lived here you'd be fishing by now.">
      </div>
      <div class="row center">
        <a href="https://fareharbor.com/embeds/book/bluewaterhhi/?full-items=yes" id="download-button"
          class="btn-large waves-effect waves-dark blue ">Book
          a Charter - Hilton Head Island!</a>
      </div>
    </div>
  </div>


  <footer class="page-footer #0d47a1 blue darken-4">
    <div class="container">

      <div class="row center">


        <h5 class="white-text">Call for Reservations
        </h5>
        <h5 class="white-text">
          (843) 671-3060</h5>
          <ul class="list-inline">
            <li><a class="white-text" href="https://www.saltydogtshirt.com/bluewater/">Shop On Line</a></li>
            <li><a class="white-text" href="https://www.saltydog.com">Salty Dog Home</a></li>

            <li><a class="white-text" href="https://www.sbinn.com">South Beach Inn & Vacation Rentals</a></li>
            <li><a class="white-text" href="https://bluewaterhhi.com/legal.html">Legal</a></li>
          </ul>
      </div>

    </div>


  </footer>


  <!--  Scripts-->
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="js/materialize.js"></script>
  <script src="js/init.js"></script>

</body>

</html>