-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathpricing.html
299 lines (280 loc) · 17.8 KB
/
pricing.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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Page Title</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='pricing.css'>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/d95bd781b4.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./index.css">
</head>
</head>
<body>
<div id="navbar-Div">
<nav class="navbar"></nav>
<div id="popUp"></div>
</div>
<div id="page">
<div id="small_screen"></div>
<div id="pricingParentDiv">
<div id="headDiv">
<h1>Grow your business with Unbounce
<br>—free for 14 days
</h1>
</div>
<div id="buttonDiv">
<h3>Monthly</h3>
<div class="toggle-btn">
<div class="inner-circle"></div>
</div>
<h3>Yearly</h3>
</div>
<div id="pricingDiv">
<div id="priceDiv1">
<img class="logo1"
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/pricing_grid_icons_launch2X_.png.webp">
<p class="planName">Launch</p>
<div class="priceChild">
<h1 class="planPrice">$90</h1>
<p class="pPrice">USD / mo</p>
</div>
<div class="planFeature">
<ul>
<li style="line-height: 28px;">Unlimited landing pages, popups, and sticky bars</li>
<li>Up to <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">500</b> conversions</li>
<li>Up to <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">20,000</b> visitors</li>
<li><b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">1</b> domain</li>
</ul>
</div>
<div id="subscribeBtn1"><button type="button" class="btn-outline-primary"
style="border: none;color: white;">Start building for
free</button></div>
</div>
<div id="priceDiv2">
<img class="logo1"
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/pricing_grid_icons_optimize3x-12X_.png.webp">
<p class="planName">Optimize</p>
<div class="priceChild">
<h1 class="planPrice">$135</h1>
<p class="pPrice">USD / mo</p>
</div>
<div class="planFeature">
<ul>
<li style="line-height: 28px;">Unlimited landing pages, popups, and sticky bars</li>
<li>Up to <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">1,000</b> conversions</li>
<li>Up to <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">30,000</b> visitors</li>
<li><b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">5</b> domains</li>
<li><b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">30%</b> more conversions</li>
</ul>
</div>
<div id="subscribeBtn2"><button type="button" class="btn-outline-primary"
style="border: none;color: white;">Start building for
free</button></div>
</div>
<div id="priceDiv3">
<img class="logo1"
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/pricing_grid_icons_accelerate3x-12X_.png.webp">
<p class="planName">Accelerate</p>
<div class="priceChild">
<h1 class="planPrice">$225</h1>
<p class="pPrice">USD / mo</p>
</div>
<div class="planFeature">
<ul>
<li style="line-height: 28px;">Unlimited landing pages, popups, and sticky bars</li>
<li>Up to <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">2,500</b> conversions</li>
<li>Up to <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">50,000</b> visitors</li>
<li><b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">10</b> domains</li>
<li><b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">30%</b> more conversions</li>
</ul>
</div>
<div id="subscribeBtn3"><button type="button" class="btn-outline-primary"
style="border: none;color: white;">Start building for
free</button></div>
</div>
<div id="priceDiv4">
<img class="logo1"
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/pricing_grid_icons_concierge3x-12X_.png.webp">
<p class="planName">Concierge</p>
<div class="priceChild">
<h1 class="planPrice">$575</h1>
<p class="pPrice">USD / mo</p>
</div>
<div class="planFeature">
<ul>
<li style="line-height: 28px;">Unlimited landing pages, popups, and sticky bars</li>
<li>More than <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">5,000</b> conversions</li>
<li>More than <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">100,000</b> visitors</li>
<li>More than <b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">25</b> domains</li>
<li><b style="font-family: 'Barlow Semi Condensed',sans-serif;font-size: 17px;">30%</b> more conversions</li>
<li>Dedicated success team</li>
</ul>
</div>
<div id="subscribeBtn4"><button type="button" class="btn-outline-primary"
style="border: none;color: black;background-color: rgb(253, 150, 150);">Contact a
specialist</button></div>
</div>
</div>
<div id="compareDiv"><button type="button" class="btn btn-outline-primary">Compare plan features</button></div>
<div id="footerDiv">
<div id="info1">
<h1>How we help you grow</h1>
</div>
<div id="info2">
<p>Unbounce was the first landing page builder on the market—and over a decade later, we’re<br>still
shakin’ things up. More than 15,000 businesses choose Unbounce because we continue to<br>help them
grow smarter.</p>
</div>
<div id="info3">
<div class="infoDiv">
<div class="infodivChild1">
<h4>Unbounce</h4>
</div>
<div class="infodivChild2">1.8B</div>
<div class="infodivChild3">Billions of leads, sales, and<br>signups for customers</div>
</div>
<div class="infoDiv">
<div class="infodivChild1">
<h4>Smart Builder</h4>
</div>
<div class="infodivChild2">+50%</div>
<div class="infodivChild3">Faster landing page creation<br>than old-school builders</div>
</div>
<div class="infoDiv">
<div class="infodivChild1">
<h4>Smart Traffic</h4>
</div>
<div class="infodivChild2">+30%</div>
<div class="infodivChild3">More conversions than<br>traditional A/B testing</div>
</div>
</div>
<div id="info4">
<div class="logo"><img
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/Group-1.png.webp">
</div>
<div class="logo"><img
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/BRANDED-Unbounce-Landing-Page-Template.png.webp">
</div>
<div class="logo"><img
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/Page-1-Copy-6.png.webp">
</div>
<div class="logo"><img
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/Landing_Page_Template-V1.png.webp">
</div>
<div class="logo"><img
src="https://unbounce.com/wp-content/webp-express/webp-images/doc-root/photos/campaign-monitor-logo-2.png.webp">
</div>
</div>
<section id="faqSection">
<input id="sec" type="checkbox" name="n1" unchecked>
<label for="sec" id="mainLabel">Frequently asked questions</label>
<div id="faqDiv">
<div class="faqChild">
<section>
<input id="s1" type="checkbox" name="t1" unchecked />
<label for="s1">How does the free 14-day trial work?</label>
<div class="faq">
<p class="faqP">Your free 14-day trial on a Launch, Optimize, or Accelerate plan gives
you full access to all of the corresponding plan features. There are no
restrictions, and you won’t be billed until after your 14-day trial is complete.</p>
<p class="faqP">We’ll send you a reminder email near the end of your Launch, Optimize,
or Accelerate trial to verify that you want to continue using Unbounce. If you want
to cancel, you can do so at any time by logging into your Unbounce account, going to
“Account Management,” selecting “Subscriptions,” and clicking “Cancel.”</p>
</div>
</section>
</div>
<div class="faqChild">
<section>
<input id="s2" type="checkbox" name="t2" unchecked />
<label for="s2">Why do you need my credit card for the free trial?</label>
<div class="faq">
<p class="faqP">You’ll be asked to provide your credit card information when you sign up
for a free 14-day trial with our Launch, Optimize, or Accelerate plans. This ensures
that—in the event you decide to continue using Unbounce beyond the 14-day trial
period—there are no interruptions to your subscription.</p>
<p class="faqP">You can also try Unbounce’s interactive demo without providing your
credit card information</p>
</div>
</section>
</div>
<div class="faqChild">
<section>
<input id="s3" type="checkbox" name="t3" unchecked />
<label for="s3">Can I change my plan?</label>
<div class="faq">
<p class="faqP">You can change from a Launch, Optimize, or Accelerate plan by logging
into your Unbounce account, going to “Account Management,” and selecting
“Subscriptions.” You can upgrade to a higher-tier plan at any time, but switching to
a lower-tier plan will only take effect at the end of your current billing cycle
(monthly or annually).</p>
</div>
</section>
</div>
<div class="faqChild">
<section>
<input id="s4" type="checkbox" name="t4" unchecked />
<label for="s4">How does hosting work? Can I connect my own domain?</label>
<div class="faq">
<p class="faqP">Our Launch, Optimize, and Accelerate plans all include free hosting
through Unbounce on www.unbouncepages.com. You can also publish your landing pages
directly to your own domain or WordPress website (in which case you’ll be
responsible for hosting).</p>
</div>
</section>
</div>
<div class="faqChild">
<section>
<input id="s5" type="checkbox" name="t5" unchecked />
<label for="s5">What counts as a conversion? What counts as a visitor?</label>
<div class="faq">
<p class="faqP">We log a conversion when someone completes your assigned conversion goal
on a landing page or in a pop-up or sticky bar. Common conversion goals include
clicking a call to action button or submitting a form.</p>
<p class="faqP">A visitor is a person who views your landing page, popup, or sticky bar
at least once in a given month. Using cookies, we ensure each visitor only counts
once toward your limit—no matter how many times they return.</p>
</div>
</section>
</div>
<div class="faqChild">
<section>
<input id="s6" type="checkbox" name="t6" unchecked />
<label for="s6">What happens if I exceed my conversion or traffic limits?</label>
<div class="faq">
<p class="faqP">If it looks like you’re at risk of exceeding your conversion or traffic
limits, we’ll be sure to let you know by email and through in-app messages. In the
event that you go over your limit, we’ll automatically upgrade you to a plan with
higher limits for the next billing cycle (monthly or annual). Learn more about what
happens if you exceed limits on your plan.</p>
</div>
</section>
</div>
<div class="faqChild">
<section>
<input id="s7" type="checkbox" name="t7" unchecked />
<label for="s7">Is Unbounce GDPR compliant?</label>
<div class="faq">
<p class="faqP">Businesses are responsible for including GDPR (and/or CASL) compliance
in their marketing strategy. The best way to ensure GDPR compliance is to consult
with legal counsel.</p>
<p class="faqP">Unbounce can help you align with GDPR best practices through
functionality you can apply to your campaigns. For example, using Smart Builder, you
can easily add checkbox fields to your forms that allow visitors to consent to your
privacy and data storage practices.</p>
</div>
</section>
</div>
</div>
</section>
</div>
</div>
<footer class="footer">
</footer>
</div>
</body>
</html>
<script src="./index.js" type="module"></script>
<script src="./pricing.js"></script>