Pricing Style 1
Basic Package
Pricing plan for startup company
99$
/ Month
- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
Business Package
Pricing plan for startup company
199$
/ Month
- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
Recommended
Premium Package
Pricing plan for startup company
299$
/ Month
- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
<div class="pricing-style-1">
<div class="container">
<div class="row s-15">
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="content-wrapper">
<div class="content">
<h4>Basic Package</h4>
<p>Pricing plan for startup company</p>
</div>
<div class="pricing-price">
<span class="price">99<span>$</span></span>
<span>/ Month</span>
</div>
</div>
<ul>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Lorem ipsum dolor sit amet
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Consectetur adipiscing
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Sed ut perspiciatis und omnis
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Nemo enim ipsam voluptate
</li>
<li class="strike-out"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Lorem ipsum dolor sit
</li>
<li class="strike-out"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Nam libero tempore cumsolut
</li>
</ul>
<a href="#" class="btn btn-outline-secondary btn-style-3" title="Title"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40925" d="M153.307,75,131.2,52.89a6.25,6.25,0,0,1,8.838-8.839l26.543,26.543a6.224,6.224,0,0,1,0,8.812l-26.543,26.543A6.25,6.25,0,0,1,131.2,97.11ZM145,0A75,75,0,1,1,70,75,75,75,0,0,1,145,0Zm0,12.5A62.5,62.5,0,1,0,207.5,75,62.5,62.5,0,0,0,145,12.5Z" transform="translate(-70.004)" fill="#141414"></path></svg>Buy Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item recommended">
<div class="content-wrapper">
<div class="content">
<h4>Business Package</h4>
<p>Pricing plan for startup company</p>
</div>
<div class="pricing-price">
<span class="price">199<span>$</span></span>
<span>/ Month</span>
</div>
</div>
<ul>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Lorem ipsum dolor sit amet
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Consectetur adipiscing
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Sed ut perspiciatis und omnis
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Nemo enim ipsam voluptate
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Lorem ipsum dolor sit
</li>
<li class="strike-out"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Nam libero tempore cumsolut
</li>
</ul>
<a href="#" class="btn btn-outline-secondary btn-style-3" title="Title"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40925" d="M153.307,75,131.2,52.89a6.25,6.25,0,0,1,8.838-8.839l26.543,26.543a6.224,6.224,0,0,1,0,8.812l-26.543,26.543A6.25,6.25,0,0,1,131.2,97.11ZM145,0A75,75,0,1,1,70,75,75,75,0,0,1,145,0Zm0,12.5A62.5,62.5,0,1,0,207.5,75,62.5,62.5,0,0,0,145,12.5Z" transform="translate(-70.004)" fill="#141414"></path></svg>Buy Now</a>
<div class="recommended-label">
<span>Recommended</span>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<div class="content-wrapper">
<div class="content">
<h4>Premium Package</h4>
<p>Pricing plan for startup company</p>
</div>
<div class="pricing-price">
<span class="price">299<span>$</span></span>
<span>/ Month</span>
</div>
</div>
<ul>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Lorem ipsum dolor sit amet
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Consectetur adipiscing
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Sed ut perspiciatis und omnis
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Nemo enim ipsam voluptate
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Lorem ipsum dolor sit
</li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
<path data-name="Path 40677" d="M181.96,36.961a75,75,0,1,0,75,75A74.932,74.932,0,0,0,181.96,36.961Zm36.29,59.447-44.413,44.24A6.822,6.822,0,0,1,169,142.721a6.536,6.536,0,0,1-4.839-2.073l-21.947-21.775a6.966,6.966,0,0,1,9.851-9.851L169,125.957l39.4-39.4a6.886,6.886,0,0,1,9.851,0,7.213,7.213,0,0,1,0,9.852Z" transform="translate(-106.96 -36.961)" fill="#181c31"/>
</svg>Nam libero tempore cumsolut
</li>
</ul>
<a href="#" class="btn btn-outline-secondary btn-style-3" title="Title"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40925" d="M153.307,75,131.2,52.89a6.25,6.25,0,0,1,8.838-8.839l26.543,26.543a6.224,6.224,0,0,1,0,8.812l-26.543,26.543A6.25,6.25,0,0,1,131.2,97.11ZM145,0A75,75,0,1,1,70,75,75,75,0,0,1,145,0Zm0,12.5A62.5,62.5,0,1,0,207.5,75,62.5,62.5,0,0,0,145,12.5Z" transform="translate(-70.004)" fill="#141414"></path></svg>Buy Now</a>
</div>
</div>
</div>
</div>
</div>
Pricing Style 2
Basic Plan
Most Popular
$99 Monthly- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
Recommended
Standard Plan
Most Recommended
$199 Monthly- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
Premium Plan
Professional
$299 Monthly- Lorem ipsum dolor sit amet
- Consectetur adipiscing
- Sed ut perspiciatis und omnis
- Nemo enim ipsam voluptate
- Lorem ipsum dolor sit
- Nam libero tempore cumsolut
<div class="pricing-style-2">
<div class="container">
<div class="row s-12-5">
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<h3>Basic Plan</h3>
<p>Most Popular</p>
<span class="price">$99</span>
<span>Monthly</span>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing</li>
<li>Sed ut perspiciatis und omnis</li>
<li class="strike-out">Nemo enim ipsam voluptate</li>
<li class="strike-out">Lorem ipsum dolor sit</li>
<li>Nam libero tempore cumsolut</li>
</ul>
<a href="#" class="btn btn-outline-secondary btn-style-3" title="Title"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40925" d="M153.307,75,131.2,52.89a6.25,6.25,0,0,1,8.838-8.839l26.543,26.543a6.224,6.224,0,0,1,0,8.812l-26.543,26.543A6.25,6.25,0,0,1,131.2,97.11ZM145,0A75,75,0,1,1,70,75,75,75,0,0,1,145,0Zm0,12.5A62.5,62.5,0,1,0,207.5,75,62.5,62.5,0,0,0,145,12.5Z" transform="translate(-70.004)" fill="#141414"></path></svg>Buy Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item recommended">
<div class="recommended-label">
<span>Recommended</span>
</div>
<h3>Standard Plan</h3>
<p>Most Recommended</p>
<span class="price">$199</span>
<span>Monthly</span>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing</li>
<li>Sed ut perspiciatis und omnis</li>
<li>Nemo enim ipsam voluptate</li>
<li class="strike-out">Lorem ipsum dolor sit</li>
<li>Nam libero tempore cumsolut</li>
</ul>
<a href="#" class="btn btn-outline-secondary btn-style-3" title="Title"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40925" d="M153.307,75,131.2,52.89a6.25,6.25,0,0,1,8.838-8.839l26.543,26.543a6.224,6.224,0,0,1,0,8.812l-26.543,26.543A6.25,6.25,0,0,1,131.2,97.11ZM145,0A75,75,0,1,1,70,75,75,75,0,0,1,145,0Zm0,12.5A62.5,62.5,0,1,0,207.5,75,62.5,62.5,0,0,0,145,12.5Z" transform="translate(-70.004)" fill="#141414"></path></svg>Buy Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="item">
<h3>Premium Plan</h3>
<p>Professional</p>
<span class="price">$299</span>
<span>Monthly</span>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Consectetur adipiscing</li>
<li>Sed ut perspiciatis und omnis</li>
<li>Nemo enim ipsam voluptate</li>
<li>Lorem ipsum dolor sit</li>
<li>Nam libero tempore cumsolut</li>
</ul>
<a href="#" class="btn btn-outline-secondary btn-style-3" title="Title"><svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><path data-name="Path 40925" d="M153.307,75,131.2,52.89a6.25,6.25,0,0,1,8.838-8.839l26.543,26.543a6.224,6.224,0,0,1,0,8.812l-26.543,26.543A6.25,6.25,0,0,1,131.2,97.11ZM145,0A75,75,0,1,1,70,75,75,75,0,0,1,145,0Zm0,12.5A62.5,62.5,0,1,0,207.5,75,62.5,62.5,0,0,0,145,12.5Z" transform="translate(-70.004)" fill="#141414"></path></svg>Buy Now</a>
</div>
</div>
</div>
</div>
</div>