-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfinances.html
254 lines (225 loc) · 13.6 KB
/
finances.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Giving | NewSpring.cc</title>
<!-- jQuery -->
<script src="https://newspring.cc/Scripts/Bundles/RockJQueryLatest?v=04Na70l5xG-Ak3mWoqN6rMOm3L9-p3kgT_NPfUoJxck1"></script>
<!-- Bootstrap -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<!-- Typekit -->
<link rel="stylesheet" href="https://use.typekit.net/bcm6gqj.css" />
<!-- FontAwesome -->
<script src="https://kit.fontawesome.com/3e0f7fab68.js" crossorigin="anonymous"></script>
<!-- AOS -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
<script src="./Themes/new/Scripts/dynamic-aos-min.js"></script>
<script src="./Themes/new/Scripts/accordions-min.js"></script>
<!-- Swiper.js -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" />
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<link rel="stylesheet" href="./Themes/new/Styles/bootstrap.css" />
<link rel="stylesheet" href="./Themes/new/Styles/theme.css" />
</head>
<body>
<section class="p-0 w-100 bg-white d-grid grid-cols-2 justify-content-between align-content-center drop-shadow">
<div class="d-grid align-content-center">
<a href="/" class="px-3 mb-0">
<img src="./Themes/new/Assets/SVG/logo.svg" alt="NewSpring Church Logo" style="width: 160px; max-width: 160px" />
</a>
</div>
<div class="overflow-hidden text-right">
<a href="#" class="d-inline-block no-underline p-3 p-md-3 text-gray-darker border-solid border-l border-gray-lighter">
<i class="fa-light fa-lg fa-bars"></i>
</a>
<span class="hidden-xs hidden-sm">
<a href="#" class="d-inline-block no-underline p-3 p-md-3 text-gray-darker border-solid border-l border-gray-lighter">
<i class="fa-light fa-lg fa-location-dot"></i>
</a>
<a href="#" class="d-inline-block no-underline p-3 p-md-3 text-gray-darker border-solid border-l border-gray-lighter">
<i class="fa-light fa-lg fa-magnifying-glass"></i>
</a>
</span>
<a href="#" class="d-inline-block no-underline p-3 p-md-3 text-gray-darker border-solid border-l border-gray-lighter">
<i class="fa-light fa-lg fa-circle-user"></i>
</a>
</div>
</section>
<section class="position-relative bg-tertiary text-white" style="background-color: rgba(39, 103, 152, 0.9)">
<div
class="fullscreen background-cover background-center"
style="background-image: url('https://s3.amazonaws.com/ns.images/newspring/give/2023/give_finances_ad2_2x1.jpg')"></div>
<div class="fullscreen" style="background: linear-gradient(0deg, rgba(39, 103, 152, 0.2) 5%, rgba(39, 103, 152, 0.9) 60%)"></div>
<div class="bring-forward text-constrained mx-auto text-center">
<p class="pretitle text-white">Finances</p>
<h1 class="display-3">How to win with money</h1>
<p>
When we manage money God’s way, the results are life-changing. Is your next step tithing, budgeting, or one-on-one coaching? We have resources
available for you!
</p>
<p class="mb-0"><a href="#tithing" data-scroll class="btn btn-primary drop-shadow">Learn More</a></p>
</div>
</section>
<section id="tithing" class="position-relative">
<div class="fullscreen" style="background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 50%)"></div>
<div class="bring-forward text-constrained mx-auto">
<p class="pretitle">Tithing</p>
<h2>Tithing is one of the ways we worship God.</h2>
<p>When we tithe, we honor God as our provider and remind ourselves that all our resources belong to Him and are provided through His grace.</p>
<p class="mb-0">
<a href="/give/now" class="btn btn-primary">Give Now</a>
<a href="/give" class="btn btn-link">Learn More</a>
</p>
</div>
</section>
<section id="ramsey-plus" class="text-center">
<div class="text-constrained mx-auto">
<svg viewBox="0 0 129 92" class="mb-5" style="max-width: 200px">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M104.034 37.114C103.443 36.3053 102.937 35.2701 102.516 34.0086C102.072 33.9099 101.974 32.9771 101.929 32.5467C101.485 32.448 100.259 30.4001 99.9435 30.143C99.5911 30.9053 99.3613 30.9515 99.0986 30.3402C98.8318 29.7197 98.5632 29.5816 98.1628 29.6766C97.8501 29.7508 95.022 30.9483 94.874 31.3268C92.6536 37.0033 91.3542 38.6191 89.8626 45.5758C76.1694 47.0915 66.4172 50.0301 66.441 51.6237C66.5989 51.7522 70.8162 58.8968 71.7936 59.955C71.7784 59.8117 72.2896 59.8447 72.402 59.5428L73.1124 60.1211C72.6843 60.166 72.5004 60.4754 72.561 61.0495C75.9106 59.9732 87.4009 58.5648 87.416 58.7084C86.4393 66.4011 86.2968 71.082 86.353 75.719C87.0969 75.9313 87.5855 76.4604 87.8191 77.3065C87.7435 76.5889 87.8969 75.9924 88.2797 75.5172C88.1975 76.106 89.5068 78.9431 89.9502 79.0419C90.0777 78.8835 90.3373 79.2915 90.6377 79.4051C90.8928 79.0882 91.5065 78.4073 91.7585 78.7436C92.0103 79.0799 92.1104 79.6861 92.0584 80.562C92.6294 80.5023 93.6315 79.7444 93.9169 79.7145C94.142 79.1106 99.9748 56.3815 100.087 56.0796C101.199 55.6731 125.04 53.2487 125.754 53.1739C125.718 52.8383 125.636 52.6441 125.507 52.591C125.486 52.5823 125.464 52.5775 125.44 52.5764C125.44 52.5764 125.533 52.5144 125.564 52.4922C125.961 52.2114 126.465 51.7117 126.406 51.147C126.15 51.4638 126.319 51.011 126.529 50.2636C125.785 50.0513 122.678 48.6357 122.663 48.4923C122.649 48.3674 122.522 48.1995 122.282 47.9886C122.279 47.9859 122.276 47.9838 122.273 47.9813C122.265 47.9742 122.263 47.9711 122.271 47.9732C122.276 47.9745 122.282 47.9762 122.289 47.9779C122.753 48.0931 124.383 47.8167 124.712 47.407C124.9 47.8225 125.707 46.5773 125.264 46.4788C125.294 46.7657 121.213 45.5969 115.415 45.4429C109.306 45.2805 107.226 45.381 102.784 45.3149C102.784 45.3149 104.473 37.9204 104.034 37.114Z"
fill="#0090D8" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M36.893 36.5734H27.0312V19.0207H36.893C40.8277 19.0207 48.4015 19.2555 48.4015 27.7377V27.9726C48.4015 36.4559 40.8277 36.6908 36.893 36.5734ZM59.1443 49.9704C69.1278 45.7599 72.1228 34.4055 72.1228 27.9138C72.1228 21.4768 69.1278 10.1263 59.1496 5.85859C56.2094 4.56845 49.4592 3.51465 40.6471 3.51465H3.19214V52.3143H40.6524C52.572 52.3143 56.2672 51.2004 59.1443 49.9704Z"
fill="#173660" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M37.0695 58.7839L53.3899 86.6372H79.754L62.5514 58.7839H37.0695Z" fill="#173660" />
<mask id="mask0_6_276" style="mask-type: luminance" maskUnits="userSpaceOnUse" x="-37" y="-17" width="186" height="124">
<path d="M-36.3883 106.496H148.46V-16.3523H-36.3883V106.496Z" fill="#173660" />
</mask>
<g mask="url(#mask0_6_276)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.19189 78.4425H27.0311V58.7886H3.19189V78.4425Z" fill="#173660" />
</g>
</svg>
<h2>Handling money the right way is a <span class="text-primary">lifelong process</span>.</h2>
<p>
<b>We want to give you tools to help you live in financial freedom.</b> Using the sign up form below, you or your family can create a free account
with <a href="https://www.ramseysolutions.com/ramseyplus" target="_blank">Ramsey+</a>! This includes access to EveryDollar and Financial Peace
University.
</p>
<div class="d-inline-block position-relative">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Choose Your Campus <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="/aiken">Aiken</a></li>
<li><a href="/anderson">Anderson</a></li>
<li><a href="/clemson">Clemson</a></li>
</ul>
</div>
</div>
</section>
<style>
#ramsey-plus {
--ramsey-blue: #0290d9;
}
#ramsey-plus .text-primary {
color: var(--ramsey-blue) !important;
}
#ramsey-plus .btn-primary {
background-color: var(--ramsey-blue);
}
#ramsey-plus a:not(.btn) {
color: var(--ramsey-blue);
}
</style>
<section id="resources" class="bg-gray-darker px-2 px-sm-4 px-md-6 pb-5">
<div class="page-constrained mx-auto px-2 mb-5">
<p class="pretitle">Resources</p>
<h2 class="text-white">Tested tools to help you <span class="text-primary">win with money</span></h2>
</div>
<div class="d-grid grid-cols-1 grid-cols-lg-2 page-constrained mx-auto">
<section
class="position-relative bg-black text-white px-4 pt-11 pb-5 px-md-5 pb-md-5 rounded-lg overflow-hidden mb-2 mb-md-4 mr-lg-4"
data-aos="fade-up">
<div
class="fullscreen background-cover background-center"
style="background-image: url('https://s3.amazonaws.com/ns.images/newspring/finances/2023/finances_coaching_ad_2x1.jpg')"></div>
<div class="fullscreen" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 70%)"></div>
<div class="bring-forward text-constrained mx-auto">
<h3 class="h5">Financial Coaching</h3>
<p>NewSpring offers free, confidential, one-on-one Financial Coaching to the community.</p>
<p class="mb-0"><a href="#" class="btn btn-sm btn-primary drop-shadow">Sign Up</a></p>
</div>
</section>
<section class="position-relative bg-black text-white px-4 pt-11 pb-5 px-md-5 pb-md-5 rounded-lg overflow-hidden mb-2 mb-md-4" data-aos="fade-up">
<div
class="fullscreen background-cover background-center"
style="background-image: url('https://s3.amazonaws.com/ns.images/newspring/finances/2023/finances_fpu_1x1.jpg')"></div>
<div class="fullscreen" style="background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.9) 70%)"></div>
<div class="bring-forward text-constrained mx-auto">
<h3 class="h5">Financial Peace University</h3>
<p>During this class, you and your classmates will go through Financial Peace University together.</p>
<p class="mb-0"><a href="#" class="btn btn-sm btn-primary drop-shadow">Sign Up</a></p>
</div>
</section>
</div>
</section>
<section id="questions" class="text-center">
<div class="text-constrained mx-auto">
<h2>Still have questions?</h2>
<p>We’d love to answer any questions you might have.</p>
<p class="mb-0"><a href="#" class="btn btn-primary">Contact Us</a></p>
</div>
</section>
<footer class="bg-gray-dark text-white px-4 py-7 px-md-7 py-md-8 text-center">
<div class="d-flex flex-column flex-md-row flex-wrap justify-content-between align-content-end">
<div data-aos="fade-up" class="w-100 w-md-auto height-max-content text-md-left">
<img src="./Themes/new/Assets/SVG/mark.svg" alt="NewSpring Church Logo" class="mb-3" style="width: 40px; max-width: 40px" />
<h6 class="font-black text-uppercase">NewSpring Church</h6>
<p>PO Box 1407<br />Anderson, SC 29622<br /><a href="#">(864) 965-9990</a></p>
<p class="font-sans font-medium">
<small
><a href="https://www.rockrms.com" class="text-white text-hover-white text-decoration-none" target="_blank"
>Built on
<span class="position-relative fa-layers fa-lg fa-fw" style="top: 3px">
<i class="fa-solid fa-circle" style="color: white" aria-hidden="true"></i>
<i class="fa-inverse fa-brands fa-rockrms" style="color: #ee7725; transform: scale(1.1)" data-fa-transform="shrink-6" aria-hidden="true"></i>
</span>
Rock RMS</a
></small
>
</p>
<p class="font-sans font-medium text-uppercase text-gray mb-0"><small>© 2023 NewSpring Church</small></p>
</div>
<div data-aos="fade-up" class="height-max-content text-md-right">
<ul class="list-unstyled font-sans font-medium">
<li><a href="#" class="text-decoration-none">Privacy Policy</a></li>
<li><a href="#" class="text-decoration-none">Terms of Use</a></li>
<li><a href="#" class="text-decoration-none">Reprinting & Reposting</a></li>
</ul>
<ul class="list-inline">
<li>
<a href="#" class="text-white">
<i class="fa-brands fa-xl fa-facebook-f"></i>
</a>
</li>
<li>
<a href="#" class="text-white">
<i class="fa-brands fa-xl fa-twitter"></i>
</a>
</li>
<li>
<a href="#" class="text-white">
<i class="fa-brands fa-xl fa-instagram"></i>
</a>
</li>
<li>
<a href="#" class="text-white">
<i class="fa-brands fa-xl fa-youtube"></i>
</a>
</li>
</ul>
</div>
</div>
</footer>
</body>
</html>