1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5<!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 5
5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-13640L0FJB
vendor: 12 bytes, line 5
5"></script>
5<script>
vendor: 127 bytes, line 5
5window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
5G-13640L0FJB
vendor: 4 bytes, line 5
5');
5</script>
5 6 <meta charset="utf-8"> 7 <meta content="width=device-width, initial-scale=1.0" name="viewport"> 8 <title>Ocean Sciences - Research Results</title> 9 <meta name="description" content="Recent research results from four NASA projects that support Ocean Science."> 10 <meta name="keywords" content="Ocean Science, NASA"> 11 <link rel="canonical" href="https://oceansciences.org/explore.htm" /> 12 13 <!-- Favicons --> 14 <link href="assets/img/favicon.png" rel="icon"> 15 <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon"> 16 17 <!-- Fonts --> 18 <link rel="preconnect" href="https://fonts.googleapis.com"> 19 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 20 <link 21 href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 22 rel="stylesheet"> 23 24 <!-- Vendor CSS Files --> 25 <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 26 <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> 27 <link href="assets/vendor/aos/aos.css" rel="stylesheet"> 28 29<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.0/css/all.css" > 30 31 <!-- Main CSS File --> 32 <link href="assets/css/main.css" rel="stylesheet"> 33 <link href="assets/css/gms_media_font.css" rel="stylesheet"> 34 <link href="assets/css/gms_ocean_flipbox.css" rel="stylesheet"> 35 36 37<style> 38.iso-nav{ 39 position: -webkit-sticky; 40 position: sticky; 41 top: 88px; 42 z-index: 200; 43 background: #0d1e52e3; 44 padding: 30px 0px 1px 0px; 45} 46</style> 47</head> 48<style> 49.explore-menu { 50 color: #fff; 51 /*filter: drop-shadow(0px 0px 6px #ffffff); */ 52 text-decoration: underline; 53} 54</style> 55 56<body class="index-page" style="background-color:rgb(17,30,79);"> <header id="header" class="header d-flex align-items-center fixed-top"> 57 <div class="container-fluid container-xl position-relative d-flex align-items-center"> 58 59 <a href="https://www.nasa.gov/" class="logo d-flex align-items-center"> 60 <img src="assets/img/nasa-logo.svg" alt=""> 61 </a> 62 <a href="index.htm" class="logo d-flex align-items-center me-auto"> 63 <img style='margin-left:-10px;margin-right:20px;' src="assets/img/logo.png" alt=""> 64 </a> 65 66 <nav id="navmenu" class="navmenu"> 67 <ul style='margin-right:10px;'> 68 <li><a href="index.htm" class="home-menu">Home</a></li> 69 <li><a href="explore.htm" class="explore-menu">Explore</a></li> 70 <li><a href="engage.htm" class="engage-menu">Engage</a></li> 71 <li><a href="results.htm" class="results-menu">Results</a></li> 72 <li><a href="satellite.htm" class="satellite-menu">Satellites</a></li> 73 <li><a href="ocean_art.htm" class="ocean_art-menu">Arts</a></li> 74 </ul> 75 <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> 76 </nav> 77 78 <ul class="social-link-area"> 79 <li><a target="_blank" href="https://www.facebook.com/nasaearth/"><img style='margin-left:-30px;' src="assets/img/fb-icon.png" alt="FB Nasa Ocean"></a></li> 80 <li><a target="_blank" href="https://x.com/NASAEarth"><img src="assets/img/x-icon.png" alt="X Nasa Ocean"></a></li> 81 </ul> 82 83 </div> 84 </header> 85 86 87 <!-- Hero Section --> 88 <section id="hero" class="about-banner section dark-background" style="background-image: url(assets/img/ocean_sciences_top_tier_explore_rev.png);"> 89 <div class="container"> 90 <div class="row"> 91 <div class="col-12" data-aos="zoom-out"> 92 <div class="imgbox-tile"> 93 <div class="text-box"> 94 <h1 class='d-none d-sm-block' style='font-size:80px;font-weight:800;'>EXPLORE<br />OCEAN SCIENCES</h1> 95 <h1 class='d-block d-sm-none' style='font-size:60px;font-weight:700;'>EXPLORE<br />OCEAN SCIENCES</h1> 96 </div> 97 </div> <!--imgbox-tile--> 98 </div> <!--col--> 99 </div> <!--row--> 100 </div> <!--container--> 101 </section><!-- /Hero Section --> 102 103 </div> <!--row--> 104</div> <!--container--> 105 106 107<div class='container-fluid' style='padding-top:80px;background-color:#111e4f;'> 108<div class='row' style='text-align:center;'> 109<!--first--> 110<div class='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4' style='margin:0px auto;'> 111 <div style="height:400px;width:300px !important;" class="flip-box"> 112 <div class="flip-box-inner"> 113 <div class="flip-box-front"> 114 <div class='scalled'><img style='max-width:100%;border-radius:15px;object-fit: cover;' src="assets/img/SLR_Flipcard.jpg" alt=""></div> 115<div class='centeredOverlay' style='font-size:1.75em;font-weight:600;color:white;'>Sea Level Rise</div> 116 </div> <!--flip box front--> 117 <div class="flip-box-back" style='background-color:#071643;'> 118 <div style="height:80%;" class='scrollable'> 119 <h4 style="color:#ED7C1A;padding:20px;font-weight:bold;">
119Sea Level Rise</h4> 120 <p style='font-weight:300;text-align:left;padding:20px;color:white;'>Global sea level is rising. It is critical to understand how and where sea level is rising to protect our communities. </p> 121 </div> 122 <button onclick="location.href='slr.htm'" type="button" style="margin-top:20px;color:white;border-radius:30px;width:70%;" class="btn btn-primary">Learn More</button> 123 </div> <!--flip-box-back--> 124 </div> 125 </div> 126</div><!--col--> 127<!--second--> 128<div class='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4' style='margin:0px auto;'> 129 <div style="height:400px;width:300px !important;" class="flip-box"> 130 <div class="flip-box-inner"> 131 <div class="flip-box-front"> 132 <div class='scalled'><img style='max-width:100%;border-radius:15px;object-fit: cover;' src="assets/img/MarineHeatWave_Flipcard.jpg" alt=""></div> 133<div class='centeredOverlay' style='font-size:1.75em;font-weight:600;color:white;'>Marine Heatwaves</div> 134 </div> <!--flip box front--> 135 <div class="flip-box-back" style='background-color:#071643;'> 136 <div style="height:80%;" class='scrollable'> 137 <h4 style="color:#ED7C1A;padding:20px;font-weight:bold;">Marine Heatwaves</h4> 138 <p style='font-weight:300;text-align:left;padding:20px;color:white;'>Marine heatwaves have become more frequent, more intense, and had far-reaching impacts. </p> 139 </div> 140 <button onclick="location.href='marine_heatwaves.htm'" type="button" style="margin-top:20px;color:white;border-radius:30px;width:70%;" class="btn btn-primary">Learn More</button> 141 </div> <!--flip-box-back--> 142 </div> 143 </div> 144</div><!--col--> 145<!--third--> 146<div class='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4' style='margin:0px auto;'> 147 <div style="height:400px;width:300px !important;" class="flip-box"> 148 <div class="flip-box-inner"> 149 <div class="flip-box-front"> 150 <div class='scalled'><img style='max-width:100%;border-radius:15px;object-fit: cover;' src="assets/img/Polar_Flipcard.jpg" alt=""></div> 151<div class='centeredOverlay' style='font-size:1.75em;font-weight:600;color:white;'>Polar Seas</div> 152 </div> <!--flip box front--> 153 <div class="flip-box-back" style='background-color:#071643;'> 154 <div style="height:80%;" class='scrollable'> 155 <h4 style="color:#ED7C1A;padding:20px;font-weight:bold;">Polar Seas</h4 156 <p style='font-weight:300;text-align:left;padding:20px;color:white;'>Polar seas influence ocean circulation and may even impact the weather where you live. </p> 157 </div> 158 <button onclick="location.href='polar_seas.htm'" type="button" style="margin-top:20px;color:white;border-radius:30px;width:70%;" class="btn btn-primary">Learn More</button> 159 </div> <!--flip-box-back--> 160 </div> 161 </div> 162</div> <!-- col--> 163<!--fourth - swearling seas and skies --> 164<div class='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4' style='margin:0px auto;'> 165 <div style="height:400px;width:300px !important;" class="flip-box"> 166 <div class="flip-box-inner"> 167 <div class="flip-box-front"> 168 <div class='scalled'><img style='max-width:100%;border-radius:15px;object-fit: cover;' src="assets/img/Swirls_Flipcard.jpg" alt=""></div> 169<div class='centeredOverlay' style='font-size:1.75em;font-weight:600;color:white;'>Swirling Seas & Skies</div> 170 </div> <!--flip box front--> 171 <div class="flip-box-back" style='background-color:#071643;'> 172 <div style="height:80%;" class='scrollable'> 173 <h4 style="color:#ED7C1A;padding:20px;font-weight:bold;">Swirling Seas & Skies</h4> 174 <p style='font-weight:300;text-align:left;padding:20px;color:white;'>Earthâs rotation contributes to the swirling motion of eddies in our ocean and hurricanes in our skies. </p> 175 </div> 176 <button onclick="location.href='swirlingseasskies.htm'" type="button" style="margin-top:20px;color:white;border-radius:30px;width:70%;" class="btn btn-primary">Learn More</button> 177 </div> <!--flip-box-back--> 178 </div> 179 </div> 180</div> <!--col--> 181<!--fifth--> 182<div class='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4' style='margin:0px auto;'> 183 <div style="height:400px;width:300px !important;" class="flip-box"> 184 <div class="flip-box-inner"> 185 <div class="flip-box-front"> 186 <div class='scalled'><img style='max-width:100%;border-radius:15px;object-fit: cover;' src="assets/img/WaterCycle_Flipcard.jpg" alt=""></div> 187<div class='centeredOverlay' style='font-size:1.75em;font-weight:600;color:white;'>Water Cycle</div> 188 </div> <!--flip box front--> 189 <div class="flip-box-back" style='background-color:#071643;'> 190 <div style="height:80%;" class='scrollable'> 191 <h4 style="color:#ED7C1A;padding:20px;font-weight:bold;">Water Cycle</h4> 192 <p style='font-weight:300;text-align:left;padding:20px;color:white;'>Our ocean covers more than 70% of earthâs surface. So, itâs not surprising it plays a huge in the global water cycle. </p> 193 </div> 194 <button onclick="location.href='watercycle.htm'" type="button" style="margin-top:20px;color:white;border-radius:30px;width:70%;" class="btn btn-primary">Learn More</button> 195 </div> <!--flip-box-back--> 196 </div> 197 </div> 198</div> <!--col--> 199<!--sixth--> 200<div class='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4' style='margin:0px auto;'> 201 <div style="height:400px;width:300px !important;" class="flip-box"> 202 <div class="flip-box-inner"> 203 <div class="flip-box-front"> 204 <div class='scalled'><img style='max-width:100%;border-radius:15px;object-fit: cover;' src="assets/img/OceanMotion_Flipcard.jpg" alt=""></div> 205<div class='centeredOverlay' style='font-size:1.75em;font-weight:600;color:white;'>Ocean Motion</div> 206 </div> <!--flip box front--> 207 <div class="flip-box-back" style='background-color:#071643;'> 208 <div style="height:80%;" class='scrollable'> 209 <h4 style="color:#ED7C1A;padding:20px;font-weight:bold;">Ocean Motion</h4> 210 <p style='font-weight:300;text-align:left;padding:20px;color:white;'>Breaking waves, swirling eddies, and overturning circulation. Our ocean is in constant motion. </p> 211 </div> 212 <button onclick="location.href='oceanmotion.htm'" type="button" style="margin-top:20px;color:white;border-radius:30px;width:70%;" class="btn btn-primary">Learn More</button> 213 </div> <!--flip-box-back--> 214 </div> 215 </div> 216</div><!--col--> 217<!--seventh--> 218<!--eighth--> 219<div class='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4' style='margin:0px auto;'> 220 <div style="height:400px;width:300px !important;" class="flip-box"> 221 <div class="flip-box-inner"> 222 <div class="flip-box-front"> 223 <div class='scalled'><img style='max-width:100%;border-radius:15px;object-fit: cover;' src="assets/img/LivingOcean_Flipcard.jpg" alt=""></div> 224<div class='centeredOverlay' style='font-size:1.75em;font-weight:600;color:white;'>Living Ocean</div> 225 </div> <!--flip box front--> 226 <div class="flip-box-back" style='background-color:#071643;'> 227 <div style="height:80%;" class='scrollable'> 228 <h4 style="color:#ED7C1A;padding:20px;font-weight:bold;">Living Ocean</h4> 229 <p style='font-weight:300;text-align:left;padding:20px;color:white;'>From bacteria to whales and everything in between, the ocean hosts 80% of all biodiversity on Earth. </p> 230 </div> 231 <button onclick="location.href='livingocean.htm'" type="button" style="margin-top:20px;color:white;border-radius:30px;width:70%;" class="btn btn-primary">Learn More</button> 232 </div> <!--flip-box-back--> 233 </div> 234 </div> 235</div><!--col--> 236<!--ninth--> 237<div class='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mb-4' style='margin:0px auto;'> 238 <div style="height:400px;width:300px !important;" class="flip-box"> 239 <div class="flip-box-inner"> 240 <div class="flip-box-front"> 241 <div class='scalled'><img style='max-width:100%;border-radius:15px;object-fit: cover;' src="assets/img/CarbonCycle_Flipcard.jpg" alt=""></div> 242<div class='centeredOverlay' style='font-size:1.75em;font-weight:600;color:white;'>Carbon Cycle</div> 243 </div> <!--flip box front--> 244 <div class="flip-box-back" style='background-color:#071643;'> 245 <div style="height:80%;" class='scrollable'> 246 <h4 style="color:#ED7C1A;padding:20px;font-weight:bold;">Carbon Cycle</h4> 247 <p style='font-weight:300;text-align:left;padding:20px;color:white;'>Carbon moves among the atmosphere, land, and ocean in a cycle that impacts life on Earth, including humans. </p> 248 </div> 249 <button onclick="location.href='carbon.htm'" type="button" style="margin-top:20px;color:white;border-radius:30px;width:70%;" class="btn btn-primary">Learn More</button> 250 </div> <!--flip-box-back--> 251 </div> 252 </div> 253</div><!--col--> 254 255 256 257 258</div> <!--row--> 259</div> <!--container--> 260 261 262 <footer id="footer" class="footer"> 263 264 <div class="footer-newsletter"> 265 <div class="container"> 266 <div class="row justify-content-center text-center"> 267 <div class="col-12"> 268 <ul class="footer-links"> 269 <li><a href="index.htm">Home</a></li> 270 <li><a href="explore.htm">Explore</a></li> 271 <li><a href="engage.htm">ENGAGE</a></li> 272 <li><a href="results.htm">RESULTS</a></li> 273 <li><a href="satellite.htm">SATELLITES</a></li> 274 <li><a href="ocean_art.htm">ARTS</a></li> 275 </ul> 276 <div class="footer-cols"> 277 <div class="footer-left"> 278 <ul class="privacy-links"> 279 <li><a target="_blank" href="https://www.nasa.gov/privacy/">
279PRIVACY POLICY AND IMPORTANT NOTICES</a></li> 280 </ul> 281 <div class="powered-by"> 282 <p style="width:90%;">Web design and content for Ocean Sciences are provided by ODYSEA<sup>®</sup> LLC. 283 Some content on this website is saved in PDF formatted files. To view PDF files, download the 284 free <a target="_blank" href="https://get.adobe.com/reader/" style="color:#df981c;">Adobe Acrobat Reader</a>.</p> 285 </div> 286 </div> 287 <div class="footer-right"> 288 <p><span>Webmaster:</span> <a style="color: #df981c;" href="/cdn-cgi/l/email-protection#7c5c1d181115123c1318050f191d10101f521f1311">Daren Casey</a></p> 289 <p><span>Last updated:</span> <span id="lastUpdated">xxx xx xxxx xx:xx</span></p> 290 </div> 291 </div> 292 <!-- <ul> 293 <li><a href="#">Home</a></li> 294 <li><a href="#">About us</a></li> 295 <li><a href="#">Services</a></li> 296 <li><a href="#">Terms of service</a></li> 297 </ul> --> 298 299 300 <div class="social-links d-flex"> 301 <a href="https://twitter.com/NASAOcean"><i class="bi bi-twitter-x"></i></a> 302 <a href="https://web.facebook.com/NASAOcean/"><i class="bi bi-facebook"></i></a> 303 </div> 304 </div> 305 </div> 306 </div> 307 </div> 308 309 </footer>
vendor: 109 bytes, lines 309-310
309 310<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
310<script> document.getElementById("lastUpdated").innerHTML = "Nov 19 2025 10:48";</script>
310 311 <!-- Scroll Top --> 312 <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i 313 class="bi bi-arrow-up-short"></i></a> 314 315 <!-- Preloader --> 316 <div id="preloader"></div> 317 318 <!-- Vendor JS Files --> 319
319<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
319 320
320<script src="assets/vendor/aos/aos.js"></script>
320 321
321<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.4/isotope.pkgd.min.js"></script>
321 322 323 <!-- Main JS File --> 324
324<script src="assets/js/main.js"></script>
324 325 326 327</body> 328 329</html> 330
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.