forked from luciengaitskell/hsdri
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdonate.html
60 lines (57 loc) · 4.64 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
<!DOCTYPE html>
<html style="height: 100%;">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>HSDRI</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body class="d-flex flex-column" style="height: 100%;">
<header class="d-flex flex-column">
<nav class="navbar navbar-light navbar-expand-lg sticky-top border rounded-0 shadow d-flex navigation-clean-search">
<div class="container"><a class="navbar-brand" href="/" style="height: 40px;"><img class="shadow-lg bg-dark rounded" src="assets/img/hsdri-lowres-cropped.png" width="50%" style="height: 100%;width: auto;padding: 2px;"></a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse justify-content-sm-start justify-content-md-start justify-content-lg-start justify-content-xl-center" id="navcol-1">
<ul class="nav navbar-nav">
<li class="nav-item">
<div class="nav-item dropdown nav-link"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="color: rgb(55, 67, 77);">About Us </a>
<div class="dropdown-menu"><a class="dropdown-item" href="/about/exec.html">Executive Board</a><a class="dropdown-item" href="/about/mission.html">What We Do</a></div>
</div>
</li>
<li class="nav-item">
<div class="nav-item dropdown nav-link"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" style="color: rgb(55, 67, 77);">Take Action</a>
<div class="dropdown-menu"><a class="dropdown-item" href="/action/register.html">Register to Vote</a><a class="dropdown-item" href="/action/find.html">Find Legislators</a><a class="dropdown-item" href="/action/contact.html">Contact Legislators</a><a class="dropdown-item" href="/action/drive.html">Hold A Drive</a></div>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="/events.html">Events</a></li>
<li class="nav-item">
<div class="nav-item dropdown nav-link"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" hre="" style="color: rgb(55, 67, 77);">Chapters</a>
<div class="dropdown-menu"><a class="dropdown-item" href="/chapters/current.html">Current Chapters</a><a class="dropdown-item" href="/chapters/start.html">Start a Chapter</a><a class="dropdown-item" href="/chapters/join.html">Become a Member</a></div>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="/news.html">News</a></li>
<li class="nav-item"><a class="nav-link active" href="/donate.html">Donate</a></li>
<li class="nav-item"><a class="nav-link" href="mailto:[email protected]"><i class="far fa-envelope nav-icon"></i></a></li>
</ul>
</div>
</div>
</nav>
</header>
<main class="d-flex flex-column flex-grow-1">
<h1 class="display-4 text-center text-primary d-flex flex-column" style="margin-top: 40px;margin-bottom: 20px;">Donate to Support</h1>
<div class="row">
<div class="col">
<p style="font-size: 26px;">As an organization, we primarily need funds in order to run this website. Additionally, we try to give everyone around the state an equal opportunity to take part, so some funds are allocated to ensuring everyone who wants to participate in volunteering and events are able to.<br></p>
</div>
<div class="col">
<div class="d-flex" style="display: flex;padding: 40px;width: 100%;"><a class="btn btn-primary d-flex flex-column flex-grow-1 flex-fill" role="button" style="margin: 6px;" target="_blank">Donation coming soon...</a></div>
</div>
</div>
</main>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>