CINXE.COM

Why are Landfills a Source of Pollution? | Landfill

<!doctype html> <html class="no-js" lang="en"> <head> <!-- meta data --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--font-family--> <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet"> <!-- title of site --> <title>Why are Landfills a Source of Pollution? | Landfill</title> <meta name="description" content="Landfills are significant sources of pollution due to the decomposition of organic waste and the chemical reactions between various types of waste. These..." /> <meta name="keywords" content=""> <!-- For favicon png --> <link rel="shortcut icon" type="image/icon" href="https://pollutiontoxicology.com/assets/images/favicon.png" /> <!--font-awesome.min.css--> <link rel="stylesheet" href="https://pollutiontoxicology.com/assets/css/font-awesome.min.css"> <!--bootstrap.min.css--> <link rel="stylesheet" href="https://pollutiontoxicology.com/assets/css/bootstrap.min.css"> <!-- bootsnav --> <link rel="stylesheet" href="https://pollutiontoxicology.com/assets/css/bootsnav.css"> <!--style.css--> <link rel="stylesheet" href="https://pollutiontoxicology.com/assets/css/style.css"> <!--responsive.css--> <link rel="stylesheet" href="https://pollutiontoxicology.com/assets/css/responsive.css"> <style> .form-container { margin: 0 auto; text-align: center; } input[type="text"] { width: 80%; padding: 10px; margin: 10px 0; font-size: 16px; } button { padding: 10px 20px; font-size: 16px; background-color: #000; color: white; border: none; cursor: pointer; } button:hover { background-color: #4a4a4a; } .results { margin-top: 20px; } h1.heading1 { margin-bottom: 8px; } h2.parent_slug { text-transform: uppercase; font-size: 18px; color: #b90606; font-weight: bold; text-decoration: underline; margin-bottom: 10px; } #results, #results a, #results p, #results p a, #results ul li a, #results ol li a { margin-top: 20px; color: #242424; font-size: 18px; } .publication-block { border: 1px solid #ddd; padding: 15px; margin-bottom: 10px; background-color: #f9f9f9; text-align: left; } .publication-block h3 { margin: 10px 0 0; } .loading { font-size: 18px; color: #555; } .publication-block a { color: #4CAF50; text-decoration: none; } .loading-message { display: none; font-size: 18px; color: #555; margin-top: 20px; } .results1 { padding-top: 10px; text-align: left; } .results1 a { padding: 7px 12px; color: #000; font-size: 12px !important; text-transform: capitalize; border-radius: 2px; margin: 0 5px 5px 0; font-weight: 600; background: none; border: solid 1px #000; margin-bottom: 10px; } .pb-main { border: solid 1px #ccc; border-top: none; margin-bottom: 20px; padding-bottom: 25px; background: #fff; } .author-main { border: solid 1px #ccc; border-top: none; margin-bottom: 20px; padding-bottom: 25px; background: #fff; } .publication-block { padding: 10px; margin-bottom: 10px; background-color: #f9f9f9; text-align: left; background: #FFF; border-bottom: solid 1px #ccc; margin-left: 15px; margin-right: 15px; } .publication-block h3 { margin: 0 0 10px; color: #000 !important; } .publication-block a { font-size: 17px !important; line-height: 1em; font-weight: 700; text-transform: none; color: #000; padding: 0px; } .publication-block a:hover { color: #227cdc; text-decoration: underline; } .article-scroll { max-height: 445px; overflow-y: auto; overflow-x: hidden; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #efefef; border-radius: 30px; } ::-webkit-scrollbar { width: 6px; background-color: #efefef; border-radius: 30px; } ::-webkit-scrollbar-thumb { background-color: #ababab; border-radius: 30px; } .publication-block p { margin-bottom: .5em; font-size: 15px; color: #000; } h3 { font-size: 18px !important; margin-top: 20px; margin-bottom: 10px; line-height: 1.2em; font-weight: 600; text-transform: none; } a { /* padding: 5px; */ color: #a71c49; } @media (max-width: 768px) { .publication-block a { line-height: 1.5em; } } h1 { font-size: 34px; } #results { text-align: left; } #results p, #results div { margin-top: 10px; } #results a { display: inline; text-decoration: none; color: #343a3f; padding: 0; font-weight: normal; text-transform: none; } #results p strong, #results div strong { font-size: 16px; color: #292929; } .qa-container { width: 100%; max-width: 800px; text-align: left; } .qa-item { margin: 10px 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 16px; } .qa-item a { text-decoration: none; color: #0073aa; font-size: 17px; font-weight: bold; font-weight: 400 !important; text-transform: none; } .qa-item a:hover { color: #005177; text-decoration: underline; } .rq-heading { text-align: left; font-size: 22px !important; font-weight: 600; margin-bottom: 25px; } </style> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-SN7NZE3FP9"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-SN7NZE3FP9'); </script> </head> <body> <!-- Top Banner --> <div id="way2buy_top_banner_1"></div> <!-- End Banner --> <!-- top-area Start --> <section class="top-area"> <div class="header-area"> <!-- Start Navigation --> <nav class="navbar navbar-default bootsnav navbar-sticky navbar-scrollspy" data-minus-value-desktop="70" data-minus-value-mobile="55" data-speed="1000"> <div class="container"> <!-- Start Header Navigation --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand" href="https://pollutiontoxicology.com" title="Pollution"><img class="logoimg" alt="Pollution" src="https://pollutiontoxicology.com/assets/images/logo.png" title="Pollution"></a> </div><!--/.navbar-header--> <!-- End Header Navigation --> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse menu-ui-design" id="navbar-menu"> <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp"> <li class="scroll"><a href="https://pollutiontoxicology.com" title="Pollution">Home</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/about" title="Pollution">About</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/publication-trends" title="Pollution - Publications Trends">Publications Trends</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/recent-publications" title="Pollution - Recent Publications">Recent Publications</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/expert-search" title="Pollution - Expert Search">Expert Search</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/archive" title="Pollution - Archive">Archive</a></li> </ul><!--/.nav --> </div><!-- /.navbar-collapse --> </div><!--/.container--> </nav><!--/nav--> <!-- End Navigation --> </div> <div class="clearfix"></div> </section> <!-- top-area End --> <section> <div class="container"> <div class="row"> <div class="col-md-8 art-b mt-50"> <div class="form-container"> <a href="https://pollutiontoxicology.com/about/index/landfill" title="landfill"> <h2 class="text-center parent_slug">landfill</h2> </a> <h1 class="heading1">Why are Landfills a Source of Pollution?</h1> <div id="results"> <div><div>Landfills are significant sources of pollution due to the decomposition of organic waste and the chemical reactions between various types of waste. These processes can release harmful substances into the air, soil, and water. One of the most concerning pollutants from landfills is <strong>*methane</strong>*, a potent greenhouse gas.</div></div> </div> <hr /> <h3 class="rq-heading">Frequently asked queries:</h3> <div class="qa-container"> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-is-a-landfill" title="What is a Landfill?">What is a Landfill?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/why-are-landfills-a-source-of-pollution" title="Why are Landfills a Source of Pollution?">Why are Landfills a Source of Pollution?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/how-do-landfills-affect-air-quality" title="How Do Landfills Affect Air Quality?">How Do Landfills Affect Air Quality?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/how-do-landfills-impact-soil-and-water" title="How Do Landfills Impact Soil and Water?">How Do Landfills Impact Soil and Water?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-health-risks-associated-with-landfills" title="What are the Health Risks Associated with Landfills?">What are the Health Risks Associated with Landfills?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-measures-are-taken-to-mitigate-landfill-pollution" title="What Measures are Taken to Mitigate Landfill Pollution?">What Measures are Taken to Mitigate Landfill Pollution?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-alternatives-to-landfills" title="What are the Alternatives to Landfills?">What are the Alternatives to Landfills?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-role-can-individuals-play-in-reducing-landfill-pollution" title="What Role Can Individuals Play in Reducing Landfill Pollution?">What Role Can Individuals Play in Reducing Landfill Pollution?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-environmental-costs-of-pollution" title="What are the Environmental Costs of Pollution?">What are the Environmental Costs of Pollution?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-psychological-effects-of-living-in-polluted-areas" title="What Are the Psychological Effects of Living in Polluted Areas?">What Are the Psychological Effects of Living in Polluted Areas?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/how-do-regulatory-standards-impact-technological-implementation" title="How Do Regulatory Standards Impact Technological Implementation?">How Do Regulatory Standards Impact Technological Implementation?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-economic-implications-of-pollution-regulations" title="What Are the Economic Implications of Pollution Regulations?">What Are the Economic Implications of Pollution Regulations?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/are-there-any-protective-measures" title="Are There Any Protective Measures?">Are There Any Protective Measures?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-challenges-in-adopting-these-technologies" title="What are the challenges in adopting these technologies?">What are the challenges in adopting these technologies?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/how-much-e-waste-is-generated" title="How Much E-Waste is Generated?">How Much E-Waste is Generated?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/how-does-urbanization-contribute-to-pollution" title="How Does Urbanization Contribute to Pollution?">How Does Urbanization Contribute to Pollution?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-is-agricultural-waste" title="What is Agricultural Waste?">What is Agricultural Waste?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-direct-economic-costs-of-pollution" title="What are the Direct Economic Costs of Pollution?">What are the Direct Economic Costs of Pollution?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-environmental-impacts-of-clutter" title="What are the Environmental Impacts of Clutter?">What are the Environmental Impacts of Clutter?</a> </div> <div class="qa-item"> <a href="https://pollutiontoxicology.com/knowledgebase/what-are-the-main-types-of-pollution-impacting-ecosystems" title="What Are the Main Types of Pollution Impacting Ecosystems?">What Are the Main Types of Pollution Impacting Ecosystems?</a> </div> </div> </div> <div id="way2buy_left_banner_1" class="rightads"></div> </div> <div class="col-md-4 mt-50"> <style> .qa-container1 { width: 100%; max-width: 800px; text-align: left; } .qa-item1 { margin: 10px 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 16px; } .qa-item1 a { text-decoration: none; color: #000; font-size: 15px; font-weight: bold; font-weight: 500 !important; } .qa-item1 a:hover { color: #005177; text-decoration: underline; } </style> <div class="fl-wrap1"> <div class="widget-title text-left">Follow Us</div> <div class="social-widget"> <a href="https://www.facebook.com/profile.php?id=61563431443048" title="Pollution - Facebook" target="_blank"> <div style="color:#3C579C;"><i class="fa fa-facebook" aria-hidden="true"></i> </div> <span class="soc-widget-title">Facebook</span> <span class="soc-widget_counter"></span> </a> <a href="https://www.linkedin.com/company/104123593/admin/dashboard/" title="Pollution - Linkedin" target="_blank"> <div style="color:#39A1F8;"><i class="fa fa-linkedin" aria-hidden="true"></i> </div> <span class="soc-widget-title">Linkedin</span> <span class="soc-widget_counter"></span> </a> <a href="https://www.youtube.com/@PollutionToxicology_blogs" title="Pollution - Youtube" target="_blank"> <div style="color:#E93314;"><i class="fa fa-youtube-play" aria-hidden="true"></i> </div> <span class="soc-widget-title">Youtube</span> <span class="soc-widget_counter"></span> </a> <a href="https://www.instagram.com/pollutiontoxicology_blogs/" title="Pollution - Instagram" target="_blank"> <div style="color:#C862DC;"><i class="fa fa-instagram" aria-hidden="true"></i> </div> <span class="soc-widget-title">Instagram</span> <span class="soc-widget_counter"></span> </a> </div> </div> <div class="fl-wrap1"> <div class="widget-title text-left">Top Searches</div> <div class="tagcloud"> </div> </div> </div> </div> </div> </section> <!--footer start--> <style type="text/css"> /* code snippet */ .citybg { background-color: #292929; color: #fff; padding: 30px; text-align: left; } .citybg h2 { margin-bottom: 15px; font-size: 1.8rem; color: #fff; font-weight: 700; margin-left: 5px; text-align: center; font-family: "Open Sans", sans-serif; } .cities { list-style: none; padding: 0; margin: 0; } .cities li { display: inline-block; margin-right: 10px; position: relative; } .cities li:not(:last-child)::after { content: ""; position: absolute; right: -5px; top: 5px; height: 67%; width: 0.5px; background-color: #bcbcbc; } .cities a { font-size: 12px; color: #fff; text-decoration: none; padding: 5px; border-radius: 4px; transition: background-color 0.3s ease, color 0.3s ease; } .cities a:hover { color: #1b8ecc; } .pnc-partners { width: 100%; background-color: #f8f8f8; padding: 25px 0; } .pnc-partners h2 { margin-bottom: 15px; font-size: 1.8rem; color: #000; font-weight: 700; margin-left: 5px; text-align: center; font-family: "Open Sans", sans-serif; } .slider-container { width: 95%; overflow: hidden; position: relative; padding: 0 20px; margin: auto; } .slider-container ul.slider { display: flex; list-style: none; padding: 0; margin: 0; transition: transform 0.5s linear; } .slider li.slide { flex: 1 0 16.66%; padding: 10px; box-sizing: border-box; } .slide a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } .slide img { max-width: 100%; height: auto; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; padding: 8px; } @media (max-width: 1200px) { .slider li.slide { flex: 1 0 20%; } } @media (max-width: 992px) { .slider li.slide { flex: 1 0 25%; } } @media (max-width: 768px) { .slider li.slide { flex: 1 0 33.33%; } } @media (max-width: 576px) { .slider li.slide { flex: 1 0 50%; } } @media (max-width: 400px) { li.slide { flex: 1 0 100%; } } </style> <div class="pnc-partners"> <h2>Partnered Content Networks</h2> <div class="slider-container"> <ul class="slider"> <!-- Original Image Slides (without duplication) --> <li class="slide"><a href="https://cancerscience.net" title="Cancer Science" target="_blank"><img src="https://cancerscience.net/media-partners/cancerscience.png" alt="Cancer Science" title="Cancer Science"></a></li> <li class="slide"><a href="https://vaccine-studies.com" title="Vaccine Studies" target="_blank"><img src="https://vaccine-studies.com/media-partners/vaccine-studies.png" alt="Vaccine Studies" title="Vaccine Studies"></a></li> <li class="slide"><a href="https://gynecology.blog" title="Gynecology" target="_blank"><img src="https://gynecology.blog/media-partners/gynecology.png" alt="Gynecology" title="Gynecology"></a></li> <li class="slide"><a href="https://food-nutrition.blog" title="Food Nutrition" target="_blank"><img src="https://food-nutrition.blog/media-partners/food-nutrition.png" alt="Food Nutrition" title="Food Nutrition"></a></li> <li class="slide"><a href="https://nursing-science.com" title="Nursing Science" target="_blank"><img src="https://nursing-science.com/media-partners/nursing-science.png" alt="Nursing Science" title="Nursing Science"></a></li> <li class="slide"><a href="https://public-health.blog" title="Public Health" target="_blank"><img src="https://public-health.blog/media-partners/public-health.png" alt="Public Health" title="Public Health"></a></li> <li class="slide"><a href="https://thepharma.net" title="The Pharma" target="_blank"><img src="https://thepharma.net/media-partners/thepharma.png" alt="The Pharma" title="The Pharma"></a></li> <li class="slide"><a href="https://infect.blog" title="Infectious Diseases" target="_blank"><img src="https://infect.blog/media-partners/infectious-disease.png" alt="Infectious Disease" title="Infectious Diseases"></a></li> <li class="slide"><a href="https://neurocare.blog" title="Neuro Care" target="_blank"><img src="https://neurocare.blog/media-partners/neurocare.png" alt="Neuro Care" title="Neuro Care"></a></li> <li class="slide"><a href="https://catalysis.blog" title="Catalysis" target="_blank"><img src="https://catalysis.blog/media-partners/catalysis.png" alt="Catalysis" title="Catalysis"></a></li> <li class="slide"><a href="https://neonatalbiology.com" title="Neonatal Biology" target="_blank"><img src="https://neonatalbiology.com/media-partners/neonatalbiology.png" alt="Neonatal Biology" title="Neonatal Biology"></a></li> <li class="slide"><a href="https://neonataldisorders.com" title="Neonatal Disorders" target="_blank"><img src="https://neonataldisorders.com/media-partners/neonataldisorders.png" alt="Neonatal Disorders" title="Neonatal Disorders"></a></li> <li class="slide"><a href="https://mutation.blog" title="Mutation" target="_blank"><img src="https://mutation.blog/media-partners/mutation.png" alt="Mutation" title="Mutation"></a></li> <li class="slide"><a href="https://nanotechnology.blog" title="Nanotechnology" target="_blank"><img src="https://nanotechnology.blog/media-partners/nanotechnology.png" alt="Nanotechnology" title="Nanotechnology"></a></li> <li class="slide"><a href="https://toxicology.blog" title="Toxicology" target="_blank"><img src="https://toxicology.blog/media-partners/toxicology.png" alt="Toxicology" title="Toxicology"></a></li> <li class="slide"><a href="https://darkbiotechnology.com" title="Dark Biotechnology" target="_blank"><img src="https://darkbiotechnology.com/media-partners/darkbiotechnology.png" alt="Dark Biotechnology" title="Dark Biotechnology"></a></li> <li class="slide"><a href="https://pollutiontoxicology.com" title="Pollution Toxicology" target="_blank"><img src="https://pollutiontoxicology.com/media-partners/pollutiontoxicology.png" alt="Pollution Toxicology" title="Pollution Toxicology"></a></li> <li class="slide"><a href="https://cellbiology.blog" title="Cell Biology" target="_blank"><img src="https://cellbiology.blog/media-partners/cellbiology.png" alt="Cell Biology" title="Cell Biology"></a></li> <li class="slide"><a href="https://bioanalyticalresearch.com" title="Bioanalytical Research" target="_blank"><img src="https://bioanalyticalresearch.com/media-partners/bioanalyticalresearch.png" alt="Bioanalytical Research" title="Bioanalytical Research"></a></li> <li class="slide"><a href="https://renaldisorders.com" title="Renal Disorders" target="_blank"><img src="https://renaldisorders.com/media-partners/renaldisorders.png" alt="Renal Disorders" title="Renal Disorders"></a></li> <li class="slide"><a href="https://theastrophysics.com" title="The Astrophysics" target="_blank"><img src="https://theastrophysics.com/media-partners/theastrophysics.png" alt="The Astrophysics" title="The Astrophysics"></a></li> <li class="slide"><a href="https://sleepphysiology.com" title="Sleep Physiology" target="_blank"><img src="https://sleepphysiology.com/media-partners/sleepphysiology.png" alt="Sleep Physiology" title="Sleep Physiology"></a></li> <li class="slide"><a href="https://epidemiology.blog" title="Epidemiology" target="_blank"><img src="https://epidemiology.blog/media-partners/epidemiology.png" alt="Epidemiology" title="Epidemiology"></a></li> <li class="slide"><a href="https://histology.blog" title="Histology" target="_blank"><img src="https://histology.blog/media-partners/histology.png" alt="Histology" title="Histology"></a></li> </ul> </div> </div> <div class="citybg"> <div class="container"> <h2>Relevant Topics</h2> <ul class="cities"> </ul> </div> </div> <footer id="footer" class="footer"> <div class="container"> <div class="footer-menu"> <div class="row"> <div class="col-sm-3"> <p> &copy;2024 Pollution </p> </div> <div class="col-sm-9"> <ul class="footer-menu-item"> <li class="scroll"><a href="https://pollutiontoxicology.com/archive/privacy-policy/">Privacy Policy</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/archive/disclaimer/">Disclaimer</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/archive/terms-and-conditions/">Terms and Conditions</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/archive/contact-us/">Contact us</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/archive/about-us/">About us</a></li> <li class="scroll"><a href="https://pollutiontoxicology.com/partnered-content-networks" title="Partnered Content Networks">Partnered Content Networks</a></li> </ul><!--/.nav --> </div> </div> </div> </div> </footer> <!-- Modal Structure --> <div class="modal fade" id="newsletterModal" tabindex="-1" role="dialog" aria-labelledby="newsletterModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header d-flex justify-content-between align-items-center"> <h5 class="modal-title" id="newsletterModalLabel">Subscribe to our Newsletter</h5> </div> <div class="modal-body"> <p>Stay updated with our latest news and offers related to Pollution.</p> <form id="emailForm"> <div class="form-group"> <input type="email" class="form-control" id="email" name="email" placeholder="Enter your email" required> </div> <button type="submit" class="btn btn-primary">Subscribe</button> </form> </div> </div> </div> </div> <script> const slider = document.querySelector('ul.slider'); const slideWidth = slider.querySelector('.slide').offsetWidth; let scrollPosition = 0; let animationFrameId; // Clone slides for seamless loop slider.innerHTML += slider.innerHTML; // Auto-slide functionality function autoSlide() { scrollPosition -= 1; // Small increment for smooth sliding // Reset scrollPosition to create a continuous loop if (Math.abs(scrollPosition) >= slider.scrollWidth / 2) { scrollPosition = 0; } slider.style.transform = `translateX(${scrollPosition}px)`; animationFrameId = requestAnimationFrame(autoSlide); // Store the frame ID for pausing } // Start auto-slide on page load autoSlide(); // Pause auto-slide on hover slider.addEventListener('mouseenter', () => { cancelAnimationFrame(animationFrameId); // Stops the auto-slide }); // Resume auto-slide when mouse leaves slider.addEventListener('mouseleave', () => { autoSlide(); // Restarts the auto-slide }); </script> <script> // Function to show the modal after 10 seconds window.onload = function() { setTimeout(function() { $('#newsletterModal').modal('show'); // Bootstrap's built-in modal show function $(document).ready(function() { // Handle form submission $('#emailForm').on('submit', function(e) { e.preventDefault(); // Prevent the default form submission // Get the email value from the input var email = $('#email').val(); // Simple validation to check if email is entered if (email === '') { alert('Please enter your email address'); return; } // Prepare data to send var formData = { email: email }; // AJAX call to send email data $.ajax({ url: 'https://pollutiontoxicology.com', // Replace this with the actual server URL type: 'POST', data: formData, dataType: 'json', success: function(response) { // Handle success response if (response.success) { alert('Thank you for subscribing!'); $('#newsletterModal').modal('hide'); // Close the modal after success } else { alert('Something went wrong. Please try again.'); } }, error: function(xhr, status, error) { // Handle error response console.error('AJAX Error:', status, error); alert('There was an error processing your request.'); } }); }); }); }, 30000); // 30 seconds delay }; </script> <!--footer end--> <script src="https://way2buy.in/banners/ads.php?site=articleblog"></script> <script src="https://pollutiontoxicology.com/assets/js/jquery.js"></script> <!--bootstrap.min.js--> <script src="https://pollutiontoxicology.com/assets/js/bootstrap.min.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10