-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (158 loc) · 6.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link
href="https://fonts.googleapis.com/css?family=B612|Frank+Ruhl+Libre&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=B612|Frank+Ruhl+Libre&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="/css/index.css" />
<script src="https://kit.fontawesome.com/059d65b325.js" crossorigin="anonymous"></script>
<title>Freedom Calculator</title>
</head>
<body>
<section class="main-container">
<nav>
<a class="active" href="index.html">Home</a>
<a href="/about.html">About</a>
<a href="https://dvstbuild.netlify.com/">Calculator</a>
<a href="/resources.html">Resources</a>
<button
class="nav-login"
type="button"
onclick="window.location.href ='http://dvstbuild.netlify.com';"
>
Log In/Sign Up
</button>
</nav>
<header>
<div class="header-banner">
<h1>Freedom Calculator</h1>
<p>
As part of our ongoing mission and vision, we are moved to provide a way for you to figure what
you need to get out of this cycle of violence. Please use this tool and the resources
linked here to begin your journey to freedom, to help a friend or family member, to network with others,
and educate your community.
</p>
<button
class="header-button"
type="button"
onclick="window.location.href = 'http://dvstbuild.netlify.com';"
>
Use The Calculator
</button>
</div>
</header>
<section class="marketing-middle">
<div class="marketing-copy">
<h2>Why A Calculator?</h2>
<p>
There are many expenses when it comes to getting out of a bad situation. Some you can account for down to a penny.
Some you estimate as best you can. This calculator will allow you to input, save, and even compare those costs.
We know some of it is best guesstimate, but it will give you a starting place to budget and plan if your
situation doesn't call for immediate action.
</p>
<p class="hotline">If you are in immediate trouble,
please call the National Domestic Violence Hotline at <a href="tel:18007997233">1-800-799-7233 (SAFE)</a> .
</p>
</div>
</section>
<section class="features-headline">
<h2>How It Works</h2>
</section>
<section class="features">
<div class="feature-box">
<h2>❶</h2>
<h3>Enter Fixed Costs</h3>
<p>
These will be things like:
<ul>
<li>Transportation costs: Think a bus pass or other things that are
fixed such as a monthly oil change.</li>
<li>Insurace premiums such as car and health insurance.</li>
<li>Loans such a personal, school, or cash advance loans.</li>
<li>Your average montly food costs.</li>
<li>There's even an spot where you can add your fixed costs that
aren't listed (as a single total amount)</li>
</ul>
</p>
</div>
<div class="feature-box">
<h2>❷</h2>
<h3>Enter Variable Costs</h3>
<p>
These will be things like:
<ul>
<li>Hotel costs while relocating</li>
<li>Renting a moving truck and the gas for the trip</li>
<li>Connection fees for your new Utilities</li>
<li>Storage Unit rental feees</li>
<li>Car rental if needed plus gas</li>
</ul>
</p>
</div>
<div class="feature-box">
<h2>❸</h2>
<h3>Get Totals</h3>
<p>
This will help you:
</p>
<ul>
<li>Budget For Your First Month On Your Own</li>
<li>Estimate Your Monthly Living Expenses</li>
<li>Know What You Need To Save Before Moving</li>
<li>Know What You Can Save Based On Your Current Expenses</li>
<li>Make Plans To Move Forward Towards A Safer Life</li>
</ul>
</div>
<div class="feature-box">
<h2>✔</h2>
<h3>Extras</h3>
<p>
Other Site Features:
<ul>
<li>Resources Page with links to cost of living comparions sites to help you estimate some of your moving costs</li>
<li>Link to find hotline numbers to get support before, during, and after your move</li>
<li>Links to help you make a safety plan for getting out</li>
</ul>
</p>
</div>
</section>
<footer>
<section class="footer-left">
<div class="footer-about-links">
<h4>Other Important Information</h4>
<a href="/credits.html">Special Thanks</a>
<a href="/privacy.html">Privacy</a>
<a href="/terms.html">Terms of Use</a>
</div>
</section>
<section class="footer-middle">
<p class="social">
<a href="https://www.facebook.com/"><i class="fab fa-facebook-square"></i></a>
<a href="https://twitter.com"><i class="fab fa-twitter-square"></i></a>
<a href="https://www.linkedin.com"><i class="fab fa-linkedin"></i></a>
<a href="https://www.instagram.com"><i class="fab fa-instagram"></i></a>
</p>
<p>© 2020 My Awesome Company All Rights Reserved</p>
</section>
<section class="footer-right">
<h4>Contact Us</h4>
<address>
<p>A Really Awesome Company</p>
<p>123 Main St</p>
<p>AmyTown, USA 11111</p>
</address>
<p>Email: info@myawesomecompany.123</p>
<p>Phone: 1 (555) 555-5555 </p>
</section>
</footer>
</section>
</body>
</html>