Affordable Bootstrap Pricing Snippet | Website Pricing Plan Section

Discover our responsive Bootstrap pricing snippet with flexible plans. The perfect website pricing plan section for any business, offering Free, Popular, and Enterprise options to suit your needs, with scalable features for all users.

HTML

CSS

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
body {
    font-family: "Nunito", sans-serif;
}
#fws_pricing_2{
    padding: 50px 0;
}
#fws_pricing_2 .heading{
    text-align: center;
    margin-bottom: 50px;
}
#fws_pricing_2 .heading h2{
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
}
#fws_pricing_2 .content {
    transition: all .4s;
}
#fws_pricing_2 .content:hover{
    transform: translateY(-10px);
}
#fws_pricing_2 .content .plan{
    padding: 30px;
    background: #f7f7f7;
    text-align: center;
}
#fws_pricing_2 .content .plan .plan_name{
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
}
#fws_pricing_2 .content .plan .price{
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 15px 0 20px;
}
#fws_pricing_2 .content .plan .price span{
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
#fws_pricing_2 .content .plan a{
    border-radius: 3px;
    padding: 7px 20px;
}
#fws_pricing_2 .content .detail ul{
    margin: 0;
    padding: 30px 50px;
    list-style: none;
}
#fws_pricing_2 .content .detail ul li{
    text-transform: capitalize;
    margin-bottom: 7px;
}
#fws_pricing_2 .content .detail ul li:last-child{
    margin: 0;
}
@media (max-width: 991px){
    #fws_pricing_2 .content{margin-bottom: 30px;}
}
@media (max-width: 767.9px){
    #fws_pricing_2 .content .detail ul{
        padding: 30px;
    }
}

JS

Width:

Height:

Are you looking for an attractive and functional website pricing plan section? Our pricing snippet offers a user-friendly and responsive solution to display your services. Built with Bootstrap, this pricing template ensures that your plans are clearly outlined and easy to compare, helping your users select the best option.

The Free Plan offers 1 user per account with basic support and limited features, perfect for personal projects or startups just getting started. With 1 GB of storage and access to community support, this plan covers essential needs.

For growing businesses, the Popular Plan is designed with flexibility in mind. Supporting up to 5 users, this plan comes with priority support, 10 GB of storage, and access to premium templates. It’s a great choice for teams needing a bit more power and personalization.

If you’re managing a large organization, the Enterprise Plan offers unlimited users, advanced features, and 24/7 support. With unlimited storage and access to advanced security features, this plan ensures that your data is safe and scalable. It also includes a dedicated account manager, custom integrations, and on-site training to meet all of your professional needs.

Whether you’re launching a new project or scaling up, this pricing snippet makes it easy for customers to find the right plan. Make the most of your Bootstrap pricing template today!