Pasanlaksitha · KMDKPerera · Apr 3, 2024 · Apr 3, 2024 · Apr 3, 2024 · Apr 4, 2024
diff --git a/Donation.html b/Donation.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Donate to Charity</title>
+    <link rel="stylesheet" href="css/donation.css">
+    <link rel="stylesheet" href="css/header_&_footer.css">
+
+</head>
+
+<body>
+<header>
+
+    <a href="index.html"><img src="assets/icon/Untitled-1-Recovered-Recovered.png" id="nav-logo" alt=""></a>
+    <nav>
+        <a href="index.html" class="active">Home</a>
+        <a href="index.html#about">About</a>
+        <a href="index.html#project">Projects</a>
+        <a href="index.html#blog">Blog</a>
+    </nav>
+</header>
+
+<main>
+    <section class="donation-form">
+        <h2>Make a Donation</h2>
+        <form action="#" method="POST">
+            <!-- Donation Amount -->
+            <label for="donation-amount">Select Donation Amount:</label>
+            <select id="donation-amount" name="donation-amount">
+                <option value="10">$10</option>
+                <option value="20">$20</option>
+                <option value="50">$50</option>
+                <option value="100">$100</option>
+                <!-- Add more options as needed -->
+            </select>
+
+            <!-- Contact Information -->
+            <h3>Contact Information</h3>
+            <label for="name">Name:</label>
+            <input type="text" id="name" name="name" required>
+
+            <label for="email">Email:</label>
+            <input type="email" id="email" name="email" required>
+
+            <label for="phone">Phone:</label>
+            <input type="tel" id="phone" name="phone">
+
+            <!-- Donation Purpose -->
+            <h3>Donation Purpose</h3>
+            <label for="purpose">Select Purpose:</label>
+            <select id="purpose" name="purpose">
+                <option value="general">General Donation</option>
+                <option value="specific">Specific Cause</option>
+            </select>
+
+            <!-- Message -->
+            <label for="message">Message (optional):</label>
+            <textarea id="message" name="message" rows="4"></textarea>
+
+            <!-- Proceed to Payment -->
+            <div class="proceed-to-pay">
+                <button type="submit">Proceed to Payment</button>
+            </div>
+        </form>
+        <div id="thank-you" class="hidden">
+            <h2>Thank You for Your Donation!</h2>
+            <p>Your support means a lot to us.</p>
+        </div>
+    </section>
+</main>
+
+<footer>
+    <div class="wrapper_footer">
+
+        <div class="footer-left">
+            <img src="assets/icon/ftguyfiu.jpg">
+            <img src="assets/icon/projectlogo.jpg">
+
+            <p class="footer-nav"><a href="index.html">HOME </a> | <a href="shop.html">SHOP</a> | <a href="volunteer.html">VOLUNTEER REGISTER</a> | <a href="#">GALLERY</a> | <a href="team.html">OUR TEAM</a></p>
+
+            <p class="footer-links"><a href="#">Contact Us</a> I <a href="#">Terms &amp; Conditions</a> I<a href="#">Privacy</a>
+            </p>
+        </div>
+        <div class="footer-right">
+            <a href="#" class="social facebook">Facebook</a>
+            <a href="#" class="social twitter">Facebook</a>
+            <a href="#" class="social google">Facebook</a>
+        </div>
+        <div class="clear"></div>
+    </div>
+</footer>
+<script src="js/donation.js"></script>
+</body>
+
+</html>
diff --git a/assets/15.png b/assets/15.png
diff --git a/assets/Elephant-Mug.webp b/assets/Elephant-Mug.webp
diff --git a/assets/Untitled-1.jpg b/assets/Untitled-1.jpg
diff --git a/assets/Visa-logo.jpg b/assets/Visa-logo.jpg
diff --git a/assets/WomenTshirt.jpeg b/assets/WomenTshirt.jpeg
diff --git a/assets/blueBracelet.jpeg b/assets/blueBracelet.jpeg
diff --git a/assets/bracelet.jpeg b/assets/bracelet.jpeg
diff --git a/assets/clayBeadNecklace.jpeg b/assets/clayBeadNecklace.jpeg
diff --git a/assets/clayNecklace.jpeg b/assets/clayNecklace.jpeg
diff --git a/assets/deerprintMug.jpeg b/assets/deerprintMug.jpeg
diff --git a/assets/forestWallpaper.webp b/assets/forestWallpaper.webp
diff --git a/assets/icon/Group 3.png b/assets/icon/Group 3.png
diff --git a/assets/icon/Untitled-1-Recovered-Recovered.png b/assets/icon/Untitled-1-Recovered-Recovered.png
diff --git a/assets/icon/ftguyfiu.jpg b/assets/icon/ftguyfiu.jpg
diff --git a/assets/icon/projectlogo.jpg b/assets/icon/projectlogo.jpg
diff --git a/assets/leaf2wallpaper.jpg b/assets/leaf2wallpaper.jpg
diff --git a/assets/leaf3.jpg b/assets/leaf3.jpg
diff --git a/assets/leaf4.jpeg b/assets/leaf4.jpeg
diff --git a/assets/leapordBottle.jpeg b/assets/leapordBottle.jpeg
diff --git a/assets/leaves.png b/assets/leaves.png
diff --git a/assets/mastercard (1).jpg b/assets/mastercard (1).jpg
diff --git a/assets/menTshirt.jpg b/assets/menTshirt.jpg
diff --git a/assets/menTshirt2.jpg b/assets/menTshirt2.jpg
diff --git a/assets/mugE.jpeg b/assets/mugE.jpeg
diff --git a/assets/parallax/151515.png b/assets/parallax/151515.png
diff --git a/assets/parallax/Asdfset dgjtdgj1.png b/assets/parallax/Asdfset dgjtdgj1.png
diff --git a/assets/parallax/bush-Recovered.png b/assets/parallax/bush-Recovered.png
diff --git a/assets/parallax/bush.png b/assets/parallax/bush.png
diff --git a/assets/parallax/bush1.png b/assets/parallax/bush1.png
diff --git a/assets/parallax/left.png b/assets/parallax/left.png
diff --git a/assets/parallax/right.png b/assets/parallax/right.png
diff --git a/assets/shopping-cart.png b/assets/shopping-cart.png
diff --git a/assets/team/dasun.jpg b/assets/team/dasun.jpg
diff --git a/assets/team/nilasi.png b/assets/team/nilasi.png
diff --git a/assets/team/pasan.png b/assets/team/pasan.png
diff --git a/assets/turtleBottle.jpg b/assets/turtleBottle.jpg
diff --git a/assets/womenTshirt2.jpg b/assets/womenTshirt2.jpg
diff --git a/assets/xsfgsdg.jpg b/assets/xsfgsdg.jpg
diff --git a/blog1.html b/blog1.html
@@ -2,28 +2,28 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <link rel="stylesheet" href="css/tmp.css">
+    <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/blur-card.css">
-    <link rel="stylesheet" href="css/parallax.css">
+    <link rel="stylesheet" href="css/header_&_footer.css">
     <link rel="stylesheet" href="css/blog.css">
     <title>Blog/Origin-Stories</title>
 </head>
 <body>
 <header>
 
