ForTheBees_Project/donate.html at main · noelfernandez98/ForTheBees_Project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <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=Markazi+Text&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
      <link rel="stylesheet" href="donate.css" type="text/css" />
      <title>Document</title>
   </head>
   <body>
      <nav id= "navbar"class="navbar navbar-expand-md navbar-light">
         <div class="container">
            <a href= "index.html"><img class= "headlogo"src="images/logobee.png"></img></a>
            <a href="index.html" class="navbar-brand" id="forthebees">For The Bee's</a>
            <button id="button" class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
               <ul class="navbar-nav ms-auto">
                  <li class="nav-item">
                     <a href="about.html" class="nav-link">About Us</a>
                  </li>
                  <li class="nav-item">
                     <a href="shop.html" class="nav-link">Shop</a>
                  </li>
                  <li class="nav-item">
                     <a href="donate.html" class="nav-link">Donate</a>
                  </li>
               </ul>
            </div>
         </div>
      </nav>
      <section id= "donate" class="p-3">
         <div class="container">
            <div class="d-flex">
               <div id= "change"class= "p-3">
                  make a real change
               </div>
               <img id= "trail" class= "w-50"src="images/trail.png"></img>
            </div>
         </div>
            <div id= "why"class="d-sm-flex">
               <p>You're the bee's knees! Each donations allows us to continue our efforts in saving the bee population. Our certified beekeepers are constantly nurturing and working towards the preservations of bees. Bee populations are critical for ensuring a healthy environment. Please give today to build a healthier, more resilient future for all. Make a tax-deductible contribution to For The Bee's and help us curb the rapid decline of bee populations and bolster local communities and ecosystems. Each recurring donation of $20 or more per month adds you to our list of Bee-Lister's! Once on the Bee-List, we'll send you a jar of honey every month from the hive you are contributing to, just as a way to show our gratitude to you! We are eternally grateful for your support.</p>
               <div class="donatebutton">
                  <form action="https://www.paypal.com/donate" method="post" target="_top">
                  <input type="hidden" name="business" value="228P5UN66MCM8" />
                  <input type="hidden" name="no_recurring" value="0" />
                  <input type="hidden" name="item_name" value="Save the Bee's" />
                  <input type="hidden" name="currency_code" value="USD" />
                  <input type="image" src="https://pics.paypal.com/00/s/NTc0NWUxM2YtYTMyYS00NTkyLTg3OWEtMjJlNDY2OTdlYmJm/file.PNG" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Donate with PayPal button" />
                  <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
                  </form>
               </div>
            </div>
         <div class="d-block">
               <div>
                  <h1 id= "beelist" class= "p-5">Join the Bee-List!</h1>
               </div>
               <div>
                  <img class="celebs" src="images/shadman.JPEG"></img>
                  <img class="celebs" src="images/tomcruise.JPEG"></img>
                  <img class="celebs" src="images/caston.JPEG"></img>
                  <img class="celebs" src="images/abel.JPEG"></img>
                  <img class="celebs" src="images/drake.JPEG"></img>
                  <img class="celebs" src="images/mayareuben.JPEG"></img>
               </div>
         </div>
      </section>
      <footer id= "footer" class="p-5 position-relative">
         <div class="container">
            <p class="lead">Copyright &copy; 2022 NSS, Marcy Fellows</p>
            <a href="" class="position-absolute bottom-0 end-0 p-5">
               <i class="bi bi-arrow-up-circle h1 white-color"></i>
            </a>
        </div>
      </footer>
      <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
      <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
   </body>
</html>