Skip to content

Commit f25e9d1

Browse files
committed
add pricing plans
1 parent a9115db commit f25e9d1

File tree

1 file changed

+67
-0
lines changed

1 file changed

+67
-0
lines changed

ebook-landing-page/index.html

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,73 @@ <h1>
8787
</section>
8888

8989
<!-- pricing plans -->
90+
<section id="pricing" class="bg-light mt-5">
91+
<div class="container-lg">
92+
<div class="text-center">
93+
<h2>Pricing Plans</h2>
94+
<p class="lead text-muted">Choose a pricing plan to suit you.</p>
95+
</div>
96+
97+
<div class="row my-5 g-0 align-items-center justify-content-center">
98+
<div class="col-8 col-lg-4 col-xl-3">
99+
<div class="card border-0">
100+
<div class="card-body text-center py-4">
101+
<h4 class="card-title">Starter Edition</h4>
102+
<p class="lead card-subtitle">eBook download only</p>
103+
<p class="display-5 my-4 text-primary fw-bold">$12.99</p>
104+
<p class="card-text mx-5 text-muted d-none d-lg-block">
105+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
106+
Mollitia, vitae magni! Repellat commodi a fuga corporis saepe
107+
dolorum.
108+
</p>
109+
<a href="#" class="btn btn-outline-primary btn-lg mt-3">
110+
Buy Now
111+
</a>
112+
</div>
113+
</div>
114+
</div>
115+
116+
<div class="col-9 col-lg-4">
117+
<div class="card border-primary border-2">
118+
<div class="card-header text-center text-primary">
119+
Most Popular
120+
</div>
121+
<div class="card-body text-center py-5">
122+
<h4 class="card-title">Complete Edition</h4>
123+
<p class="lead card-subtitle">eBook download & all updates</p>
124+
<p class="display-4 my-4 text-primary fw-bold">$18.99</p>
125+
<p class="card-text mx-5 text-muted d-none d-lg-block">
126+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
127+
Mollitia, vitae magni! Repellat commodi a fuga corporis saepe
128+
dolorum.
129+
</p>
130+
<a href="#" class="btn btn-outline-primary btn-lg mt-3">
131+
Buy Now
132+
</a>
133+
</div>
134+
</div>
135+
</div>
136+
137+
<div class="col-8 col-lg-4 col-xl-3">
138+
<div class="card border-0">
139+
<div class="card-body text-center py-4">
140+
<h4 class="card-title">Ultimate Edition</h4>
141+
<p class="lead card-subtitle">download, updates & extras</p>
142+
<p class="display-5 my-4 text-primary fw-bold">$24.99</p>
143+
<p class="card-text mx-5 text-muted d-none d-lg-block">
144+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
145+
Mollitia, vitae magni! Repellat commodi a fuga corporis saepe
146+
dolorum.
147+
</p>
148+
<a href="#" class="btn btn-outline-primary btn-lg mt-3">
149+
Buy Now
150+
</a>
151+
</div>
152+
</div>
153+
</div>
154+
</div>
155+
</div>
156+
</section>
90157

91158
<!-- topics at a glance -->
92159

0 commit comments

Comments
 (0)