-    <h1>GAIA</h1>
+    <a href="index.html"><img src="assets/icon/Untitled-1-Recovered-Recovered.png" id="nav-logo" alt=""></a>
     <nav>
-        <a href="#home" class="active">Home</a>
-        <a href="#about">About</a>
-        <a href="#project">Projects</a>
-        <a href="#blog">Blog</a>
+        <a href="index.html" class="active">Home</a>
+        <a href="index.html#about">About</a>
+        <a href="index.html#project">Projects</a>
+        <a href="index.html#blog">Blog</a>
     </nav>
 </header>
 
 
 <!--HOME HERE-->
 <section id="home" class="home">
-    <img src="assets/YalaElephant2.jpg" alt="blogpic">
+    <img src="assets/previous/YalaElephant.jpg" alt="blogpic">
     <h1 class="title">ORIGIN STORIES</h1>
 </section>
 
@@ -96,8 +96,29 @@ <h5>Beach Cleanups</h5>
     <div class="buttons">
         <a href="" class="button-1">Read More</a>
     </div>
+    <a href="pageeditor_student3.html"><button>Student <br> (Page Editor)</button></a>
 </section>
 
+<footer>
+    <div class="wrapper_footer">
+
+        <div class="footer-left">
+            <img src="assets/icon/ftguyfiu.jpg">
+            <img src="assets/icon/projectlogo.jpg">
+
+            <p class="footer-nav"><a href="index.html">HOME </a> | <a href="shop.html">SHOP</a> | <a href="volunteer.html">VOLUNTEER REGISTER</a> | <a href="#">GALLERY</a> | <a href="team.html">OUR TEAM</a></p>
+
+            <p class="footer-links"><a href="#">Contact Us</a> I <a href="#">Terms &amp; Conditions</a> I<a href="#">Privacy</a>
+            </p>
+        </div>
+        <div class="footer-right">
+            <a href="#" class="social facebook">Facebook</a>
+            <a href="#" class="social twitter">Facebook</a>
+            <a href="#" class="social google">Facebook</a>
+        </div>
+        <div class="clear"></div>
+    </div>
+</footer>
 </body>
 
 </html>
