index.html

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { font-family: Arial; } /* Style the tab */ .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* Style the buttons inside the tab */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } .myHeading { background-color: LavenderBlush; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #c2f6ff; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } </style> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap" rel="stylesheet"> </head> <body style="background-color:PowderBlue;">  <div class="tab"> <button class="tablinks" onclick="openCity(event, 'Home')">Home</button> <button class="tablinks" onclick="openCity(event, 'Paris')">How does Climate Change Affect Us</button> <button class="tablinks" onclick="openCity(event, 'Tokyo')"> How to Slow Down Climate Change </button> <button class="tablinks" onclick="openCity(event, 'Change')"> Women Who have Taken Action </button> <button class="tablinks" onclick="openCity(event, 'Environment')"> Environmental Programs </button> <button class="tablinks" onclick="openCity(event, 'about')"> About the Authors </button> </div>  <div id="Home" class="tabcontent"> <style="background-color:LightSkyBlue;"> <link rel="stylesheet" href="styles.css"> <script type="module" src="script.js"></script> <h1 style="color:DarkBlue;">🌎 Climate Change 🌎</h1> <p style="color:DarkBlue;"> Written by Yazhini Raman, Indhra Kannan, and Ridhvi Kannan </p> <p>Do you see this beautiful waterfall? If you want to keep it as it is years from now then make your part in saving the environment. Check out the environmental programs and try to help. Most people want to live their live just the way they want to and they don't think about the next generations. If the environment has to be good for the next generations to exprience you have to help the world stay nice. We have a few websites in the Environmental Programs section look there to find out more about what is happening in the world.</p> <style> font-family: 'Brush Script MT', cursive; h1 { text-align: center; } p { text-align: center; } div { text-align: center; } </style> <img src="https://v7n2u8v7.rocketcdn.me/wp-content/uploads/2020/07/Waterfalls-Selja-L1.jpg" alt="Waterfall" width="640" height="360"> </div> <div id="Paris" class="tabcontent"> <h1>How Does Climate Change Affect Us?</h1> <p> Many people may be asking, how does climate change affect us? Well, for one thing, if we don't stop climate change, our whole world will be destroyed. Humans play a major role in the cause of climate change. As we all know, global warming has begun to melt the glaciers all around the world. The pollution from factories, gas-powered cars , and trucks cause the ozone layer to eventually heat up. Climate change will cause extreme weather like severe droughts and blizzards. I am sure nobody wants to have summers of 140° and winters of -75° .Not only will the weather change, but natural disasters will be more common and more dangerous For example, hurricanes will be stronger. This can then lead to world destruction. </p> <img src="https://4.bp.blogspot.com/-EWoHhgdieac/WZrcSflKbVI/AAAAAAAADXE/NeleQRKjjPkguIdUklClvpoUl8RLqIm-gCLcBGAs/s1600/climate%2Bchange.jpg" alt="Earth on fire" width="640" height="360"> </div> <div id="Tokyo" class="tabcontent"> <h1>How to Slow Down Climate Change</h1> <p> Climate change is a major thing going on in the world and there are several ways to slow down climate change. If you care about the environment you would use electric cars, but if you use a gas car then you are polluting the air and that causes global warming. The ozone layer is getting thinner and thinner because of all the pollution. If you just stop polluting and tell others to stop polluting then this world can be better. Also if you recycle and do not put random things on the floor then all the things that can be recycled will be recycled. When we recycle the world will not be piled up with tons and tons of trash. Animals are dying because of eating all the trash. If this continues then soon most of the types of animals will be gone. Another way to stop climate change is to start using solar panels. Once we start using solar panels the sunlight can provide power to your house and it won't be wasting any of the electricity. Right now lots of people don't have solar panels for their houses but the more you use them the better it is for the environment because it doesn't produce greenhouse gases or air pollution. </p> <img src="https://www.euractiv.com/wp-content/uploads/sites/2/2019/05/Autumn_forest-800x450.jpg" alt="Forest" width="400" height="225"> </div> <div id="Change" class="tabcontent"> <h1>Women Who Have Taken Action</h1> <p> Many women around the world have tried to put an end to climate change. If you ask me, that's very impressive. One example of women around the world is Christiana Figueres. After heading a climate-change nonprofit for eight years, Christiana Figueres took on leadership of the UNFCCC, the body responsible for international climate-change negotiations, at the agency’s lowest point. Figueres successfully steered world leaders to reach the Paris Agreement in 2015. Along with several other women involved in the negotiations, Figueres was successful in shedding important light on the gender dimension of climate change. Another woman who tried to stop climate change is the well, know Greta Thunberg. In 2018, then 15-year-old Greta Thunberg started a school strike in Sweden to draw attention to the climate crisis, and since then her message has spread—despite her avoidance of air travel because of its high carbon emissions. She gave many speeches and eventually managed to convince millions of people. </p> <img src="https://images.immediate.co.uk/production/volatile/sites/4/2018/10/GettyImages-498168463-3f77f75.jpg?quality=90&resize=940%2C400" alt="Forest" width="940" height="400"> </div> <div id="Environment" class="tabcontent"> <h1>Environmental Programs</h1> <p> After all the talk we are hearing nowadays about saving the environment, it makes us think about what we can do to help. Here are a few environmental programs that you can join and take you to step toward saving the environment. </p> <a href="https://www.unep.org/">Help the World Problems</a> <p> Animals around the world are endangered and harmed by illegal poachers. People are homeless and don't have proper shelter and food. Foods that used to be organic are being added with GMO causing chemicals to be in our body. Help all these causes and volunteer your time to make a change in the world for a better future. </p> <a href=https://www.epa.gov/statelocalenergy/local-climate-and-energy-program>Local Climate and Energy</a> <p> Going back to global warming, to help the community you live in, you can find an effective working energy plan and help your community save money and the planet. Instead of paying lots of money for electricity, use solar power. Cost-efficient and good for the long term. </p> <a href="https://www.uth.edu/safety/environmental-protection/ ">Health & Saftey</a> <p> The world has tons to offer us. To do something back, we can start by reusing old toys or clothing to keep from those to be thrown away or into the ocean, we can donate them to make someone else happy or upcycle them and make our own creation. This program helps people get those used items to other people who really need them. </p> <a href="https://www.worldbank.org/en/programs/pollution-management-and-environmental-health-program ">Polution Managment</a> <p>Trash is just plain nasty.No doubt. It stinks, you have to bring it out for the garbage truck to pick up, and worst of all, it hurts the environment. Over 100 MILLION marine animals die EACH YEAR due to getting entangled, choked, or hurt by plastic. If we keep polluting at this rate, by 2050, there will be more plastic in the ocean than fish. Save these poor animals by reusing plastic water bottles, and encouraging others to do the same.</p> <a href="https://www.business.hsbc.com/sustainability/expert-voices?cid=HBEU:KB:2550:P1:CMB:L14:GO:CAM:14:XX:14:0221:177:BPFP2021_Google_PPC_Broad_environmental&gclid=Cj0KCQjw6ZOIBhDdARIsAMf8YyFueNQ2QCCAgbnXUZ0uBihK1PXw6idd4tGVrHuNg6NUy07QfpYNfXIaAgy_EALw_wcB&gclsrc=aw.ds">Business Plan for the Planet</a> <p>Every time I turn on the TV and see people on the news trying to stop climate change, I feel so happy, and I’m inspired to do so too. I am sure this program will inspire you too! People talk about the bad sides of global warming and the solutions too.</p> </div> <form action="/~/Climate_Change/open/DATABASE_TABLE_NAME" method="POST" enctype="multipart/form-data"> <div> <h2>Quick Form</h2> <label>Name</label> <input type="text" name="fname" required> </div> <div>  <label>Have you ever joined any environmental programs</label> <select name='programs'> <option value='Yes!'> Yes I have! </option> <option value='No'>No. Not yet. </option> <option value='Thinking'> I am planning on joining! </option> </select>  </div> <div> <label>If so, which enviromntal programs do you plan on joining? </label> <input type="text" name="option" list="option"> <datalist id="option"> <option>Animals</option> <option>Organic Foods/Compost</option> <option>Pollution</option> <option>Recycling</option> <option>Renewable Energy</option> <option>Global Warming</option> <option>Other</option> </datalist> <input type='submit'> <input type='hidden' name='redirecturl' value='https://dullmoth12.qoom.space/~/Climate_Change/thankyou'> <input type='hidden' name='survey' value='quickform'> </div> <div id="about" class="tabcontent"> <h1>About The Authors</h1> <h3>Yazhini</h3> <p> Hi! I'm Yazhini Raman. I am 11 years old and I am going to go to Pine Valley Middle School in August. I'm very interested in coding, swimming, and of course, I love ASTRONOMY! I love to hang out with my friends and travel. In my free time, I usually crochet and watch youtube or I read in a comfy corner in my room. Once, while crocheting, I saw an ad on youtube which showed a picture of a baby penguin trying to swim and look for land. That inspired me to save animals around the world by making people aware that our world will be destroyed if we don't act fast. I hope this webpage will inspire more people to put an end to this global crisis. </p> <h3>Indhra</h3> <p> Hi! I'm Indhra Kannan. I am 12 years old and going to go to the University Preparatory Academy. I love doing art and swimming and other things. I love to spend time with my friends and I also love playing games online. I love going on vacation with my family and friends. I enjoy spending time at national parks and looking at all of the amazing views. But once I think of it the land is being ruined because of us. This made me want to save the forests. The forests that used to be beautiful are now filled with roads and buildings. I hope that people will start to try and protect the forests too. </p> <h3>Ridhvi</h3> <p> Hello! My name is Ridhvi Kannan. I am currently going to University Preparatory Academy and starting my first year in high school. I have several hobbies but the one I enjoy the most is reading books. I also play the piano and have been playing for 5 years. But who's counting? I AM! Anyways I love hanging out with my friends and traveling. I have always had crazy imaginations that I then use as inspiration for me to write short stories, or just for me to work harder. I have recently been to several national parks and state parks and began to understand how beautiful nature can be. That then inspired me to save those forests by doing what I can. </p> </div> <script> function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName) .style.display = "block"; evt.currentTarget.className += " active"; } </script> </body> </html>