forked from nbunruh/eth4houston
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (153 loc) · 8.8 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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="description" content="">
<meta name="author" content="">
<meta property="og:image" content="eh.jpg">
<meta name="google-site-verification" content="BMJAXYlf805xAN9M6iqU7NFuR_ZcVy6I4wb2Q6XSlYU" />
<title>EtherHouston Disaster Relief | Home</title>
<!-- Bootstrap core CSS -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="assets/css/helphouston.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">EtherHouston</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="./team.html">Meet the Team</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Intro Header -->
<header class="masthead">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h1 class="brand-heading">Ether Houston</h1>
<p class="intro-text">Tog<span style="color:red">ETHER</span> we are stronger.</p>
<a href="#about" class="btn btn-circle js-scroll-trigger">
<i class="fa fa-angle-double-down animated"></i>
</a>
</div>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>About the Initiative</h2>
<p>As many are aware, Hurricane Harvey recently swept through parts of the southern United States, leaving a trail of destruction in its path. Thousands of Texans have been displaced from their homes and lost everything.</p>
<p>Our goal is to provide a means through which members of the Ethereum community can donate Ether to help volunteers and organizations on the ground with disaster relief. It is our belief that smart contracts' <a href="https://monero.stackexchange.com/questions/1894/what-is-the-difference-between-trustless-and-trusted-system" target="_blank">trustless</a>-based system outperforms traditional methods by which funds are distributed. Moreover, donations are more likely to reach the intended recipients instead of being consumed by micro-transaction costs.</p>
<p>Proceeds will be equally distributed to <a href="http://www.nfl.com/news/story/0ap3000000837347/article/jj-watt-raises-18m-in-hurricane-harvey-relief" target="_blank">Houston Texans' defensive end JJ Watt's relief efforts</a>, <a href="https://ghcf.org/" target="_blank">the Greater Houston Community Foundation</a>, <a href="http://ghbcc.com/" target="_blank">and the Greater Houston Black Chamber.</a></p>
</div>
<div id="quickFacts" class="col-lg-8 mx-auto">
<h2 style="padding-top:100px">Quick Facts</h2>
<p><strong>Here is a look at the storm's historic devastation, <a href="Here is a look at the storm's historic devastation, by the numbers:" target="_blank">by the numbers:</a></strong></p>
<p><strong>185,149</strong>: Homes estimated to be damaged or destroyed by Harvey, according to Friday’s data from the Texas Division of Emergency Management.</p>
<p><strong>364,000</strong>: People who have registered for assistance with the Federal Emergency Management Agency (FEMA) as of Friday, according to FEMA.</p>
<p><strong>42,399</strong>: People in shelters as of Friday, according to the Texas governor.</p>
<p><strong>$125 billion</strong>: Texas Gov. Greg Abbot said his state will need federal relief money "far in excess" of that total. Moody’s Analytics has estimated $97 billion in destruction alone and some $108 billion in total damages counting lost output.</p>
</div>
</div>
</div>
</section>
<!-- Donate Section -->
<section id="donate" class="donate-section content-section text-center">
<div class="container">
<div class="col-lg-8 mx-auto">
<h2>Donate Now</h2>
<p style=" color: #42dca3">Please send all donations to the Ethereum smart contract address below.</p>
<p>For every one ETH that contributors donate, they will receive 500 EtherHouston (HOU) coins. These ERC20 tokens do not hold value--they are just our way of saying thank you and sharing the Ethereum technology with the world.</p>
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal"><i class="fa fa-heart" aria-hidden="true"></i>Donate</button>
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Contract Address</h4>
</div>
<div class="modal-body">
<p>You must have an Ethereum wallet (<a href="https://github.com/ethereum/mist" target="_blank">Mist</a> or <a href="https://metamask.io/" target="_blank">MetaMask</a>) to donate. Copy and paste this address into your Ethereum wallet.</p>
<div class="form-group">
<input class="form-control" id="txtCoinbase" value="0x222fb2ad9d6fa3e9844dd13fd7b5e3ebb810b9b4">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="content-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Contact Us</h2>
<p>If you have any questions, please click the button below to send us an e-mail!</p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item">
<a href="mailto:[email protected]" class="btn btn-default btn-lg">
<i class="fa fa-envelope"></i>
<span class="network-name">E-mail</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container text-center">
<p>Copyright © Assune, Inc. 2017</p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/popper/popper.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="assets/vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="assets/js/helphouston.min.js"></script>
</body>
<!-- Google Analytics Code -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-52090593-7', 'auto');
ga('send', 'pageview');
</script>
<!-- Google Analytics Code -->