diff --git a/blog2.html b/blog2.html
@@ -2,28 +2,28 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <link rel="stylesheet" href="css/tmp.css">
+    <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/blur-card.css">
-    <link rel="stylesheet" href="css/parallax.css">
+    <link rel="stylesheet" href="css/header_&_footer.css">
     <link rel="stylesheet" href="css/blog.css">
     <title>Blog/Volunteer Stories</title>
 </head>
 <body>
 <header>
 
-    <h1>GAIA</h1>
+    <a href="index.html"><img src="assets/icon/Untitled-1-Recovered-Recovered.png" id="nav-logo" alt=""></a>
     <nav>
-        <a href="#home" class="active">Home</a>
-        <a href="#about">About</a>
-        <a href="#project">Projects</a>
-        <a href="#blog">Blog</a>
+        <a href="index.html" class="active">Home</a>
+        <a href="index.html#about">About</a>
+        <a href="index.html#project">Projects</a>
+        <a href="index.html#blog">Blog</a>
     </nav>
 </header>
 
 
 <!--HOME HERE-->
 <section id="home" class="home">
-    <img src="assets/YalaDeer.jpg" alt="blogpic">
+    <img src="assets/previous/YalaDeer.jpg" alt="blogpic">
     <h1 class="title">VOLUNTEER STORIES</h1>
 </section>
 
@@ -99,7 +99,26 @@ <h5>Beach Cleanups</h5>
         <a href="" class="button-1">Read More</a>
     </div>
 </section>
+<footer>
+    <div class="wrapper_footer">
 
+        <div class="footer-left">
+            <img src="assets/icon/ftguyfiu.jpg">
+            <img src="assets/icon/projectlogo.jpg">
+
+            <p class="footer-nav"><a href="index.html">HOME </a> | <a href="shop.html">SHOP</a> | <a href="volunteer.html">VOLUNTEER REGISTER</a> | <a href="#">GALLERY</a> | <a href="team.html">OUR TEAM</a></p>
+
+            <p class="footer-links"><a href="#">Contact Us</a> I <a href="#">Terms &amp; Conditions</a> I<a href="#">Privacy</a>
+            </p>
+        </div>
+        <div class="footer-right">
+            <a href="#" class="social facebook">Facebook</a>
+            <a href="#" class="social twitter">Facebook</a>
+            <a href="#" class="social google">Facebook</a>
+        </div>
+        <div class="clear"></div>
+    </div>
+</footer>
 </body>
 
 </html>
diff --git a/blog3.html b/blog3.html
@@ -2,29 +2,30 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <link rel="stylesheet" href="css/tmp.css">
+    <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/blur-card.css">
-    <link rel="stylesheet" href="css/parallax.css">
+    <link rel="stylesheet" href="css/header_&_footer.css">
     <link rel="stylesheet" href="css/blog.css">
-    <title>Blog/Volunteer Stories</title>
+
+    <title>Blog/Life On Land</title>
 </head>
 <body>
 <header>
 
-    <h1>GAIA</h1>
+    <a href="index.html"><img src="assets/icon/Untitled-1-Recovered-Recovered.png" id="nav-logo" alt=""></a>
     <nav>
-        <a href="#home" class="active">Home</a>
-        <a href="#about">About</a>
-        <a href="#project">Projects</a>
-        <a href="#blog">Blog</a>
+        <a href="index.html" class="active">Home</a>
+        <a href="index.html#about">About</a>
+        <a href="index.html#project">Projects</a>
+        <a href="index.html#blog">Blog</a>
     </nav>
 </header>
 
 
 <!--HOME HERE-->
 <section id="home" class="home">
