-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (71 loc) · 3.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Find My Spot Philly</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/business-casual.css" rel="stylesheet">
<!-- Firebase Reference -->
<script src="https://www.gstatic.com/firebasejs/4.11.0/firebase.js"></script>
</head>
<body>
<h1 class="site-heading text-center text-white d-none d-lg-block">
<span class="site-heading-upper text-primary mb-3">Living Large in the City of Brotherly Love</span>
<span class="site-heading-lower">Find My Spot Philly</span>
</h1>
<section class="page-section clearfix">
<div class="container">
<div class="intro">
<img class="intro-img img-fluid mb-3 mb-lg-0 rounded" src="img/ps.jpg" alt="Philadelphia Skyline">
<div class="intro-text left-0 text-center bg-faded p-5 rounded">
<h2 class="section-heading mb-4">
<span class="section-heading-upper">Cool Neighborhoods</span>
<span class="section-heading-lower">Worth Living</span>
</h2>
<p class="mb-3">Every neighborhood in the city of Brotherly Love is unique, using our amazing service we can help you find the right place to live within your budget.
</p>
<form>
<div class="form-group">
<label for="exampleInput1">Yearly Income</label>
<input type="input" class="form-control" id="exampleInput1" placeholder="Income (eg 25000)" onkeypress='validate(event)'>
</div>
</form>
<div class="intro-button mx-auto">
<div class="btn btn-primary btn-xl" id="findIncome">Search within my budget!</div>
</div>
</div>
</section>
<section class="page-section cta">
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<div class="cta-inner text-center rounded">
<h2 class="section-heading mb-4">
<span class="section-heading-upper">Our Promise</span>
<span class="section-heading-lower">To You</span>
</h2>
<p class="mb-0">When you use our service, we'll help you decide the right place to live in Philly, we compare publicly available data to assist in your decision making process. We want to ensure that your next move is to a place that's safe,fun,
enjoyable and most importantly affordable! If you're not satisfied, or have suggestions on how to make our service better, please email our web admin (Philly@admin.com) and let us know.
</p>
</div>
</div>
</section>
<footer class="footer text-faded text-center py-5">
<div class="container">
<p class="m-0 small">Copyright © Your Website 2018</p>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js">
</script>
<!-- Custom JS file for this template, firebase DB has been intergrated -->
<script src="assets/js/logic.js"></script>
</body>
</html>