-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
136 lines (113 loc) · 7.5 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us | iAid</title>
<link rel="shortcut icon" href="./assets/logoOnly.svg" type="image/x-icon">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="./app.css">
<!-- GoogleFonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Redressed&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.1/css/all.css" integrity="sha384-xxzQGERXS00kBmZW/6qxqJPyxW3UR0BPsL4c8ILaIWXva5kFi7TxkIIaMiKtqV1Q" crossorigin="anonymous">
</head>
<body class='gradientBody'>
<nav id="mainNav" class="sticky-top navbar navbar-expand-lg navbar-light bg-light py-0">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="./index.html">
<img src="./assets/icon+text.png" alt="iAid">
</a>
<div class="collapse navbar-collapse" id="navbarTogglerDemo03">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
<li class="nav-item mx-1">
<a class="nav-link" href="./index.html"><i class="fas fa-home"></i> Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item mx-1">
<a class="nav-link" href="./working.html"><i class="fas fa-cubes"></i> How It Works</a>
</li>
<li class="nav-item active mx-1">
<a class="nav-link" href="./about.html"><i class="fas fa-user-friends"></i> About Us</a>
</li>
</ul>
<ul class="navbar-nav">
<li class="nav-item mx-1">
<a class="nav-link" href="./assets/iAid_v1.0.apk" download="iAid"><i class="fas fa-download"></i> Download the App</a>
</li>
</ul>
</div>
</nav>
<div class="aboutSection container">
<h2 class="text-left">Who We Are</h2>
<hr color="rgb(41, 213, 178)">
<p class="container">
We are <em>Computer Engineering</em> Undergraduates from <strong>ZHCET, Aligarh Muslim University</strong>. We've made this Application as a <em>Minor Project</em> during our V Semester.
Experiencing the pandemic situation made us opt for this topic. These past few months made us realize how segregated the various classes of society are and how much more difficult this time has been for the lower classes as compared to us. Thus, our aim for this project was to use the technology at our disposal to bridge this gap between different to our best extent.
Its purpose is to minimize the effort from an individual and to ease the act of charity, just as all technology aims at easing human life, we hope it fulfills its purpose.
The app is open to any kind of improvement and changes (if any required at all) in the future.
It is a simple solution to a problem that is frequently ignored and we hope that this project helps in bringing this issue to light.
</p>
<hr color="rgb(41, 213, 178)">
<div class="ourDetails">
<div class="row text-center">
<div class="col-md-6 mb-4">
<img class="rounded-circle z-depth-2" alt="100x100" src="./assets/user1.svg" data-holder-rendered="true">
<h5>Haziq</h5>
<p>Computer Engg. Undergraduate</p>
<a href="https://github.com/haaaziq" target="_blank"><i class="fab fa-github"></i> view profile</a>
</div>
<div class="col-md-6 mb-4">
<img class="rounded-circle z-depth-2" alt="100x100" src="./assets/user2.svg" data-holder-rendered="true">
<h5>Mujtaba</h5>
<p>Computer Engg. Undergraduate</p>
<a href="https://github.com/C0DINGLE" target="_blank"><i class="fab fa-github"></i> view profile</a>
</div>
</div>
</div>
</div>
<div class="contactForm container">
<h2 class="text-center">Contact Us</h2>
<form target="_blank" action="https://formsubmit.co/iaid.smilebox@gmail.com" method="POST">
<div class="form-group">
<label for="exampleFormControlInput3">First Name</label>
<input type="text" name="First Name" class="form-control" id="exampleFormControlInput3" placeholder="first name" required>
</div>
<div class="form-group">
<label for="exampleFormControlInput2">Last Name</label>
<input type="text" name="Last Name" class="form-control" id="exampleFormControlInput2" placeholder="last name" required>
</div>
<div class="form-group">
<label for="exampleFormControlInput1">Email address</label>
<input type="email" name="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com" required>
</div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Message</label>
<textarea name="message" class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="your message...." required></textarea>
</div>
<div class="text-right">
<button type="submit" class="btn btn-info">Send <i class="far fa-comment-dots"></i></button>
</div>
</form>
</div>
<!----------------- FOOTER SECTION --------------------->
<div class="footerSection text-center">
<p class="container">
© iAid, 2020
</p>
</div>
<!----------------- /FOOTER SECTION --------------------->
<!-- jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
</body>
</html>