How can you help our ocean?

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>How can you help our ocean?</title>  <meta name="keywords" content="overfishing, fishing, coral, coral reef, corals, ocean, pollution, recycle, reduce, waste, fisheries, infographic, Ocean Service, Education, NOS, NOAA, National Oceanic and Atmospheric Administration" 1="How does overfishing threaten coral reefs?">  <meta name="DC.title" content="How can you help our ocean?">  <meta name="DC.description" content="Here are 10 simple things you can do at home, around town, on the water, or anywhere!"> <meta name="description" content=">Here are 10 simple things you can do at home, around town, on the water, or anywhere!"> <meta name="DC.creator" content="US Department of Commerce, National Oceanic and Atmospheric Administration"> <meta name="DC.date.created" scheme="ISO8601" content="2016-06-28"> <meta name="DC.date.reviewed" scheme="ISO8601" content=" 2024-08-29 " /> <meta name="DC.language" scheme="DCTERMS.RFC1766" content="EN-US">  <script src="/bootstrap/js/jquery-3.7.1.min.js"></script>  <meta property="og:image" content="https://oceanservice.noaa.gov/apple-icon-144x144.png" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet"> <link href="/bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="/font-awesome/css/all.css" rel="stylesheet"> <link href="/bootstrap/css/theme.css" rel="stylesheet"> <link href="/bootstrap/css/zocial.css" rel="stylesheet" type="text/css"/> <link href="/bootstrap/css/video-js.css" rel="stylesheet" type="text/css"/>   <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png" /> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-icon-57x57-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-icon-72x72-precomposed.png" /> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-icon-144x144-precomposed.png" /> <link rel="shortcut icon" href="/favicon.ico">  <header> <style> .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: 1px; } input[type="search"] { display: block; width: 100%; margin-bottom: 10px; padding: 10px; background-color: #ffffff; border: 1px solid #c8ccd1; box-sizing: border-box; margin-top:10px; padding-right: 10rem; } .input-search__button { -webkit-appearance: none; border: 0; background-color: transparent; position: absolute; right: 40px; top: 32px; } .fas { color: #444444; } div.searchbar-nav form input { width: 100%; height: 35px; margin-top: 20px; } /* top USA banner */ img.flag { margin-right: .5rem; width: 25px; vertical-align: top; } .usa-banner { background-color: #eaeaea; padding:6px 0 6px 0; } .usa-banner p { margin-bottom: 0; line-height:1.5em; } img.gov-icon { margin-left: 7em; width: 20%; padding: 20px 0; } svg { overflow: hidden; vertical-align: middle; } .text-center { text-align: center!important; } .card { margin-top: 15px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 1px; padding-top: .8rem; padding-left: 3rem; } .card-title { margin-bottom: .75rem; } .text-uppercase { text-transform: uppercase!important; } .small, small { font-size: 90%; font-weight: 400; } .input-search__button { -webkit-appearance: none; border: 0; background-color: transparent; position: absolute; right: 40px; top: 45px; } </style>  <div class="usa-banner"> <small> <p class="text-center"> <img class="flag" src="/bs4/img/flag.png" alt="U.S. flag"> An official website of the United States government. <a data-toggle="collapse" href="#collapse-usa" role="button" aria-expanded="false" aria-controls="collapseExample">Here's how you know we're official. </a> </p> </small> <div class="collapse pb-3" id="collapse-usa"> <div class="container-fluid"> <div class="row-fluid"> <div class="span6"> <div class="card" > <div class="card-body"> <h5 class="card-title small text-uppercase"><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 55" width="30" height="25"><defs><style>.cls-3{fill:#007faa;}.cls-4{fill:none;stroke:#046b99;stroke-miterlimit:10;}</style></defs><title>dot gov icon</title><path class="cls-3" d="M36.5,20.91v1.36H35.15a0.71,0.71,0,0,1-.73.68H18.23a0.71,0.71,0,0,1-.73-0.68H16.14V20.91l10.18-4.07Zm0,13.57v1.36H16.14V34.48a0.71,0.71,0,0,1,.73-0.68h18.9A0.71,0.71,0,0,1,36.5,34.48ZM21.57,23.62v8.14h1.36V23.62h2.71v8.14H27V23.62h2.71v8.14h1.36V23.62h2.71v8.14h0.63a0.71,0.71,0,0,1,.73.68v0.68H17.5V32.45a0.71,0.71,0,0,1,.73-0.68h0.63V23.62h2.71Z"/><circle class="cls-4" cx="27" cy="27.12" r="26"/></svg> <strong>Official websites use .gov</strong></h5> <p class="card-text"><small>A <strong>.gov</strong> website belongs to an official government organization in the United States.</small></p> <div class="pad15"></div> </div> </div> </div> <div class="span6"> <div class="card" > <div class="card-body"> <h5 class="card-title small text-uppercase"><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 55" width="30" height="25"><defs><style>.cls-1{fill:#549500;}.cls-2{fill:none;stroke:#458600;stroke-miterlimit:10;}</style></defs><title>https icon</title><path class="cls-1" d="M34.72,34.84a1.29,1.29,0,0,1-1.29,1.29H20.57a1.29,1.29,0,0,1-1.29-1.29V27.12a1.29,1.29,0,0,1,1.29-1.29H21V23.26a6,6,0,0,1,12,0v2.57h0.43a1.29,1.29,0,0,1,1.29,1.29v7.72Zm-4.29-9V23.26a3.43,3.43,0,0,0-6.86,0v2.57h6.86Z"/><circle class="cls-2" cx="27" cy="27.12" r="26"/></svg> <strong>Secure websites use HTTPS</strong></h5> <p class="card-text"><small>A small lock or <strong>https://</strong> means you鈥檝e safely connected to a .gov website. Share sensitive information only on official, secure websites.</small></p> <div class="pad15"></div> </div> </div> </div> </div> <div class="pad45"></div> </div> </div> </div>  <div id="boxes-box-header_logo_blind" class="boxes-box"> <div class="boxes-box-content"> <a class="logo" alt="NOAA Logo" href="/" aria-label="NOAA Home"> </a> <a class="site-name" href="/welcome.html" aria-label="NOS Home">National Ocean Service</a> <a class="site-slogan" href="http://www.noaa.gov" aria-label="site slogan">National Oceanic and Atmospheric Administration</a> </div> <div class="input-append searchbar-nav"> <form id="input-search-form" class="input-search" action="https://search.usa.gov/search" method="GET"> <input name="affiliate" type="hidden" value="oceanservice.noaa.gov" /> <label for="header-search" class="sr-only">Search</label> <input type="search" id="header-search" name="query" placeholder="Search"> <button type="submit" class="fas fa-search input-search__button hidden-phone"><span class="sr-only">Search National Ocean Service</span></button> </form> </div> </div> <div class="clear"></div> <div class="header"> <div class="container">  <div class="navbar"> <div class=".navbar-inner-mainnav"> <button type="button" class="btn btn-navbar navbar-toggle" role="toggle-navigation" data-toggle="collapse" data-target=".navHeaderCollapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="clear"></div> <div class="collapse nav-collapse navbar-collapse navHeaderCollapse"> <ul class="nav navbar-nav" role="navigation"> <li class="home"> <a href="/welcome.html" aria-label="home">Home</a> </li> <li class="facts"> <a href="/facts/" aria-label="ocean facts">Ocean Facts</a> </li> <li class="dropdown explore"> <a href="/topics/" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TOPICS <b class="dropdown-caret"></b></a> <ul class="dropdown-menu"> <li ><a href="/topics/">Explore All Topics</a></li> <li><a href="/profiles/">Careers</a></li> <li><a href="/economy/">Economy</a></li> <li><a href="/ecosystems/">Ecosystems</a></li> <li><a href="/geodesy/">Geodesy</a></li> <li><a href="/hazards/">Hazards</a></li> <li><a href="/navigation/">Navigation</a></li> <li><a href="/observations/">Observations</a></li> <li><a href="/ocean/">Ocean</a></li> <li><a href="/recreation/">Recreation</a></li> <li><a href="/hazards/sealevelrise/">Sea Level Rise</a> </li> <li><a href="/map-stories/">Story Maps</a></li> <li><a href="/tools/">Tools</a></li> </ul> </li> <li class="education"> <a href="/education/" aria-label="Educatione">Education</a> </li>   <li class="posts"> <a href="/news/" aria-label="news">News</a> </li> <li class="media-podcast"> <a href="/podcast/" aria-label="podcast">Podcasts</a> </li> <li class="media-video"> <a href="/video/" aria-label="video">Video</a> </li> <li class="media-images"> <a href="/gallery/" aria-label="Image">Images</a> </li> <li class="about"> <a href="/about/" aria-label="about us" >About Us</a> </li> </ul> </div> </div> </div> </div> </div>  <script> $(document).ready(function(){ $('this').on('touchstart.dropdown', '.dropdown-menu', function (e){ e.stopPropagation(); e.preventDefault(); }); }); </script>   </header>   </head> <body class="facts">  <div class="container wrapper">  <div class="breadcrumbs"><a href="/">Home</a> <i class="fa fa-angle-double-right grey"></i> <a href="/infographics/">Infographics</a> <i class="fa fa-angle-double-right grey"></i> How can you help our ocean?</div> <div class="inner_content">  <h1 class="title">How can you help our ocean?</h1>  <h2>Here are <strong>10 simple things</strong> you can do at home, around town, on the water, or anywhere! </h2> <div class="pad30"></div>  <figure> <img src="/ocean/help-ocean.jpg" alt="infographic showing how you can help our ocean"> <div class="pad15"></div> <figcaption> <p>Here are some simple things you can do to help our ocean. <a href="/ocean/help-our-ocean.pdf" download="help-our-ocean.pdf"><span class="icon-stack"><i class="fa fa-cloud-download"></i></span> Download this infographic</a></p> </figcaption> </figure> </div>  <div class="row"> <div class="span8 pad5"> <div class="pad30"></div>   <h2 class="title title-divider span8" name="transcript" id="transcript">10 Ways to Help Our Ocean<span></span></h2> <h4><strong>Around Home</strong></h4> <div class="zebralist"> <ul> <li><h4>1. Conserve Water</h4> Use less water so excess runoff and wastewater will not flow into the ocean.</li> <li><h4>2. Reduce Pollutants</h4> Choose nontoxic chemicals and dispose of herbicides, pesticides, and cleaning products properly. </li> <li><h4>3. Reduce Waste</h4> Cut down on what you throw away.</li> </ul> </div> <h4><strong>Around Town</strong></h4> <div class="zebralist"> <ul> <li><h4>4. Shop Wisely</h4> Choose sustainable seafood. Buy less plastic and bring a reusable bag.</li> <li><h4>5. Reduce Vehicle Pollution</h4> Use fuel efficient vehicles, carpool or ride a bike. </li> <li><h4>6. Use Less Energy</h4> Choose energy efficient light bulbs and don't overset your thermostat.</li> </ul> </div> <h4><strong>On the Water</strong></h4> <div class="zebralist"> <ul> <li><h4>7. Fish Responsibly</h4> Follow "catch and release" practices and keep more fish alive.</li> <li><h4>8. Practice Safe Boating</h4> Anchor in sandy areas far from coral and sea grasses. Adhere to "no wake" zones.</li> <li><h4>9. Respect Habitat</h4> Healthy habitat and survival go hand in hand. Treat with care.</li> </ul> </div> <h4><strong>10. Anytime, Anywhere</strong></h4> <div class="zebralist"> <ul> <li><h4>Volunteer</h4> Volunteer for cleanups at the beach and in your community. You can get involved in protecting your watershed too!</li> </ul> </div>  </div> <div class="span1"></div>  <div class="span3"> <div class="pad15"></div> <h6 class="title-divider span3">Get <strong>Social</strong> <span></span></h6> <p> <a href="https://instagram.com/noaaocean" class="zocial icon instagram" alt="Instagram logo" aria-label="Instagram logo"></a> <a href="https://twitter.com/noaaocean" class="zocial icon twitter" alt="Twitter logo" aria-label="Twitter logo"></a> <a href="https://facebook.com/usoceangov" class="zocial icon facebook" alt="Facebook logo" aria-label="Facebook logo"></a> <a href="https://oceanservice.noaa.gov/rss.html" class="zocial icon rss" alt="RSS icon" aria-label="RSS icon"></a>  <a href="http://www.youtube.com/usoceangov" class="zocial icon youtube" alt="youtube logo" aria-label="youtube" ></a> <a href="https://www.linkedin.com/company/noaa-national-ocean-service" class="zocial icon linkedin" alt="LinkedIn logo" aria-label="LinkedIn" ></a> </p> <div class="pad15"></div> <h6 class="title-divider span3">More <strong>Information</strong><span></span></h6> <div class="clear"></div> <ul class="sidebarLinks "> <li><a href="/ocean/help-our-ocean.pdf" download="help-our-ocean.pdf"><span class="icon-stack"><i class="fa fa-cloud-download"></i></span> Download Infographic</a></li> <li class="btn inverse"><a href="/facts/howmanyoceans.html">How many oceans are there?</a></li> </ul> <div class="pad15"></div> <div class="pad15"></div> </div> <div class="pad45"></div> </div> </div>    <footer role="contentinfo"> <a href="#" id="scroll-to-top"><img src="/bs4/img/Scroll-To-Top_Icon@2x.png" alt="scroll to top arrow icon" role="button" data-toggle="tooltip" data-placement="left"></a> <div id="footer-top"> <div class="container"> <div class="row"> <div class="pad45"></div> <div class="span12 text-center"> <ul class="btn-link text-center">  <li> <a href="/contact.html"><button type="button" class="btn btn-large btn-primary-alt">Contact Us</button></a> </li> <li> <a href="/contact.html#feedback"><button type="button" class="btn btn-large btn-primary-alt">Report an error</button></a> </li> </ul> </div> </div> </div> </div> <div id="footer-main"> <div class="pad25"></div> <div class="container"> <div class="row"> <div class="span3 text-center"> <a href="http://www.noaa.gov/"><img src="/bootstrap/img/noaa_logo_circle_72x72.svg" alt="NOAA Logo" /></a> <h5 class="text-center"> <a href="https://www.noaa.gov/">Science. Service.<br>Stewardship.</a> </h5> </div> <div class="span3"> <h6 class="sr-only"> About NOS </h6> <ul class="list-unstyled"> <li><a href="/about/">About Us</a></li> <li><a href="/programs">NOS Program Offices</a></li> <li><a href="/newsroom/">Media Inquiries</a></li> <li><a href="/about/acknowledgements.html">Website Acknowledgements</a></li> </ul> </div> <div class="span3">  <h6 class="sr-only"> Resources </h6> <ul > <li><a href="/sitemap.html">Site Index</a></li> <li><a href="/disclaimer.html">Disclaimer</a></li> <li><a href="https://www.noaa.gov/information-technology/foia">Freedom of Information Act</a></li> <li><a href="/accessibility-statement.html">Accessibility</a></li> </ul> </div> <div class="span3"> <h6 class="sr-only"> More Resources </h6> <ul class="list-unstyled"> <li><a href="https://www.noaa.gov/office-of-chief-information-officer/it-policy-oversight/information-quality">Information Quality</a></li> <li><a href="/privacy.html">Privacy Policy</a></li> <li><a href="https://sites.google.com/noaa.gov/nos-for-employees-intranet">NOS For Employees</a></li> <li><a href="https://www.usa.gov/">USA.gov</a></li> </ul> </div> </div></div> <div class="container"> <div class="pad25"></div> <div class="row span12 text-center"> <ul class="footer-mainnav text-center"> <li > <a href="/">National Ocean Service</a></li> <li > <a href="https://www.noaa.gov/">National Oceanic and Atmospheric Administration</a></li> <li > <a href="https://www.commerce.gov">Department of Commerce</a></li> </ul> </div> </div> <div class="container"> <div class="row"> <div class="pad15"></div> <div class="span12 text-center"> <h5 class="sr-only"> Social </h5> <ul class="social text-center text-small " > <li><a href="https://twitter.com/noaaocean"><img src="/bs4/img/twitter.png" alt="Twitter Logo" /> </a></li> <li><a href="https://www.facebook.com/usoceangov/"><img src="/bs4/img/facebook.png" alt="Facebook Logo" /> </a></li> <li><a href="https://www.instagram.com/noaaocean/"><img src="/bs4/img/instagram.png" alt="Instagram Logo" /> </a></li> <li><a href="https://www.youtube.com/user/usoceangov"><img src="/bs4/img/youtube.png" alt="Youtube Logo" /> </a></li> <li><a href="https://www.linkedin.com/company/noaa-national-ocean-service"><img src="/bs4/img/linkedin_bw.png" alt="LinkedIn Logo" /> </a></li> </ul> </div></div></div> <div class="pad45"></div> </div> </footer>     <script src="/bootstrap/js/bootstrap.min.js"></script>  <script type="text/javascript" src="/bootstrap/js/scripts.js"></script> <script type="text/javascript" src="/bootstrap/js/video.min.js"></script> <script type="text/javascript" src="/bootstrap/js/videojs-ie8.min.js"></script>  <script> $(document).ready(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 50) { $('#scroll-to-top').fadeIn(); } else { $('#scroll-to-top').fadeOut(); } }); // scroll body to 0px on click $('#scroll-to-top').click(function () { $('#scroll-to-top').tooltip('hide'); $('body,html').animate({ scrollTop: 0 }, 800); return false; }); $('#scroll-to-top').tooltip('show'); }); </script>  <script type="text/javascript"> //<![CDATA[ var aid = "oceanservice.noaa.gov"; //]]> </script> <script src="https://search.usa.gov/javascripts/stats.js" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ var usasearch_config = { siteHandle:"oceanservice.noaa.gov" }; var script = document.createElement("script"); script.type = "text/javascript"; script.src = "//search.usa.gov/javascripts/remote.loader.js"; document.getElementsByTagName("head")[0].appendChild(script); //]]> </script>  <script async type="text/javascript" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=DOC&subagency=NOAA" id="_fed_an_ua_tag"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-8QRDKZKW09"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-8QRDKZKW09'); </script>  <script src="https://touchpoints.app.cloud.gov/touchpoints/3966cfca.js" async></script>   <script> // Initialize tooltip component $(function () { $('[data-toggle="tooltip"]').tooltip() }) // Initialize popover component $(function () { $('[data-toggle="popover"]').popover() }) </script>  <script type="text/javascript"> /*<![CDATA[*/ (function() { var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//siteimproveanalytics.com/js/siteanalyze_6017902.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); })(); /*]]>*/ </script> </body> </html>

CINXE.COM

How can you help our ocean?