-    <img src="assets/YalaDeer.jpg" alt="blogpic">
-    <h1 class="title">VOLUNTEER STORIES</h1>
+    <img src="assets/previous/YalaJaguar.jpg" alt="blogpic">
+    <h1 class="title">Life On Land</h1>
 </section>
 
 
@@ -120,7 +121,26 @@ <h5>Beach Cleanups</h5>
         <a href="" class="button-1">Read More</a>
     </div>
 </section>
-
+<footer>
+    <div class="wrapper_footer">
+
+        <div class="footer-left">
+            <img src="assets/icon/ftguyfiu.jpg">
+            <img src="assets/icon/projectlogo.jpg">
+
+            <p class="footer-nav"><a href="index.html">HOME </a> | <a href="shop.html">SHOP</a> | <a href="volunteer.html">VOLUNTEER REGISTER</a> | <a href="#">GALLERY</a> | <a href="team.html">OUR TEAM</a></p>
+
+            <p class="footer-links"><a href="#">Contact Us</a> I <a href="#">Terms &amp; Conditions</a> I<a href="#">Privacy</a>
+            </p>
+        </div>
+        <div class="footer-right">
+            <a href="#" class="social facebook">Facebook</a>
+            <a href="#" class="social twitter">Facebook</a>
+            <a href="#" class="social google">Facebook</a>
+        </div>
+        <div class="clear"></div>
+    </div>
+</footer>
 </body>
 
 </html>
diff --git a/blog4.html b/blog4.html
@@ -2,21 +2,21 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <link rel="stylesheet" href="css/tmp.css">
+    <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/blur-card.css">
-    <link rel="stylesheet" href="css/parallax.css">
+    <link rel="stylesheet" href="css/header_&_footer.css">
     <link rel="stylesheet" href="css/blog.css">
     <title>Blog/Beach-Cleanup Project</title>
 </head>
 <body>
 <header>
 
-    <h1>GAIA</h1>
+    <a href="index.html"><img src="assets/icon/Untitled-1-Recovered-Recovered.png" id="nav-logo" alt=""></a>
     <nav>
-        <a href="#home" class="active">Home</a>
-        <a href="#about">About</a>
-        <a href="#project">Projects</a>
-        <a href="#blog">Blog</a>
+        <a href="index.html" class="active">Home</a>
+        <a href="index.html#about">About</a>
+        <a href="index.html#project">Projects</a>
+        <a href="index.html#blog">Blog</a>
     </nav>
 </header>
 
@@ -98,7 +98,7 @@ <h6>Dasun</h6>
                 <p>Whether you want to volunteer in our vet clinic or for beach cleanups. We at Gaia welcome
                     all volunteers. We have volunteers working with us throughout the Year, and they are the foundation
                     of our project.<br> It's nit just volunteering, we have fun too!</p>
-                <a href="blog2.html">Read Her Experience</a>
+                <a href="blog2.html">Read His Experience</a>
             </li>
             <li>
                 <div class="image-container">
@@ -119,7 +119,25 @@ <h5>Elephant Rescue</h5>
         <a href="" class="button-1">Read More</a>
     </div>
 </section>
-
+<footer>
+    <div class="wrapper_footer">
+
+        <div class="footer-left">
+            <img src="assets/icon/ftguyfiu.jpg">
+            <img src="assets/icon/projectlogo.jpg">
+
+            <p class="footer-nav"><a href="index.html">HOME </a> | <a href="shop.html">SHOP</a> | <a href="volunteer.html">VOLUNTEER REGISTER</a> | <a href="#">GALLERY</a> | <a href="team.html">OUR TEAM</a></p>
+
+            <p class="footer-links"><a href="#">Contact Us</a> I <a href="#">Terms &amp; Conditions</a> I<a href="#">Privacy</a>
+            </p>
+        </div>
+        <div class="footer-right">
+            <a href="#" class="social facebook">Facebook</a>
+            <a href="#" class="social twitter">Facebook</a>
+            <a href="#" class="social google">Facebook</a>
+        </div>
+    </div>
+</footer>
 </body>
 
 </html>