hack2skill · rayyankaif · Oct 8, 2023 · Oct 8, 2023
diff --git a/ad,dis.html b/ad,dis.html
@@ -0,0 +1,120 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Advantages and Disadvantages of ecean ecosystem</title>
+    <style>
+        /* Add your CSS styles here */
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 0;
+            color: #333;
+        }
+
+        header {
+
+            color: #080000;
+            text-align: center;
+            padding: 10px;
+        }
+
+        h1 {
+            font-size: 36px;
+        }
+
+        h2 {
+            font-size: 24px;
+        }
+
+        section {
+            max-width: 1100px;
+            margin: 20px auto;
+            padding: 20px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+
+        ul {
+            list-style-type: decimal;
+            padding-left: 20px;
+        }
+
+        p {
+            margin-bottom: 15px;
+            font-size: large;
+        }
+
+        footer {
+            background-color: #007BFF;
+            color: #fff;
+            text-align: center;
+            padding: 10px;
+        }
+        .video-container {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1; /* Place it behind other content */
+        }
+        video {
+            object-fit: cover;
+            width: 100%;
+            height: 100%;
+        }
+
+
+
+
+
+
+    </style>
+</head>
+<body>
+    <header>
+        <h1>ADVANTAGES:</h1>
+    </header>
+    <!-- Background Video -->
+    <div class="video-container">
+        <video autoplay loop muted>
+            <source src="C:\Users\aryan srivastava\Downloads\hackathon ocean video 2.mp4">
+            Your browser does not support the video tag.
+        </video>
+        </div>
+
+
+
+    <section>
+        <ul>
+        <li><strong style="font-size:30px">Biodiversity:</strong><p style="font-size: 20px">Oceans host a wide variety of plant and animal species, contributing to global biodiversity.</p></li>
+        <li><strong style="font-size:30px">Climate Regulation:</strong><p style="font-size: 20px"> Oceans absorb and store large amounts of carbon dioxide, helping to mitigate climate change by acting as a carbon sink.</p></li>
+        <li><strong style="font-size:30px">Food Source:</strong> <p style="font-size: 20px">Oceans are a vital source of seafood, supporting the livelihoods of millions of people and providing a crucial protein source.</li>
+        <li><strong style="font-size:30px">Oxygen Production:</strong><p style="font-size: 20px"> Phytoplankton in the ocean produce a significant portion of the Earth's oxygen through photosynthesis.</li>
+        <li><strong style="font-size:30px">Economic value:</strong><p style="font-size: 20px">The ocean economy includes industries like fishing, shipping, tourism, and pharmaceuticals, contributing to global economies.</li>
+        <li><strong style="font-size:30px">Medicinal Resources:</strong><p style="font-size: 20px">Marine organisms offer potential sources for medicines and treatments for various diseases.</li>
+        <li><strong style="font-size:30px">Coastal Protection:</strong><p style="font-size: 20px">The tourism industry in coastal areas can result in habitat degradation, coral reef damage, and increased pollution, particularly in popular destinations.</li>
+        <li><strong style="font-size:30px">Recreation and Tourism:</strong><p style="font-size: 20px">Oceans offer recreational activities such as swimming, surfing, and diving, attracting tourists and promoting local economies.</li>
+        <li><strong style="font-size:30px">Transportation:</strong><p style="font-size: 20px">Oceans facilitate global trade by serving as a major transportation route for goods.</li>
+        <li><strong style="font-size:30px">Scientific Knowledge:</strong><p style="font-size: 20px">Oceans are a source of scientific discovery, helping us understand climate, geology, and marine life.</li>
+        </u1>
+        <ol>
+            Preserving and managing the ocean ecosystem is crucial to continue benefiting from these advantages and to protect the health of our planet.
+              </ol>
+
+
+
+<header>
+<ul>
+    <h1>
+        DISADVANTAGES:
+    </h1>
+</ul>
+<ul>
+</header>
+<OL>One major disadvantage of the ocean ecosystem is the impact of pollution, including plastic waste, oil spills, and chemical runoff, which can harm marine life and disrupt the balance of the ecosystem. Additionally, overfishing and habitat destruction can lead to the depletion of valuable species and damage to the overall health of the ocean ecosystem. Climate change also poses a threat, as rising temperatures and ocean acidification can have harmful effects on marine organisms and ecosystems.</OL>
+
+</ul></body>
+</html>
diff --git a/atlantis.png b/atlantis.png
diff --git a/contact.html b/contact.html
@@ -0,0 +1,71 @@
+contact us<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Team Members</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: rgb(65, 186, 241); /* Set the background color to blue */
+            color: white; /* Set text color to white for better visibility */
+            padding: 20px; /* Add some padding to the body */
+        }
+
+        .member {
+            border: 1px solid #ccc;
+            padding: 20px;
+            margin: 10px;
+            width: 300px;
+            display: inline-block;
+            vertical-align: top;
+        }
+
+        .member img {
+            max-width: 100%;
+            height: auto;
+        }
+    </style>
+</head>
+<body>
+    <h1>OUR TEAM MEMBERS</h1>
+
+    <div class="member">
+
+        <h2>RAYYAN KAIF ANSARI</h2>
+
+        <p>Email: [email protected]</p>
+        <p class="linkedin-link"><a href=https://www.linkedin.com/in/rayyan-kaif-15a9aa269 target="_blank">LinkedIn</a></p>
+    </div>
+
+    <div class="member">
+
+        <h2>ABHAY BAGHEL</h2>
+
+        <p>Email: [email protected]</p>
+        <p class="linkedin-link"><a href=https://www.linkedin.com/in/abhay-baghel-a85951250 target="_blank">LinkedIn</a></p>
+    </div>
+
+    <div class="member">
+
+        <h2>ANSHU SRIVASTAVA</h2>
+
+        <p>Email: [email protected]</p>
+        <p class="linkedin-link"><a href=https://www.linkedin.com/in/anshu-srivastava-a3532a24b target="_blank">LinkedIn</a></p>
+    </div>
+
+    <div class="member">
+
+        <h2>AAKRIT KUMAR TIWARI</h2>
+        <p>Position: Marketing</p>
+        <p>Email: [email protected]</p>
+        <p class="linkedin-link"><a href="https://www.linkedin.com/in/aakrit-tiwari-9a5686254" target="_blank">LinkedIn</a></p>
+    </div>
+    <div class="member">
+
+        <h2>SHREYANSH KUMAR SINGH</h2>
+
+        <p>Email: [email protected]</p>
+        <p class="linkedin-link"><a href=https://www.linkedin.com/in/shreyansh-kumar-singh-12b118252 target="_blank">LinkedIn</a></p>
+    </div>
+</body>
+</html>
diff --git a/great-cormorant-7536603_1920.jpg b/great-cormorant-7536603_1920.jpg
diff --git a/hackathon ocean video 2.mp4 b/hackathon ocean video 2.mp4
diff --git a/hackathon ocean video 3.mp4 b/hackathon ocean video 3.mp4
diff --git a/impact.html b/impact.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Environmental Impact on Oceans</title>
+    <style>
+        /* Add your CSS styles here */
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 0;
+
+            color: #eae5e5;
+        }
+
+        header {
+            background-color: #007BFF;
+            color: #fff;
+            text-align: center;
+            padding: 20px 0;
+        }
+
+        h1 {
+            font-size: 48px; /* Increase font size */
+            color: #0a7ad6; /* Change text color to blue */
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a subtle text shadow */
+            margin-top: 20px; /* Add some top margin for spacing */
+            transition: color 0.3s, transform 0.3s; /* Add smooth transition on color and transform properties */
+            cursor: pointer; /* Change cursor to pointer on hover */
+        }
+
+        h1:hover {
+            color: #c48175; /* Change text color on hover */
+            transform: scale(1.1); /* Scale up the text on hover */
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            /* Semi-transparent white background */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            position: relative; /* Add relative positioning */
+            z-index: 1; /* Place it above the video */
+        }
+
+        /* Style the video container */
+        .video-container {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1; /* Place it behind other content */
+        }
+
+        /* Style the video */
+        video {
+            object-fit: cover;
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+</head>
+<body>
+    <!-- Background Video -->
+    <div class="video-container">
+        <video autoplay loop muted>
+            <source src="C:\Users\aryan srivastava\Downloads\jellyfish_-_15324 (1440p).mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+    </div>
+
+
+    <div class="container">
+        <h1><strong>HUMANS ARE DESTROYING OCEANS</strong></h1>
+        <p><strong>Overfishing:</strong> Overfishing occurs when fish stocks are harvested at a rate that exceeds their natural reproduction and growth rates. This can lead to the depletion of fish populations, disrupt food webs, and harm marine ecosystems. Practices like bottom trawling can also damage seafloor habitats.</p>
+
+
+<p><strong>Plastic Pollution:</strong> The widespread use of plastic products has led to plastic pollution in the oceans. Plastics can take centuries to decompose, and they harm marine life when ingested or entangled. Microplastics, tiny plastic particles, are now found throughout the marine food web.</p>
+
+        <p><strong>Pollution:</strong> Pollution from land-based sources, including industrial runoff, sewage, and agricultural runoff, can introduce harmful chemicals, heavy metals, and nutrients into the ocean. This pollution can lead to algal blooms, dead zones, and toxic effects on marine organisms.</p>
+        <p><strong>Climate Change:</strong>Human activities, such as the burning of fossil fuels and deforestation, release greenhouse gases like carbon dioxide into the atmosphere. This leads to ocean acidification, rising sea temperatures, and more frequent and severe weather events. These changes disrupt marine ecosystems and harm coral reefs, for example.</p>
+        <p><strong>Coastal Development:        </strong>Urbanization and coastal development often involve habitat destruction, alteration of natural shoreline dynamics, and pollution from stormwater runoff. These activities can disrupt coastal ecosystems, including mangroves, seagrass beds, and salt marshes.</p>
+        <p><strong>Shipping and transportation:</strong>The transport of goods via ships can lead to accidental oil spills and the release of ballast water containing invasive species. These events can have devastating consequences for marine ecosystems.</p>
+
+
+
+        <p><strong>Tourism:</strong>The tourism industry in coastal areas can result in habitat degradation, coral reef damage, and increased pollution, particularly in popular destinations.</p>
+        <p><strong>Noise Pollution:</strong> Human activities, such as shipping and industrial processes, generate underwater noise that can disrupt marine life, including whales, dolphins, and fish that rely on sound for communication and navigation </p>
+        <p><strong>Insasive Species:</strong>  Ballast water discharged from ships can introduce invasive species to new ecosystems, which can outcompete native species and disrupt local food webs.</p>
+
+        <p><strong>Resource Extraction:</strong> Activities such as deep-sea mining and oil and gas exploration can damage fragile seafloor ecosystems and result in habitat destruction.
+            It's important to recognize that these negative impacts on ocean ecosystems not only harm marine life but also have far-reaching consequences for human societies. Healthy oceans are essential for food security, climate regulation, tourism, and cultural well-being. Efforts to mitigate these impacts and protect marine ecosystems are crucial for the long-term sustainability of our planet. Conservation initiatives, sustainable fishing practices, and policies aimed at reducing pollution and greenhouse gas emissions are among the many strategies being pursued to address these issues. </p>      
+
+    </div>
+</body>
+</html>
diff --git a/our logo.jpg b/our logo.jpg
diff --git a/overfishing.html b/overfishing.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Environmental Impact on Oceans</title>
+    <style>
+        /* Add your CSS styles here */
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            margin: 0;
+            padding: 0;
+
+            color: #eae5e5;
+        }
+
+        header {
+            background-color: #007BFF;
+            color: #fff;
+            text-align: center;
+            padding: 20px 0;
+        }
+
+        h1 {
+            font-size: 48px; /* Increase font size */
+            color: #0a7ad6; /* Change text color to blue */
+            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); /* Add a subtle text shadow */
+            margin-top: 20px; /* Add some top margin for spacing */
+            transition: color 0.3s, transform 0.3s; /* Add smooth transition on color and transform properties */
+            cursor: pointer; /* Change cursor to pointer on hover */
+        }
+
+        h1:hover {
+            color: #c48175; /* Change text color on hover */
+            transform: scale(1.1); /* Scale up the text on hover */
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            /* Semi-transparent white background */
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            position: relative; /* Add relative positioning */
+            z-index: 1; /* Place it above the video */
+        }
+
+        /* Style the video container */
+        .video-container {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            z-index: -1; /* Place it behind other content */
+        }
+
+        /* Style the video */
+        video {
+            object-fit: cover;
+            width: 100%;
+            height: 100%;
+        }
+    </style>
+</head>
+<body>
+    <!-- Background Video -->
+    <div class="video-container">
+        <video autoplay loop muted>
+            <source src="C:\Users\aryan srivastava\Downloads\pexels_videos_2257010 (2160p).mp4"type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+    </div>
+
+
+    <div class="container">
+        <h1><strong>HUMANS ARE DESTROYING OCEANS</strong></h1>
+        <p><strong>Overfishing:</strong> Overfishing occurs when fish stocks are harvested at a rate that exceeds their natural reproduction and growth rates. This can lead to the depletion of fish populations, disrupt food webs, and harm marine ecosystems. Practices like bottom trawling can also damage seafloor habitats.</p>
+
+
+<p><strong>Plastic Pollution:</strong> The widespread use of plastic products has led to plastic pollution in the oceans. Plastics can take centuries to decompose, and they harm marine life when ingested or entangled. Microplastics, tiny plastic particles, are now found throughout the marine food web.</p>
+
+        <p><strong>Pollution:</strong> Pollution from land-based sources, including industrial runoff, sewage, and agricultural runoff, can introduce harmful chemicals, heavy metals, and nutrients into the ocean. This pollution can lead to algal blooms, dead zones, and toxic effects on marine organisms.</p>
+        <p><strong>Climate Change:</strong>Human activities, such as the burning of fossil fuels and deforestation, release greenhouse gases like carbon dioxide into the atmosphere. This leads to ocean acidification, rising sea temperatures, and more frequent and severe weather events. These changes disrupt marine ecosystems and harm coral reefs, for example.</p>
+        <p><strong>Coastal Development:        </strong>Urbanization and coastal development often involve habitat destruction, alteration of natural shoreline dynamics, and pollution from stormwater runoff. These activities can disrupt coastal ecosystems, including mangroves, seagrass beds, and salt marshes.</p>
+        <p><strong>Shipping and transportation:</strong>The transport of goods via ships can lead to accidental oil spills and the release of ballast water containing invasive species. These events can have devastating consequences for marine ecosystems.</p>
+
+
+
+        <p><strong>Tourism:</strong>The tourism industry in coastal areas can result in habitat degradation, coral reef damage, and increased pollution, particularly in popular destinations.</p>
+        <p><strong>Noise Pollution:</strong> Human activities, such as shipping and industrial processes, generate underwater noise that can disrupt marine life, including whales, dolphins, and fish that rely on sound for communication and navigation </p>
+        <p><strong>Insasive Species:</strong>  Ballast water discharged from ships can introduce invasive species to new ecosystems, which can outcompete native species and disrupt local food webs.</p>
+
+        <p><strong>Resource Extraction:</strong> Activities such as deep-sea mining and oil and gas exploration can damage fragile seafloor ecosystems and result in habitat destruction.
+            It's important to recognize that these negative impacts on ocean ecosystems not only harm marine life but also have far-reaching consequences for human societies. Healthy oceans are essential for food security, climate regulation, tourism, and cultural well-being. Efforts to mitigate these impacts and protect marine ecosystems are crucial for the long-term sustainability of our planet. Conservation initiatives, sustainable fishing practices, and policies aimed at reducing pollution and greenhouse gas emissions are among the many strategies being pursued to address these issues. </p>      
+
+    </div>
+</body>
+</html>
diff --git a/pxfuel (1).jpg b/pxfuel (1).jpg
diff --git a/pxfuel (2).jpg b/pxfuel (2).jpg
diff --git a/pxfuel (3).jpg b/pxfuel (3).jpg
diff --git a/pxfuel.jpg b/pxfuel.jpg