Skip to content

Commit

Permalink
Add Two sections Pricing And Why
Browse files Browse the repository at this point in the history
  • Loading branch information
@GziXnine
GziXnine committed Oct 9, 2024
1 parent 0ae80fe commit 9c89d06
Show file tree
Hide file tree
Showing 10 changed files with 561 additions and 6 deletions.
2 changes: 1 addition & 1 deletion public/css/style.css
View file

Large diffs are not rendered by default.

152 changes: 152 additions & 0 deletions public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,6 +117,158 @@ <h2 class="mb-25 wow fadeInUp" data-wow-delay=".2s" style="visibility: visible;
</div>
</div>
</section>
<div class="why">
<div class="head">
<h3>Why Choose SaaSpal</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore</p>
</div>
<div class="container py-30">
<div class="row">
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="icon"><i class="fa-solid fa-display"></i></div>
<h3 class="py-25">SaaS Focused</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="icon"><i class="fa-solid fa-leaf"></i></div>
<h3 class="py-25">Awesome Design</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="icon"><i class="fa-solid fa-table-cells-large"></i></div>
<h3 class="py-25">Ready to Use</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="icon"><i class="fa-brands fa-square-js"></i></div>
<h3 class="py-25">Vanilla JS</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="icon"><i class="fa-solid fa-file-circle-question"></i></div>
<h3 class="py-25">Essential Sections</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="icon"><i class="fa-solid fa-helicopter"></i></div>
<h3 class="py-25">Highly Optimized</h3>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore</p>
</section>
</div>
</div>
</div>
<div class="pricing">
<div class="head">
<h3>Choose a Plan</h3>
<p>Lorem ipsum dolor sit amet consetetur sadipscing elitr sswed diam nonumy eirmod tempor nvidunt.</p>
</div>
<button class="monthly active" href="#">Monthly</button>
<button class="yearly" href="#">Yearly</button>
<div class="container monthly active">
<div class="row">
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="data">
<h3>$36</h3>
<p>Basic Account</p>
</div>
<div class="price">
<ul>
<li> <i class="fa-solid fa-check"> </i> Unlimited Access</li>
<li> <i class="fa-solid fa-check"> </i>Single User</li>
<li> <i class="fa-solid fa-check"> </i>Unlimited Storage</li>
<li> <i class="fa-solid fa-xmark"> </i>24/7 Support</li>
<li> <i class="fa-solid fa-xmark"> </i>Free Future Updates</li>
</ul>
<button class="book" href="#">Get Start</button>
</div>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="data">
<h3>$56</h3>
<p>Standard Account</p>
</div>
<div class="price">
<ul>
<li> <i class="fa-solid fa-check"> </i>Unlimited Acces</li>
<li> <i class="fa-solid fa-check"> </i>20+ Users</li>
<li> <i class="fa-solid fa-check"> </i>Unlimited Storage</li>
<li> <i class="fa-solid fa-check"> </i>24/7 Support</li>
<li> <i class="fa-solid fa-check"> </i>Free Future Updates</li>
</ul>
<button class="book middle" href="#">Get Start</button>
</div>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="data">
<h3>$89</h3>
<p>Premium Account</p>
</div>
<div class="price">
<ul>
<li> <i class="fa-solid fa-check"> </i>Unlimited Acces</li>
<li> <i class="fa-solid fa-check"> </i>Unlimited Users</li>
<li> <i class="fa-solid fa-check"> </i>Unlimited Storage</li>
<li> <i class="fa-solid fa-check"> </i>24/7 Support</li>
<li> <i class="fa-solid fa-check"> </i>Free Future Updates</li>
</ul>
<button class="book" href="#">Get Start</button>
</div>
</section>
</div>
</div>
<div class="container yearly">
<div class="row">
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="data">
<h3>$136</h3>
<p>Basic Account</p>
</div>
<div class="price">
<ul>
<li> <i class="fa-solid fa-check"> </i> Unlimited Access</li>
<li> <i class="fa-solid fa-check"> </i>Single User</li>
<li> <i class="fa-solid fa-check"> </i>Unlimited Storage</li>
<li> <i class="fa-solid fa-xmark"> </i>24/7 Support</li>
<li> <i class="fa-solid fa-xmark"> </i>Free Future Updates</li>
</ul>
<button class="book" href="#">Get Start</button>
</div>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="data">
<h3>$156</h3>
<p>Standard Account</p>
</div>
<div class="price">
<ul>
<li> <i class="fa-solid fa-check"> </i>Unlimited Acces</li>
<li> <i class="fa-solid fa-check"> </i>20+ Users</li>
<li> <i class="fa-solid fa-check"> </i>Unlimited Storage</li>
<li> <i class="fa-solid fa-check"> </i>24/7 Support</li>
<li> <i class="fa-solid fa-xmark"> </i>Free Future Updates</li>
</ul>
<button class="book middle" href="#">Get Start</button>
</div>
</section>
<section class="col-lg-4 col-md-6 col-sm-12">
<div class="data">
<h3>$189</h3>
<p>Premium Account</p>
</div>
<div class="price">
<ul>
<li> <i class="fa-solid fa-check"> </i>Unlimited Acces</li>
<li> <i class="fa-solid fa-check"> </i>Unlimited Users</li>
<li> <i class="fa-solid fa-check"> </i>Unlimited Storage</li>
<li> <i class="fa-solid fa-check"> </i>24/7 Support</li>
<li> <i class="fa-solid fa-check"> </i>Free Future Updates</li>
</ul>
<button class="book" href="#">Get Start</button>
</div>
</section>
</div>
</div>
</div>
</main>
<footer></footer>
<script src="js/bootstrap.bundle.min.js"></script>
Expand Down
2 changes: 1 addition & 1 deletion public/js/main.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion sourcemaps/main.js.map
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion sourcemaps/style.css.map
View file

Large diffs are not rendered by default.

Loading

0 comments on commit 9c89d06

Please sign in to comment.