forked from MrAyushBajpai/Disaster-Management-Tool
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdonate.html
82 lines (66 loc) · 4.01 KB
/
donate.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Disaster Management India</title>
<!-- Link to your external CSS file -->
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<!-- Bootstrap CSS (You can also link to the Bootstrap CDN as before) -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>
<!-- Header -->
<div id="navbar-container"></div>
<div class="col-md-6 mt-7 donations-block">
<h1 class="text-center">Donate to us!</h1>
<h3 class="text-center">Help us provide these services for free by donating directly to support us.</h3>
<p class="mt-4">What this means: It means that by directly donating to us, you will be supporting all the people who use this website. We will use all of the donation money to bring something back to the community. Whether paying for servers, or directly donating to disaster relief fund, we will use the entirety of the sum for the well being of the community. </p>
<div class="donation-container">
<form class="donation-form">
<h2 class="text-center">Enter Your Donation Details</h2>
<div class="form-group">
<label for="full-name">Full Name:</label>
<input type="text" id="full-name" name="full-name" placeholder="Enter Full Name" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter Email" required>
</div>
<div class="form-group">
<label for="amount">Donation Amount:</label>
<input type="number" id="amount" name="amount" placeholder="Enter the amount" required>
</div>
<div class="donation-buttons">
<button class="amount-button" onclick="fillAmount(11)">Rs 11</button>
<button class="amount-button" onclick="fillAmount(101)">Rs 101</button>
<button class="amount-button" onclick="fillAmount(1001)">Rs 1001</button>
</div>
<button type="submit" class="submit-button">Submit Donation</button>
</form>
</div>
</div>
<!-- Footer -->
<div id="footer-container"></div>
<style>
body{
background-image: url('img/donation-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
</style>
<!-- Load the JavaScript from navbar-loader.js -->
<script src="js/fill-amount.js"></script>
<script src="js/navbar-loader.js"></script>
<script src="js/footer-loader.js"></script>
<!-- Bootstrap JS and jQuery (optional) -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-Rx+T1VzGupg4BHQYs2gCW9It+akI2MM/mndMCy36UVfodzcJcF0GGLxZIzObiEfa" crossorigin="anonymous"></script>
</body>
</html>