Skip to content

Commit

Permalink
added donate drop down buttons
Browse files Browse the repository at this point in the history
  • Loading branch information
kithenry committed Aug 26, 2024
1 parent 18f7e42 commit 6073092
Showing 1 changed file with 148 additions and 19 deletions.
167 changes: 148 additions & 19 deletions projects/web-development/web-dev-projects/BEI/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -298,9 +298,22 @@
<div class="w-17 ps-0 donate-join-btns d-flex flex-row justify-content-center align-items-center">
<ul class="list-unstyled m-0 p-0 d-flex flex-row align-items-center flex-nowrap">
<li>
<a href="#" class="f-11 text-nowrap">
<!-- <a href="#" class="f-11 text-nowrap">
Donate Now
</a>
</a> -->

<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle text-light" data-bs-toggle="dropdown"
href="#">Donate Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px; z-index:10000">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>

</li>
<li class="pe-0">
Expand Down Expand Up @@ -380,7 +393,18 @@ <h3>FOR THE POOR CHILDREN.</h3>
<p>
Everytime Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, eos?
</p>
<button class="btn-bg-plain">Donate Now</button>
<!-- <button class="btn-bg-plain">Donate Now</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
</div>
</div>
<div class="carousel-item">
Expand All @@ -391,7 +415,18 @@ <h3>FOR THE POOR CHILDREN.</h3>
<p>
Everytime Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, eos?
</p>
<button class="btn-bg-plain">Donate Now</button>
<!-- <button class="btn-bg-plain">Donate Now</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
</div>
</div>
<div class="carousel-item">
Expand All @@ -402,7 +437,18 @@ <h3>FOR THE POOR CHILDREN.</h3>
<p>
Everytime Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, eos?
</p>
<button class="btn-bg-plain">Donate Now</button>
<!-- <button class="btn-bg-plain">Donate Now</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
</div>
</div>
</div>
Expand All @@ -429,7 +475,19 @@ <h1 class="display-4">DONATE</h1>
<p>It uses utility classes for typography and spacing to space content out within the larger
container.</p>
<p class="lead">
<a class="btn-lg btn-bg-plain" href="#" role="button">Donate Now</a>

<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>

</p>
</div>
</div>
Expand Down Expand Up @@ -469,9 +527,20 @@ <h2 class="f-30 fw-bold">
id! Reprehenderit amet nesciunt libero eos obcaecati totam dolores!
</p>
<div class="cta-buttons">
<button class="f-15 btn-bg-plain">
<!-- <button class="f-15 btn-bg-plain">
Donate
</button>
</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle f-15 " data-bs-toggle="dropdown" href="#">Donate Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
<button class="f-15 btn-bg-plain">
Join
</button>
Expand Down Expand Up @@ -534,9 +603,21 @@ <h5 class="text-uppercase">Sponsor A Child Today</h5>
</p>
</div>
<div class="cause-cta-btn">
<button class="btn-bg-plain">
<!-- <button class="btn-bg-plain">
Help Now
</button>
</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate
Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -570,9 +651,21 @@ <h5 class="text-uppercase">Sponsor A Child Today</h5>
</p>
</div>
<div class="cause-cta-btn">
<button class="btn-bg-plain">
<!-- <button class="btn-bg-plain">
Help Now
</button>
</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate
Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -606,9 +699,21 @@ <h5 class="text-uppercase">Sponsor A Child Today</h5>
</p>
</div>
<div class="cause-cta-btn">
<button class="btn-bg-plain">
<!-- <button class="btn-bg-plain">
Help Now
</button>
</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate
Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -642,9 +747,21 @@ <h5 class="text-uppercase">Sponsor A Child Today</h5>
</p>
</div>
<div class="cause-cta-btn">
<button class="btn-bg-plain">
<!-- <button class="btn-bg-plain">
Help Now
</button>
</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate
Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -678,9 +795,21 @@ <h5 class="text-uppercase">Sponsor A Child Today</h5>
</p>
</div>
<div class="cause-cta-btn">
<button class="btn-bg-plain">
<!-- <button class="btn-bg-plain">
Help Now
</button>
</button> -->
<div class="btn-group">
<!-- <button class="btn btn-secondary btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">
Small button
</button> -->
<a class="btn-bg-plain dropdown-toggle" data-bs-toggle="dropdown" href="#">Donate
Now</a>
<ul class="dropdown-menu p-0 m-0" style="min-width: 135px;">
<li class="py-2 text-center">PayPal</li>
<li class="py-2 text-center">MTN</li>
</ul>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -792,7 +921,7 @@ <h2>OUR VOLUNTEERS</h2>
</div>
</div>
<div class="col-md-4 text-center">
<div class="volunteer-pic overfow-hidden" style="overflow-x:hidden" >
<div class="volunteer-pic overfow-hidden" style="overflow-x:hidden">
<img src="./assets/images/img15.jpg" alt="">
<p>Epoa Wio</p>
</div>
Expand Down

0 comments on commit 6073092

Please sign in to comment.