-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
301 lines (287 loc) · 16.5 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
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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!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">
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="./css/query.css" />
<link rel="icon" href="./img/icon.png" />
<link rel="apple-touch-icon" href="./img/icon.png" />
<link rel="manifest" href="manifest.webmanifest" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<script src="./js/script.js"></script>
<title>Pricing | Pulse</title>
</head>
<body>
<header>
<div class="container">
<nav class="navigation">
<a href="#" class="logo"><img src="./img/cardiogram.png" class="logo-img" alt="pulse-logo"></a>
<ul class="nav-links">
<li class="links">Features</li>
<li class="links">Customer Stories</li>
<li class="links pricing">Pricing</li>
<li class="links">Blog</li>
<li class="links btn--sing-up"><a href="#" class="btn--link">Sign Up</a></li>
</ul>
<button class="btn-mobile-nav">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="icon-mobile-nav" name="menu-outline">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor" class="icon-mobile-nav" name="close-outline">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</nav>
</div>
</header>
<main>
<section class="hero-section">
<div class="container">
<div class="primary-text">
<h1 class="heading">Try Pulse free for <br>
30 days.</h1>
<p class="para">
See why Pulse is the best way to monitor your cash flow. Sign up <br class="para-br"> for any
plan and try Pulse
absolutely free for 30 days.
</p>
</div>
<div class="pricing-box">
<div class="box-one">
<div class="container">
<h2 class="second-heading">
These are what we call the Pulse Basics. They’re what every customer gets.
</h2>
<ul class="customer-benefit">
<li class="benefits">Manage cash flow on a daily, weekly, monthly, or yearly basis</li>
<li class="benefits">Forecast growth with recurring income or expenses that scale
automatically</li>
<li class="benefits">Works with any currency</li>
<li class="benefits">See Money In and Money Out, categorize transactions, and run
helpful reports</li>
<li class="benefits">Toggle entries and accounts on and off to game out different
scenarios.</li>
</ul>
<p class="para2">
Just need the Pulse Basics? </p>
<a class="get-link" href="#">Get them now</a>
<span class="month-text">for $29 per month.
</span>
</div>
</div>
<div class="box-two">
<div class="part1">
<a class="recommend-plan" href="#">
<h2 class="third-heading">Small Buisness Plan</h2>
<p class="price">$59 per month</p>
<div class="btn-div">
<button class="now">Sign Up Now</button>
</div>
</a>
<h3 class="fifth-heading">You get plus basics, plus:</h3>
<ul class="price-list">
<li class="box-list"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M4.5 12.75l6 6 9-13.5" />
</svg>
<a class="link-text" href="#">Manage cash flow across multiple finacial Accounts</a>
</li>
<li class="box-list"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M4.5 12.75l6 6 9-13.5" />
</svg>
<a class="link-text" href="#">Invite your Investor, book keeper, or management team
to see
reports or manage cash flows.</a>
</li>
<li class="box-list"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M4.5 12.75l6 6 9-13.5" />
</svg>
<a class="link-text" href="#">Integrate with QuickBooks Online for more accurate
cash flow
</a>
</li>
<li class="box-list"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M4.5 12.75l6 6 9-13.5" />
</svg>
<a class="link-text" href="#">Track your actual cash flow alongside your
projected cash flow</a>
</li>
</ul>
</div>
</div>
<div class="box-three">
<div class="part2">
<a class="starter-plan" href="#">
<h3 class="fourth-heading">Unlock extra features</h3>
<span class="price--2">$89 per month</span>
<div class="btn-div">
<button class="now">Try Premium</button>
</div>
</a>
<h3 class="fifth-heading">Get it all, plus:</h3>
<ul class="price-list">
<li class="box-list"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M4.5 12.75l6 6 9-13.5" />
</svg>
<a class="link-text" href="#">Manage cash flow across unlimited finacial
Accounts</a>
</li>
<li class="box-list"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M4.5 12.75l6 6 9-13.5" />
</svg>
<a class="link-text" href="#">Convert to any currency for localized cash flow
reporting and projections</a>
</li>
<li class="box-list"><svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round"
d="M4.5 12.75l6 6 9-13.5" />
</svg>
<a class="link-text" href="#">Attach invoices or contracts to your cash flows
entries for accountability and auditing.
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="quote-div">
<img class="sub-logo" src="./img/subvert-logo.png" alt="Subvert Logo Image" />
<blockquote class="quote">
“Pulse is worth every penny because it empowers business owners<br class="br-cl"> with critical
financial
insight
and knowledge.”
</blockquote>
<p class="company-name">SUBVERT MARKETING, INC.</p>
</div>
</div>
</section>
<section class="faq-section">
<div class="container">
<h2 class="faq-heading">FAQ</h2>
<div class="faq-box">
<div class="question-box">
<h4 class="question-heading">How does the 30-day free trial work?</h4>
<p class="answer">You can use Pulse absolutely free for 30 days. After 30 days, we will charge
the credit card you used when you sign up. If you choose to cancel your account before your
trial ends, your card will not be charged.</p>
</div>
<div class="question-box">
<h4 class="question-heading">If I upgrade an existing account, do I get another free trial?</h4>
<p class="answer">Brand new accounts are the only ones eligible for a 30-day free trial. If you
upgrade an existing account, your credit card will be billed the new amount on the date of
your next billing cycle.</p>
</div>
<div class="question-box">
<h4 class="question-heading">What is a “Financial Account”?</h4>
<p class="answer">Financial Accounts are a grouping of income and expense items that can be used
for tracking or reporting purposes.
<br> <br>
They’re designed to be flexible and can be used to differentiate between bank accounts,
companies, individuals or between personal and business entries.
</p>
</div>
<div class="question-box">
<h4 class="question-heading">Do I have to commit to a long-term contract?</h4>
<p class="answer">No. There is no contract when you use Pulse, other than agreeing to our Terms
of Service..</p>
</div>
<div class="question-box">
<h4 class="question-heading">Will I be able to cancel my account if I don’t use Pulse?</h4>
<p class="answer">Yes – you can cancel your account at any time. To cancel your account, go to
your billing page and click on “Please cancel my account” at the bottom of the page. The
account owner is the only one who can cancel an account. An email request to delete an
account is not considered cancellation.</p>
</div>
<div class="question-box">
<h4 class="question-heading">What types of payments do you accept?</h4>
<p class="answer">We accept payments made online using Visa, Mastercard, Discover, and American
Express.</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="footer">
<div class="footer-first-section">
<a href="#" class="logo-2"><img src="./img/cardiogram.png" class="logo-img" alt="pulse-logo"></a>
<a href="#" class="link-of-btn"><button class="btn--free--trial">Sign Up for a Free 30-Day
Trial</button></a>
</div>
<div class="footer-links">
<div class="products-links">
<h5 class="products-heading">Product</h5>
<a href="#">
Features
</a>
<a href="#">
Pricing
</a>
<a href="#">
Sign Up
</a>
</div>
<div class="company-links">
<h5 class="Company">Company</h5>
<a href="#">
Customer Stories
</a>
<a href="#">
About
</a>
<a href="#">
Contact
</a>
</div>
<div class="resources-links">
<h5 class="Resources">Resources</h5>
<a href="#">
Support
</a>
<a href="#" class="blog--shift">
Blog
</a>
</div>
</div>
</div>
<div class="container">
<div class="copyright-section">
<div class="copyright-part">
<p class="copyright">© <span class="year">2023</span> Pulseapp.com, Inc. All Rights
Reserved | <a class="copyright-links" href="#">Terms of Use</a> |
<a class="copyright-links" href="#">Privacy
Policy</a> |<a class="copyright-links" href="#">
EU Privacy</a>
Pulse is made by <a class="copyright-links" href="#">Simple Focus</a>. We also make <a
class="copyright-links" href="#">Ballpark</a>, <a class="copyright-links"
href="#">Sifter</a>, and
<a class="copyright-links" href="#">Curated</a>.
</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>