hankjustin.github.io/index.html at master · hankjustin/hankjustin.github.io · 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
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<html>

<head>
     <!--
    <meta http-equiv="refresh" content="40">
    <meta name="author" content="Justin Jackson">
    <meta name="keywords" content="nest, hatch, eggs, Roatan, Turtle, roatan, turtle, turtles, Grand, GrandRoatan, Infinity, Bay, Keyhole, Beach, Vacation, vacaciones">
    <meta name="description" content="Turtles that is hatched in Roatan, Honduras.">
    <meta name="google-site-verification" content="UhphtBvVbNZM9Q3QO0AzfYxyUneC3_u5uvWSRUtjrWU" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <title>Roatan Turtles</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({
            google_ad_client: "ca-pub-7592261961647639",
            enable_page_level_ads: true
        });
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122250477-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'UA-122250477-1');
    </script>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script src="js/jquery.flexslider.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $(".menu-icon").on("click", function() {
                $("nav ul").toggleClass("showing");
            });
        });

        $(window).on("scroll", function() {
            if ($(window).scrollTop()) {
                $('nav').addClass('black');
            } else {
                $('nav').removeClass('black');
            }
        })
    </script>

<!--
    <script type="text/javascript" charset="utf-8">
        $(window).load(function() {
            $('.flexslider').flexslider();
        });
    </script>
-->

</head>

<body>
    <div class="wrapper">
        <header>
            <nav>
                <div class="menu-icon">
                    <i class="fa fa-bars fa-2x"></i>
                </div>
                <div class="logo">
                    Roatan Turtles
                </div>
                <div class="menu">
                    <ul>
                        <li><a href="index.html">Home</a></li>

                        <li><a href="map.html">Locate Eggs</a></li>
                        <li><a href="https://hankjustin.github.io/form/">Contact Us</a></li>

                    </ul>
                </div>
            </nav>
        </header>
        <div class="article">
            <p id="para">This video was recorded on May 16, 2018 and it shows when this huge female sea turtle came up on the beach of West bay, Roatan, Honduras and digged a hole where she layed approximately 60 to 90 eggs and after burying her eggs she returned
                to the ocean.
            </p>
            <video controls>
                    <source  src="vid.mp4" type="video/mp4"/>
                </video>
            <p id="para1">
                The Roatan Marine park along side the support from others organization, is protecting this nest by providing supervision and care, the nest is well fensed around to avoid predators, such as crabs, birds and others. </p>
        </div>

        <div class="flexslider">
            <ul class="slides">
                <li>
                    <img src="img/n1.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>

                <li>
                    <img src="img/n2.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/t1.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n4.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n5.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/t3.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n7.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/t6.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n9.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n10.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n11.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n12.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/tur4.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n13.jpg" alt="">
                    <section class="flex-caption"></section>

                </li>
                <li>
                    <img src="img/tur21.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n14.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/tur5.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n6.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n3.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
                <li>
                    <img src="img/n8.jpg" alt="">
                    <section class="flex-caption"></section>
                </li>
            </ul>
        </div>
        <div class="contat">
            <p id="ff">If you want to tell us what you think <a id="hj1" href="https://hankjustin.github.io/form/" target="_blank">CLICK HEAR</a></p>
        </div>
        <footer>
            <div class="info-container">
                <div class="info-main">
                    <h3>Information about Turtle</h3>
                    <p>This turtle is estimated to be 4.5 feet long and width is like 2.8 feet, this turtle problably is around 15 years old and she sames to be healthy. Turtles in Roatan are protected by the Marine Park of Roatan and they receive help and
                        support from the local law. So please respect the turles and do not harm them.</p>
                    <a href="more.html">Click hear for more information</a>
                </div>
            </div>
            <div class="fn">
                <h1 id="fin">Finally they hatched!</h1>
                <p>The 9th of July 2018 around 10:20pm, 88 little turtles was born. </p>
                <p>They started to come out of the nest one by one, they where starting to scarted all over the beach, so then we garthered togethered them all together. </p>
                <a href="img/td..jpg"> <img id="im" src="img/td..jpg"></a>
                <p>Then they where all released, it was around 1:10am 7/10/2018. Where 87 little turtles were released.</p>
                <h1 id="fin">Now this was surprising</h1>
                <a href="img/tdz.jpg"><img id="im" src="img/tdz.jpg"></a>

                <a href="img/td5.jpg"> <img id="im" src="img/td5.jpg"></a>
                <p>To our surprise this morning Tuesday 7/10/18, we found one of the little turtle, he was under a beach chair and we rescued him. And then later in the evening we let him go!</p>
                <a href="img/td8.jpg"><img id="im" src="img/td8.jpg"></a> <br>
                <h2>Off it goes!</h2>
                <video id="tv" controls controlsList="nodownload">
                    <source src="tv.mp4" type="video/mp4"/>
                </video>
                <h3>Thank you for visiting!!!</h3>
            </div>


            <footer>
                <div class="footer-container">
                    <div class="footer-main">
                        <div class="footer-column">
                            <h3>Contact Developer</h3>
                            <span class="fa fa-phone"><p>(+504)9430-3195</p></span>
                            <span class="fa fa-envelope"><a id="hj" href="https://hankjustin.github.io/form/" target="_blank">hjbodden95@gmail.com</a></span>
                        </div>
                        <div class="footer-column">
                            <h3>Location of Eggs</h3>
                            <a id="hj" href="map.html" target="_blank"> <span class="fa fa-map-marker"><p>Honduras, Roatan West Bay, Grand Roatan.</p></span></a>

                        </div>
                        <div class="footer-column">
                            <h3>About Us</h3>
                            <p>The Marine Park of Roatan is hear to protect the waters and what ever lives it, the turtles are very important to us so LET'S PROTECT TURTLES LIVES!</p>
                        </div>
                    </div>
                </div>
                <div class="footer-copy-socialmedia">
                    <div class="main-copy-socialmedia">
                        <div class="footer-copy">
                            &copy; 2018, All Rights Reserved - | Roatan Turtles |.
                        </div>
                        <div class="footer-socialmedia">
                            <a href="https://www.facebook.com/hank.jackson.9809672" target="_blank" class="fa fa-facebook-f"></a>

                            <a href="https://www.youtube.com/watch?v=g-hvA-PrUT0" target="_blank" class="fa fa-youtube-square"></a>

                        </div>
                    </div>
                </div>


            </footer>

    </div>


</body>

</html>