Responsive Bootstrap Pricing Snippet | Website Pricing Plan Section

Explore our responsive Bootstrap pricing snippet featuring a sleek website pricing plan section. Choose from Free, Popular, and Enterprise plans with detailed features and pricing to fit any need. Perfect for clear and engaging pricing display.

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_3{
    background: linear-gradient(109.6deg, rgb(18, 22, 28) 11.2%, rgb(16, 37, 60) 51.2%, rgb(0, 0, 0) 98.6%);
    padding: 50px 0;
    color: #fff;
}
#fws_pricing_3 .heading{
    text-align: center;
    margin-bottom: 40px;
}
#fws_pricing_3 .heading h2{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}
#fws_pricing_3 .heading p{
    margin-bottom: 0;
    color: #c8d1d6;
}
#fws_pricing_3 .content{
    padding: 30px;
    background: rgba(255, 255, 255, .07);
    border-radius: 10px;
    box-shadow: rgb(255, 255, 255, .15) 1px 1px 0.6px;
}
#fws_pricing_3 .content .plan .plan_name{
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
}
#fws_pricing_3 .content .plan h3{
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
#fws_pricing_3 .content .plan h3 span{
    text-transform: capitalize;
    font-weight: 400;
    font-size: 12px;
    color: #c8d1d6;
}
#fws_pricing_3 .content p{
    color: #c8d1d6;
    margin-bottom: 15px;
}
#fws_pricing_3 .content ul{
    margin: 20px 0;
    padding: 0;
    list-style: none;
}
#fws_pricing_3 .content ul li{
    color: #c8d1d6;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(200, 209, 214, .34);
    font-size: 14px;
}
#fws_pricing_3 .content ul li i{
    padding-right: 5px;
}
#fws_pricing_3 .content ul li:last-child{
    border-bottom-width: 0;
}
#fws_pricing_3 .content a.btn{
    padding: 7px 20px;
    font-weight: 600;
    border-radius: 3px;
}
@media (max-width: 991px){
    #fws_pricing_3 .content{margin-bottom: 30px;}
}

JS

Width:

Height:

Enhance your website with a modern pricing snippet designed for clarity and style. Our Bootstrap pricing solution offers a sophisticated website pricing plan section that adapts to any device, ensuring a seamless user experience.

The Free Plan is ideal for those starting out. It provides essential features such as 1 user per account, basic support, and 1 GB of storage. Perfect for small projects or initial trials, this plan helps you get started without any cost.

For those who need more, the Popular Plan offers an upgraded experience. With support for up to 5 users, priority support, and 10 GB of storage, it’s tailored for small teams. This plan also includes email and SMS notifications, access to premium templates, and more, making it an excellent choice for growing businesses.

The Enterprise Plan is our most comprehensive option, designed for large organizations. It includes unlimited users, 24/7 support, and unlimited storage. Advanced features such as enhanced security, a dedicated account manager, and custom integrations ensure that all your enterprise needs are met with the highest level of service and security.

Each pricing snippet is crafted with attention to detail, using a visually appealing gradient background and clear typography. Whether you are implementing Bootstrap pricing for a new project or enhancing an existing site, this website pricing plan section will present your options effectively and attractively.