Task-3_Payment-Gateway-Integration_The-Sparks-Foundation/index.html at main · Himansu-21/Task-3_Payment-Gateway-Integration_The-Sparks-Foundation · 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!doctype html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Welcome to Donate for Cause">


    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

    <title>Donate For Cause</title>

    <link rel="icon" href="imgs/donate.png" type="image/x-icon">
    <link rel="stylesheet" href="style.css">

</head>

<body>
    <nav class=" lead navbar navbar-expand-lg navbar-dark bg-dark">
        <a class="navbar-brand" href="index.html"><img src="imgs/donate.png" width="70px" alt=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="https://guptaaji09.github.io/Task-3_Payment-Gateway-Integration_The-Sparks-Foundation/index.html">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://guptaaji09.github.io/Task-3_Payment-Gateway-Integration_The-Sparks-Foundation/about.html">About</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link" href="https://guptaaji09.github.io/Task-3_Payment-Gateway-Integration_The-Sparks-Foundation/contact.html">Contact Us</a>
                </li>


            </ul>
            <div class="mx-2">
                <a href="https://pages.razorpay.com/pl_GFF2rkynv03jik/view" target="_blank">
                <button class="btn btn-danger" data-toggle="modal" data-target="#signupModal"><strong>Donate Now</strong></button>
                </a>
            </div>
        </div>
    </nav>

    <section class="jumbotron text-center banner3 wht">
      <div class="container">
        <h1 class="jumbotron-heading lead display-1"><b>The Sparks Foundation</b></h1>
        <p class="lead wht">"Join the fight against poverty, donate now and help us empower communities, change lives and build a better future for all."</p>
        <p>
          <a href="about.html" class="btn btn-success my-2">Learn More</a>

        </p>
      </div>
    </section>

    <div class="container my-4">
      <div class="row mb-2">
          <div class="col-md-6">
            <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
              <div class="col p-4 d-flex flex-column position-static">
                <strong class="d-inline-block mb-2 text-primary">World</strong>
                <h3 class="mb-0">Global Conferences</h3>
                <div class="mb-1 text-muted">Dec 27</div>
                <p class="card-text mb-auto">United Nations' Sustainable Development Summit work towards setting goals and strategies to eliminate poverty.</p>
                <a href="about.html" class="stretched-link">Continue reading</a>
              </div>
              <div class="col-auto d-none d-lg-block">
                <img class="bd-placeholder-img" width="200" height="285" src="imgs/img1.jpg" alt="">


              </div>
            </div>
          </div>
          <div class="col-md-6">
            <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
              <div class="col p-4 d-flex flex-column position-static">
                <strong class="d-inline-block mb-2 text-success">Nation</strong>
                <h3 class="mb-0">A Postive Approach</h3>
                <div class="mb-1 text-muted">Jan 13</div>
                <p class="mb-auto">NGOs, governments and private sectors teaming up to launch a new initiative aimed at eliminating poverty, with a focus on education, job creation, and sustainable economic growth.</p>
                <a href="about.html" class="stretched-link">Continue reading</a>
              </div>
              <div class="col-auto d-none d-lg-block">
                  <img class="bd-placeholder-img" width="200" height="285" src="imgs/img2.jpg" alt="">

              </div>
            </div>
          </div>
        </div>
  </div>


    <div id="carouselExampleCaptions" class="carousel slide carousel-fade" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>

        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="imgs/banner2.png" class="d-block w-100" alt="...">
                <div class="lead carousel-caption d-none d-md-block">
                    <h2>Help the Children When They Need</h2>
                    <p>"Eliminating poverty, one step at a time"</p>
                    <a href="https://pages.razorpay.com/pl_GFF2rkynv03jik/view" target="_blank">
                    <button class="btn btn-danger">Donate Now</button>
                    </a>
                </div>
            </div>
            <div class="carousel-item">
                <img src="imgs/banner.png" class="d-block w-100" alt="...">
                <div class=" lead carousel-caption d-none d-md-block">
                    <h2>Help the Children When They Need</h2>
                    <p>"Eliminating poverty, one step at a time"</p>
                    <a href="https://pages.razorpay.com/pl_GFF2rkynv03jik/view" target="_blank">
                    <button class="btn btn-danger">Donate Now</button>
                    </a>

                </div>
            </div>

        </div>
        <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

      <footer class="py-3 my-4">
        <ul class="nav justify-content-center border-bottom pb-3 mb-3">
          <li class="nav-item"><a href="index.html" class="nav-link px-2 text-muted">Home</a></li>
          <li class="nav-item"><a href="about.html" class="nav-link px-2 text-muted">About</a></li>
          <li class="nav-item"><a href="contact.html" class="nav-link px-2 text-muted">Contact Us</a></li>
          <li class="nav-item"><a href="https://pages.razorpay.com/pl_GFF2rkynv03jik/view" class="nav-link px-2 text-muted">Make a Donation</a></li>
        </ul>
        <p class="text-center text-muted">Copyright ©2023 All rights reserved | This template is made with <img src="imgs/heart.png" width="20px" alt="♡"> by <a href="https://github.com/Himansu-21">link</a></p>
      </footer>


    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
        crossorigin="anonymous"></script>
</body>

</html>