Payment-Gateway-Integration/index.html at main · Sibananda-Sahu17/Payment-Gateway-Integration · 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
164
165
166
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CHARITY HOMES</title>
    <link rel="stylesheet" href="CSS/index.css" />
    <script src="JS/index.js" defer></script>
    <script src="https://kit.fontawesome.com/64d58efce2.js" crossorigin="anonymous"></script>
  </head>
  <body>
    <header>
      <nav class="navbar">
        <div class="logo">
          <a href="#home1"><img src="IMAGES/logo.png" alt="" /></a>
        </div>
        <a href="#" class="btn">
          <span class="bar"></span>
          <span class="bar"></span>
          <span class="bar"></span>
        </a>

        <div class="links">
          <ul>
            <li><a href="#home1">Home</a></li>
            <li><a href="#about1">About</a></li>
            <li><a href="#donate1">Donate</a></li>
            <li><a href="#footer">Contact</a></li>
          </ul>
        </div>
      </nav>
    </header>

    <section class="home" id="home1">
      <div class="writea">
        NOBODY is so POOR that he has nothing to give, and nobody is so rich
        that he has nothing to receive.
      </div>
    </section>

    <section class="about" id="about2">
      <div class="aHeading" id="about1"><h1>ABOUT US!</h1></div>
        <div class="aDetail">
          <p class="para">
            We are a nonprofit NGO on a mission to scale English literacy so that
            every child has access to the educational and economic opportunities
            it unlocks. Even in the most remote areas, digital content can now be
            deployed via low-cost mobile devices "offline." without requiring
            continuous Internet connectivity.
          </p>
          <p class="para">
            Our content is designed for seamless scaling worldwide we do not
            require priorexposure to English knowledge of any other language, or
            supervision by skilled adults.
          </p>
          <p class="para">
            Our immersive digital content is designed for personalized guided
            learning presented within an engaging framework that relies heavily on
            imagery and audio, it is based on instructional second language
            acquisition research, targeting the fundamental skills required for
            literacy.
          </p>
        </div>
      <div class="dons2">
        <button class="btn2">
          <a href="https://rzp.io/l/i4YGZ0a"> DONATE </a>
        </button>
      </div>
    </section>

    <section class="donate" id="donate1">
      <div class="c">
        <div class="bDetail">
          <div class="content">
            <p class="para2">
              Follow us on our journey. would be happy to get connected. Our
              team includes seasoned educators authors, animators, established
              graphic artists, and engineers.
              <br>
              <br>
              A unique strength is our connection with two premier research
              universities. University of California, Santa Barbara (UCSB) and
              Carnegie Mellon University (CMU), with the close involvement of
              faculty with expertise spanning second language acquisition,
              education, engineering, and machine learning.
            </p>
          </div>
        </div>

        <div class="dons1">
          <button class="btn1">
            <a href="https://rzp.io/l/i4YGZ0a"> DONATE </a>
          </button>
        </div>
      </div>
    </section>

    <footer id="footer">
      <div class="container">
        <span class="big-circle"></span>
        <img src="img/shape.png" class="square" alt="" />
        <div class="form">
          <div class="contact-info">
            <h3 class="title">Let's get in touch!!!</h3>
            <p class="text">
              Donations to CARE India are tax exempted under section 80G.
            </p>
            <div class="info">
              <div class="information">
                <img src="img/email.png" class="icon" alt="">
                <p>sibananda6481@gmail.com</p>
              </div>
              <div class="information">
                <img src="img/phone.png" class="icon" alt="">
                <p>+91 9849867058</p>
              </div>
            </div>
            <div class="social-media">
              <p>Connect with us :</p>
              <div class="social-icons">
                <a href="https://www.facebook.com/sibananda.sahu.1048" target="_blank">
                  <i class="fab fa-facebook-f"></i>
                </a>
                <a href="https://github.com/Sibananda-Sahu17" target="_blank">
                  <i class="fab fa-github"></i>
                </a>
                <a href="https://www.instagram.com/sibananda_37/" target="_blank">
                  <i class="fab fa-instagram"></i>
                </a>
                <a href="https://www.linkedin.com/in/sibananda-sahu-b8a383206/" target="_blank">
                  <i class="fab fa-linkedin-in"></i>
                </a>
              </div>
            </div>
          </div>
          <div class="contact-form">
            <span class="circle one"></span>
            <span class="circle two"></span>
            <form action="index.html" autocomplete="off">
              <h3 class="title">Contact us</h3>
              <div class="input-container">
                <input type="text" name="name" class="input" placeholder="Username">
                <label for=""></label>
              </div>
              <div class="input-container">
                <input type="email" name="email" class="input" placeholder="Email">
                <label for=""></label>
              </div>
              <div class="input-container">
                <input type="tel" name="phone" class="input" placeholder="Phone">
                <label for=""></label>
              </div>
              <div class="input-container textarea">
                <textarea name="message" class="input" placeholder="Message"></textarea>
                <label for=""></label>
                <span>Message</span>
              </div>
              <input type="submit" value="Send" class="button" />
            </form>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>