Pricing
Pricing merupakan grup yang memiliki sebanyak sepuluh elemen di dalamnya, yang mana setiap elemennya memiliki kegunaanya masing - masing dalam proses pengembangan sebuah proyek website
1. Card price plan extra slarge
Standart Plan
Now you can customized your plan by selecting other feature by yourself. Get the most out of your membership.
Subtotal (2 items)
$133.99
Shipping
$20.00
Tax
$15.00
Total Payment
$168.99
Card price plan extra large digunakan untuk menampilkan pilihan dari sebuah produk yang anda jual melalui website anda. Penggunaan komponen ini dengan source code dibawah.
<div class="col-lg-4 col-md-6 col-sm-10 col-12">
<div class="cardpriceplanextralarge-pricing shadow">
<div class="cardpriceplanextralargehead-pricing">
<div class="cardpriceplanextralargetitlecontainer-pricing">
<img src="assets/images/shippingicon.png" class="cardpriceplanextralargelogo-pricing" />
<p class="cardpriceplanextralargetitle-pricing">Standart Plan</p>
<p class="cardpriceplanextralargealert-pricing">Now you can customized your plan by selecting other feature by yourself. Get the most out of your membership.</p>
</div>
</div>
<div class="cardpriceplanextralargebody-pricing">
<div class="cardpriceplanextralargeshippingoptionsection-pricing">
<p class="cardpriceplanextralargeshippingoptiontitle-pricing">Select Plan</p>
<div class="cardpriceplanextralargeshippingoption-pricing col-12">
<input type="radio" name="shipping" id="unlimitedwebsite" checked="checked">
<label for="unlimitedwebsite">Unlimited Website</label>
<input type="radio" name="shipping" id="unlimitedbandwidth">
<label for="unlimitedbandwidth">Unlimited Bandwidth</label>
<input type="radio" name="shipping" id="unlimitedemailaccount">
<label for="unlimitedemailaccount">Unlimited Email Account</label>
</div>
</div>
<div class="cardpriceplanextralargepricesection-pricing">
<div class="cardpriceplanextralargecol7-pricing">
<p class="cardpriceplanextralargepricetext1-pricing">Subtotal (2 items)</p>
</div>
<div class="cardpriceplanextralargecol5-pricing">
<p class="cardpriceplanextralargepricetext1-pricing">$133.99</p>
</div>
<div class="cardpriceplanextralargecol7-pricing">
<p class="cardpriceplanextralargepricetext1-pricing">Shipping</p>
</div>
<div class="cardpriceplanextralargecol5-pricing">
<p class="cardpriceplanextralargepricetext1-pricing">$20.00</p>
</div>
<div class="cardpriceplanextralargecol7-pricing">
<p class="cardpriceplanextralargepricetext1-pricing">Tax</p>
</div>
<div class="cardpriceplanextralargecol5-pricing">
<p class="cardpriceplanextralargepricetext1-pricing">$15.00</p>
</div>
</div>
<div class="cardpriceplanextralargepricetotalsection-pricing">
<div class="cardpriceplanextralargecol7-pricing">
<p class="cardpriceplanextralargepricetext2-pricing">Total Payment</p>
</div>
<div class="cardpriceplanextralargecol5-pricing">
<p class="cardpriceplanextralargepricetext2-pricing">$168.99</p>
</div>
</div>
<div class="cardpriceplanextralargebuttoncontainer-pricing">
<a href="#" class="cardpriceplanextralargebutton-pricing">Continue</a>
</div>
</div>
</div>
</div>
2. Card price plan large
Now you can customized your plan by selecting other feature by yourself. Get the most out of your membership.
- Deploy more un to 10 website
- Get 10 email account
- More speed , get 300 GB Bandwidth
- Free SSL Certificate
Card price plan large digunakan untuk memberikan pilihan berlangganan terhadap produk yang terdapat dalam website anda, sehingg user memiliki alternatif ter-hadap kebutuhan mereka.
<div class="col-lg-4 col-md-6 col-sm-10 col-12">
<div class="cardpriceplanlarge-pricing shadow">
<div class="cardpriceplanlargehead-pricing">
<div class="cardpriceplanlargecol2-pricing">
<img src="assets/images/cardpriceplanlargelogo.png" alt="Card image cap" class="cardpriceplanlargeprofilepic-pricing">
</div>
<div class="cardpriceplanlargecol5_1-pricing">
<div class="dim12">
<p class="cardpriceplanlargetitle-pricing">Premium Plan</p>
</div>
</div>
<div class="cardpriceplanlargecol5_2-pricing">
<a href="#" class="cardpriceplanlargebutton1-pricing">Top Buyer</a>
</div>
</div>
<div class="cardpriceplanlargealertcontainer">
<p class="cardpriceplanlargealert-pricing">Now you can customized your plan by selecting other feature by yourself. Get the most out of your membership.</p>
</div>
<div class="cardpriceplanlargebody-pricing">
<div class="cardpriceplanlargefeaturesection-pricing">
<ul>
<li>Deploy more un to 10 website</li>
<li>Get 10 email account</li>
<li>More speed , get 300 GB Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
<div class="cardpriceplanlargeplanoptionsection-pricing">
<p class="cardpriceplanlargeplanoptiontitle-pricing">Select Plan</p>
<div class="cardpriceplanlargeplanoption-pricing col-12">
<input type="radio" name="s" id="1month" checked="checked">
<label for="1month">1 Month / $15.00</label>
<input type="radio" name="s" id="12month">
<label for="12month">12 Month / $84.00</label>
</div>
</div>
<div class="cardpriceplanlargebuttoncontainer-pricing">
<a href="#" class="cardpriceplanlargebutton-pricing">Create Account</a>
</div>
</div>
</div>
</div>
3. Card price plan medium
Premium Plan
Now you can customized your plan by selecting other feature by yourself. Get the most out of your membership.
- Deploy more un to 10 website
- Get 10 email account
- More speed , get 300 GB Bandwidth
- Free SSL Certificate
$30.00/Month
Card price plan medium digunakan untuk menampilkan fitur serta harga produk yang berpotensi akan digunakan oleh user, sehingga user akan merasa puas setelah mereka memilih produk tersebut.
<div class="col-lg-4 col-md-6 col-sm-10 col-12">
<div class="cardpriceplanmedium-pricing shadow">
<div class="cardpriceplanmediumhead-pricing">
<div class="cardpriceplanmediumcol2-pricing">
<img src="assets/images/cardpriceplanlargelogo.png" alt="Card image cap" class="cardpriceplanmediumprofilepic-pricing">
</div>
<div class="cardpriceplanmediumcol10-pricing">
<div class="dim12">
<p class="cardpriceplanmediumtitle-pricing">Premium Plan</p>
</div>
</div>
</div>
<div class="cardpriceplanmediumalertcontainer-pricing">
<p class="cardpriceplanmediumalert-pricing">Now you can customized your plan by selecting other feature by yourself. Get the most out of your membership.</p>
</div>
<div class="cardpriceplanmediumbody-pricing">
<div class="cardpriceplanmediumfeaturesection-pricing">
<ul>
<li>Deploy more un to 10 website</li>
<li>Get 10 email account</li>
<li>More speed , get 300 GB Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
<div class="cardpriceplanmediumpricesection-pricing">
<span class="cardpriceplanmediumtextprice-marketplace-pricing">$30.00</span><span class="cardpriceplanmediumalert-pricing">/Month</span>
</div>
<div class="cardpriceplanmediumbuttoncontainer-pricing">
<a href="#" class="cardpriceplanmediumbutton-pricing">Create Account</a>
</div>
</div>
</div>
</div>
4. Card price plan small
Premium Plan
Now you can customized your plan by selecting other feature by yourself. Get the most out of your membership.
$99.00/Month
Card price small digunakan untuk menampilkan fitur serta harga produk yang berpo-tensi akan digunakan oleh user, sehingga user akan merasa puas setelah mereka memilih produk tersebut. Card ini memiliki ukuran yang lebih kecil daripada card yang sebelumnya.
<div class="col-lg-4 col-md-6 col-sm-10 col-12">
<div class="cardpriceplansmall-pricing shadow">
<div class="cardpriceplansmallhead-pricing">
<div class="cardpriceplansmallcol10-pricing">
<div class="dim12">
<p class="cardpriceplansmalltitle-pricing">Premium Plan</p>
</div>
</div>
</div>
<div class="cardpriceplansmallalertcontainer-pricing">
<p class="cardpriceplansmallalert-pricing">Now you can customized your plan by selecting other feature by yourself. Get the most out of your membership.</p>
</div>
<div class="cardpriceplansmallbody-pricing">
<div class="cardpriceplansmallpricesection-pricing">
<span class="cardpriceplansmalltextprice-pricing">$99.00</span><span class="cardpriceplansmallalert-pricing">/Month</span>
</div>
<div class="cardpriceplansmallcol12-pricing">
<a href="#" class="cardpriceplansmallbutton1-pricing">Top Buyer</a>
</div>
<div class="cardpriceplansmallbuttoncontainer-pricing">
<a href="#" class="cardpriceplansmallbutton-pricing">Create Account</a>
</div>
</div>
</div>
</div>
5. Card price plan extra small I
Standard
Ideal solution for beginners
- Deploy more up to 1 website
- Get 1 email account
- More speed , get 100 GB Bandwidth
- Free SSL Certificate
$10.00/Month
Card price plan extra small I digunakan jika anda memiliki sebuah produk yang mengharuskan user untuk berlangganan jika menggunakannya maka ini adalah fitur yang tepat.
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="cardpriceplanextrasmall1-pricing shadow">
<div class="cardpriceplanextrasmall1head-pricing">
<div class="cardpriceplanextrasmall1titlecontainer-pricing">
<img src="assets/images/cardpriceplanextrasmall1logo.png" class="cardpriceplanextrasmall1logo-pricing" />
<p class="cardpriceplanextrasmall1title-pricing">Standard</p>
<p class="cardpriceplanextrasmall1alert-pricing">Ideal solution for beginners</p>
</div>
</div>
<div class="cardpriceplanextrasmall1body-pricing">
<div class="cardpriceplanextrasmall1featuresection-pricing">
<ul>
<li>Deploy more up to 1 website</li>
<li>Get 1 email account</li>
<li>More speed , get 100 GB Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
<div class="cardpriceplanextrasmall1pricesection-pricing">
<span class="cardpriceplanextrasmall1textprice-pricing">$10.00</span><span class="cardpriceplanextrasmall1alert-pricing">/Month</span>
</div>
<div class="cardpriceplanextrasmall1buttoncontainer-pricing">
<a href="#" class="cardpriceplanextrasmall1button-pricing">Select Plan</a>
</div>
</div>
</div>
</div>
6. Card price plan extra small II
Premium
Perfect package for personal websites
- Deploy more up to 10 website
- Get 10 email account
- More speed , get 300 GB Bandwidth
- Free SSL Certificate
$12.00/Month
Card price plan extra small II digunakan jika anda memiliki sebuah produk yang mengharuskan user untuk berlangganan jika menggunakannya maka ini adalah fitur yang tepat.
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="cardpriceplanextrasmall2-pricing shadow">
<div class="cardpriceplanextrasmall2head-pricing">
<div class="cardpriceplanextrasmall2titlecontainer-pricing">
<img src="assets/images/cardpriceplanextrasmall2logo.png" class="cardpriceplanextrasmall2logo-pricing" />
<p class="cardpriceplanextrasmall2title-pricing">Premium</p>
<p class="cardpriceplanextrasmall2alert-pricing">Perfect package for personal websites</p>
</div>
</div>
<div class="cardpriceplanextrasmall2body-pricing">
<div class="cardpriceplanextrasmall2featuresection-pricing">
<ul>
<li>Deploy more up to 10 website</li>
<li>Get 10 email account</li>
<li>More speed , get 300 GB Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
<div class="cardpriceplanextrasmall2pricesection-pricing">
<span class="cardpriceplanextrasmall2textprice-pricing">$12.00</span><span class="cardpriceplanextrasmall2alert-pricing">/Month</span>
</div>
<div class="cardpriceplanextrasmall2buttoncontainer-pricing">
<a href="#" class="cardpriceplanextrasmall2button-pricing">Select Plan</a>
</div>
</div>
</div>
</div>
7. Card price plan extra small III
Business
Optimized for businesses
- Deploy Unlimited website
- Get Unlimited email account
- More speed , get Unlimited Bandwidth
- Free SSL Certificate
$20.00/Month
Card price plan extra small III digunakan jika anda memiliki sebuah produk yang mengharuskan user untuk berlangganan jika menggunakannya maka ini adalah fitur yang tepat.
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="cardpriceplanextrasmall3-pricing shadow">
<div class="cardpriceplanextrasmall3head-pricing">
<div class="cardpriceplanextrasmall3titlecontainer-pricing">
<img src="assets/images/cardpriceplanextrasmall3logo.png" class="cardpriceplanextrasmall3logo-pricing" />
<p class="cardpriceplanextrasmall3title-pricing">Business</p>
<p class="cardpriceplanextrasmall3alert-pricing">Optimized for businesses</p>
</div>
</div>
<div class="cardpriceplanextrasmall3body-pricing">
<div class="cardpriceplanextrasmall3featuresection-pricing">
<ul>
<li>Deploy Unlimited website</li>
<li>Get Unlimited email account</li>
<li>More speed , get Unlimited Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
<div class="cardpriceplanextrasmall3pricesection-pricing">
<span class="cardpriceplanextrasmall3textprice-pricing">$20.00</span><span class="cardpriceplanextrasmall3alert-pricing">/Month</span>
</div>
<div class="cardpriceplanextrasmall3buttoncontainer-pricing">
<a href="#" class="cardpriceplanextrasmall3button-pricing">Select Plan</a>
</div>
</div>
</div>
</div>
8. Card price plan long I
Single Shared
Ideal solution for beginners who make project for the first time in their life.
$20.00
Per agent per month
- Deploy Unlimited website
- Get Unlimited email account
- More speed , get Unlimited Bandwidth
- Free SSL Certificate
- Deploy Unlimited website
- Get Unlimited email account
- More speed , get Unlimited Bandwidth
- Free SSL Certificate
Card price plan long I memiliki fitur yang hampir mirip dengan card price plan long, namun memiliki ukuran yang lebih besar, sehingga dapat memuat informasi yang lebih banyak.
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="cardpriceplanlong1-pricing shadow">
<div class="cardpriceplanlong1head-pricing">
<div class="cardpriceplanlong1titlecontainer-pricing">
<p class="cardpriceplanlong1title-pricing">Single Shared</p>
<p class="cardpriceplanlong1alert-pricing">Ideal solution for beginners who make project for the first time in their life.</p>
</div>
</div>
<div class="cardpriceplanlong1body-pricing">
<div class="cardpriceplanlong1pricesection-pricing">
<div class="cardpriceplanlong1textprice-pricing">$20.00</div>
<div class="cardpriceplanlong1alert-pricing">Per agent per month</div>
</div>
<div class="cardpriceplanlong1buttoncontainer-pricing">
<a href="#" class="cardpriceplanlong1button-pricing">Select Plan</a>
</div>
<div class="cardpriceplanlong1featuresection1-pricing">
<ul>
<li>Deploy Unlimited website</li>
<li>Get Unlimited email account</li>
<li>More speed , get Unlimited Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
<div class="cardpriceplanlong1featuresection2-pricing">
<ul>
<li>Deploy Unlimited website</li>
<li>Get Unlimited email account</li>
<li>More speed , get Unlimited Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
</div>
</div>
</div>
9. Card price plan long II
Premium Shared
Ideal solution for beginners who make project for the first time in their life.
$20.00
Per agent per month
- 10 Website
- 100 GB SSD Storage
- 20000 Visits Monthly
- Free Domain
- Deploy more up to 10 website
- Get 10 email account
- More speed , get 300 GB Bandwidth
- Free SSL Certificate
Card price plan long II memiliki fitur yang hampir mirip dengan card price plan long, namun memiliki ukuran yang lebih besar, sehingga dapat memuat informasi yang lebih banyak.
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="cardpriceplanlong2-pricing shadow">
<div class="cardpriceplanlong2head-pricing">
<div class="cardpriceplanlong2titlecontainer-pricing">
<p class="cardpriceplanlong2title-pricing">Premium Shared</p>
<p class="cardpriceplanlong2alert-pricing">Ideal solution for beginners who make project for the first time in their life.</p>
</div>
</div>
<div class="cardpriceplanlong2body-pricing">
<div class="cardpriceplanlong2pricesection-pricing">
<div class="cardpriceplanlong2textprice-pricing">$20.00</div>
<div class="cardpriceplanlong2alert-pricing">Per agent per month</div>
</div>
<div class="cardpriceplanlong2buttoncontainer-pricing">
<a href="#" class="cardpriceplanlong2button-pricing">Select Plan</a>
</div>
<div class="cardpriceplanlong2featuresection1-pricing">
<ul>
<li>10 Website</li>
<li>100 GB SSD Storage</li>
<li>20000 Visits Monthly</li>
<li>Free Domain</li>
</ul>
</div>
<div class="cardpriceplanlong2featuresection2-pricing">
<ul>
<li>Deploy more up to 10 website</li>
<li>Get 10 email account</li>
<li>More speed , get 300 GB Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
</div>
</div>
</div>
10. Card price plan long III
Ultimate Shared
Ideal solution for beginners who make project for the first time in their life.
$30.00
Per agent per month
- 50 Website
- 350 GB SSD Storage
- 50000 Visits Monthly
- Free Domain
- Deploy Unlimited website
- Get Unlimited email account
- More speed , get Unlimited Bandwidth
- Free SSL Certificate
Card price plan long III memiliki fitur yang hampir mirip dengan card price plan long, namun memiliki ukuran yang lebih besar, sehingga dapat memuat informasi yang lebih banyak.
<div class="col-lg-3 col-md-4 col-sm-6 col-12">
<div class="cardpriceplanlong3-pricing shadow">
<div class="cardpriceplanlong3head-pricing">
<div class="cardpriceplanlong3titlecontainer-pricing">
<p class="cardpriceplanlong3title-pricing">Ultimate Shared</p>
<p class="cardpriceplanlong3alert-pricing">Ideal solution for beginners who make project for the first time in their life.</p>
</div>
</div>
<div class="cardpriceplanlong3body-pricing">
<div class="cardpriceplanlong3pricesection-pricing">
<div class="cardpriceplanlong3textprice-pricing">$30.00 </div>
<div class="cardpriceplanlong3alert-pricing">Per agent per month</div>
</div>
<div class="cardpriceplanlong3buttoncontainer-pricing">
<a href="#" class="cardpriceplanlong3button-pricing">Select Plan</a>
</div>
<div class="cardpriceplanlong3featuresection1-pricing">
<ul>
<li>50 Website</li>
<li>350 GB SSD Storage</li>
<li>50000 Visits Monthly</li>
<li>Free Domain</li>
</ul>
</div>
<div class="cardpriceplanlong3featuresection2-pricing">
<ul>
<li>Deploy Unlimited website</li>
<li>Get Unlimited email account</li>
<li>More speed , get Unlimited Bandwidth</li>
<li>Free SSL Certificate</li>
</ul>
</div>
</div>
</div>
</div>
Made On Earth By Human. All rights reserved © 2022.