|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/grandpre/Library/components/pricing/switcher/ |
Upload File : |
<body>
<div class="pricing-container">
<div class="pricing-switcher">
<p class="fieldset">
<input id="monthly-1" checked name="duration-1" type="radio" value="monthly">
<label for="monthly-1">Monthly</label>
<input id="yearly-1" name="duration-1" type="radio" value="yearly">
<label for="yearly-1">Yearly</label>
<span class="price-switch"></span>
</p>
</div>
<!-- .pricing-switcher -->
<ul class="pricing-list price-bounce-invert">
<li class="price-default">
<ul class="pricing-wrapper">
<li class="is-visible" data-type="monthly">
<!-- basic monthly -->
<header class="pricing-header">
<h3>BASIC
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">30</span>
<span class="price-duration">mo</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>256MB Memory</li>
<li>1 User</li>
<li>1 Website</li>
<li>1 Domain</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
<li class="is-hidden" data-type="yearly">
<!-- basic yearly -->
<header class="pricing-header">
<h3>BASIC
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">320</span>
<span class="price-duration">yr</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>256MB Memory</li>
<li>1 User</li>
<li>1 Website</li>
<li>1 Domain</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
</ul>
<!-- .pricing-wrapper -->
</li>
<li class="price-popular">
<ul class="pricing-wrapper">
<li class="is-visible" data-type="monthly">
<!-- popular monthly -->
<header class="pricing-header">
<h3>POPULAR
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">60</span>
<span class="price-duration">mo</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>512MB Memory</li>
<li>3 Users</li>
<li>5 Websites</li>
<li>7 Domains</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
<li class="is-hidden" data-type="yearly">
<!-- popular yearly -->
<header class="pricing-header">
<h3>POPULAR
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">630</span>
<span class="price-duration">yr</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>512MB Memory</li>
<li>3 Users</li>
<li>5 Websites</li>
<li>7 Domains</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
</ul>
<!-- .pricing-wrapper -->
</li>
<li class="price-default">
<ul class="pricing-wrapper">
<li class="is-visible" data-type="monthly">
<!-- premium monthly -->
<header class="pricing-header">
<h3>PREMIUM
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">90</span>
<span class="price-duration">mo</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>1024MB Memory</li>
<li>5 Users</li>
<li>10 Websites</li>
<li>10 Domains</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
<li class="is-hidden" data-type="yearly">
<!-- premium yearly -->
<header class="pricing-header">
<h3>PREMIUM
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">950</span>
<span class="price-duration">yr</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>1024MB Memory</li>
<li>5 Users</li>
<li>10 Websites</li>
<li>10 Domains</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
</ul>
<!-- .pricing-wrapper -->
</li>
</ul>
<!-- .pricing-list -->
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="../../../../Site/images/library-components-pricing-pricing.png">
</div>
</body>