forked from mealsecure/mealsecure.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (112 loc) · 6.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
<!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>MealSecure</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" type="text/css" />
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="styles.css" rel="stylesheet" />
</head>
<body>
<section>
<style>
body{
background-image: url('img2.jpg');
background-repeat: no repeat;
background-attachment: fixed;
background-size: contain;
}
</style>
<!-- Navigation-->
<nav class="navbar navbar-light bg-light static-top">
<div class="container">
<a class="navbar-brand" href="#!">
<img src="mealsecurelogo.png">
MealSecure
</a>
<div class="topnav-right">
<a class="btn btn-primary" href="donate.html">Donate</a>
<a class="btn btn-primary2" href="about.html">About</a>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container position-relative">
<div class="row justify-content-center">
<div class="col-xl-6">
<div class="text-center text-white">
<!-- Page heading-->
<!--<p style='line-height:100%'>-->
<h3 class="mb-4">Are you aware of</h3>
<h1 class="mb-5">THE EXTENT OF FOOD INSECURITY</h1>
<h3 class="mb-4">in your area?</h3>
</p>
<!--<form action="http://128.61.40.183:5555/" method="get">
<input type="number" name="census-tract-code" id="census-tract-code">
<input type="text" name="state" id="state">
<input type="text" name="county" id="county">
<input type="submit">
</form>-->
<form action="http://128.61.40.183:5555/" class="form" id="dataForm" method="get">
<div class="row">
<div class="col">
<input class="form-control form-control-lg" id="county" type="text" name="county" placeholder="Enter your County" data-sb-validations="required,text" />
<div class="invalid-feedback text-white" data-sb-feedback="county:required">County is required.</div>
<div class="invalid-feedback text-white" data-sb-feedback="county:text">County is not valid.</div>
</div>
<div class="col-auto"></div>
<div class="col">
<input class="form-control form-control-lg" id="state" type="text" name="state" placeholder="Enter your State" data-sb-validations="required,text" />
<div class="invalid-feedback text-white" data-sb-feedback="state:required">Email Address is required.</div>
<div class="invalid-feedback text-white" data-sb-feedback="state:text">Email Address is not valid.</div>
</div>
<div class="col-auto"></div>
</div>
<h4>
<div class="row">
<div class="col">
<input class="form-control form-control-lg" id="census-tract-code" name="census-tract-code" type="number" placeholder="Enter your Census Tract Code" data-sb-validations="required,number" size="20" />
<div class="invalid-feedback text-white" data-sb-feedback="number:required">Census tract code is required.</div>
<div class="invalid-feedback text-white" data-sb-feedback="census-tract-code:number">Census tract code is not valid.</div>
</div>
<div class="col-auto"><button class="btn btn-primary btn-lg" id="submitButton" type="submit">Search</button></div>
</h4>
</h4>
</div>
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
<div>
<style>
a:link {
color:azure
}
</style>
<p1><a href="https://geocoding.geo.census.gov/geocoder/geographies/address?form" target="blank" style="color:white"><u>I don't know my census tract code</u></a></p1>
</div>
</form>
</div>
</div>
</div>
</div>
</header>
</section>
</header>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>