-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
163 lines (162 loc) · 10.3 KB
/
index.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
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="" />
<meta name="author" content="" />
<title>DआN</title>
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#page-top"><img src="assets/img/navbar-logo.png" alt="..." /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ms-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead">
<div class="container">
<div class="masthead-subheading">Welcome To DआN!</div>
<div class="masthead-heading text-uppercase">Help the Less fortunate</div>
</div>
</header>
<section class="page-section" id="services">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Services</h2>
<h3 class="section-subheading text-muted">Donate today or Register as an NGO</h3>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x" id="donations">
<a href="https://meharamt.github.io/DonateResources/"><i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i></a>
</span>
<h4 class="my-3">Donate Resouces</h4>
<p class="text-muted">Donate today and We will connect you to the nearest NGO</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<a href="https://meharamt.github.io/RegisterNGO/"><i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-lock fa-stack-1x fa-inverse"></i></a>
</span>
<h4 class="my-3">Register as NGO</h4>
<p class="text-muted">Register today to get donations and help the less fortunate.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-heart fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">Help Us</h4>
<p class="text-muted">Help us run this Non-Profit Website with whatever donations you can offer.</p>
</div>
</div>
</div>
</section>
<section class="page-section bg-light" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Our Team</h2>
<h3 class="section-subheading text-muted">NoobPlayers</h3>
</div>
<div class="row">
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="..." />
<h4>Meharamt Singh </h4>
<p class="text-muted">Front-End Developer</p>
<a class="btn btn-dark btn-social mx-2" id="meharinsta" href="https://www.instagram.com/meharamt_singh/"><i class="fab fa-instagram"></i></a>
<a class="btn btn-dark btn-social mx-2" id="meharlinkedin" href="https://www.linkedin.com/in/meharamt-singh/"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="..." />
<h4>Sabhya Dhir</h4>
<p class="text-muted">Back-End Developer</p>
<a class="btn btn-dark btn-social mx-2" id="sabhyainsta" ><i class="fab fa-instagram"></i></a>
<a class="btn btn-dark btn-social mx-2" id="sabhyalinkedin"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="..." />
<h4>Varun Prabhakar</h4>
<p class="text-muted">Front-End Developer</p>
<a class="btn btn-dark btn-social mx-2" id="varuninsta"><i class="fab fa-instagram"></i></a>
<a class="btn btn-dark btn-social mx-2" id="varunlinkedin"><i class="fab fa-linkedin-in" ></i></a>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/4.jpg" alt="..." />
<h4>Divyanshu Anand</h4>
<p class="text-muted">Front-End Developer</p>
<a class="btn btn-dark btn-social mx-2" id="divyanshuinsta"><i class="fab fa-instagram"></i></a>
<a class="btn btn-dark btn-social mx-2" id="divyanshulinkedin"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</section>
<section class="page-section" id="contact">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Contact Us</h2>
<h3 class="section-subheading text-muted">Email to- [email protected]<br>Toll Free- +91 000 750 0069</h3>
<form id="RegisterationForm" data-sb-form-api-token="API_TOKEN">
<div class="row align-items-stretch mb-5">
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="name" type="text" placeholder="Your Name *" data-sb-validations="required" />
<div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
</div>
<div class="form-group">
<input class="form-control" id="email" type="email" placeholder="Your Email *" data-sb-validations="required,email" />
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
</div>
<div class="form-group mb-md-0">
<input class="form-control" id="phone" type="tel" placeholder="Your Phone *" data-sb-validations="required" />
<div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group form-group-textarea mb-md-0">
<textarea class="form-control" id="message" placeholder="Your Message *" data-sb-validations="required"></textarea>
<div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
</div>
</div>
</div>
<div class="d-none" id="submitSuccessMessage">
<div class="text-center text-white mb-3">
<div class="fw-bolder">Form submission successful!</div>
</div>
</div>
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
<div class="text-center"><button class="btn btn-primary btn-xl text-uppercase disabled" id="submitButton" type="submit">Register NGO</button></div>
</form>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="scripts.js"></script>
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>