Website Pricing Plans | Choose the Perfect Package for Your Needs

Explore our flexible website pricing plans to find the perfect fit for your needs. We offer a range of packages with essential features, designed for businesses of all sizes. Get your website started today!

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;
}
#pricing{
    padding: 70px 0;
}
#pricing .title h2{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 50px;
}
#pricing .pricing_box{
    background-color: #fff;
    padding: 47px 50px 50px;
    box-shadow: 0px 30px 200px rgba(16, 25, 56, .08);
    border-radius: 5px;
}
#pricing .pricing_box span.tag{
    font-size: 18px;
    color: #000;
    display: inline-block;
    line-height: 1;
    font-weight: 600;
}
#pricing .pricing_box h2{
    line-height: 1;
    margin-top: 17px;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
}
#pricing .pricing_box ul{
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 220px;
}
#pricing .pricing_box ul li{
    margin-bottom: 7px;
}
#pricing .pricing_box ul li i{
    padding-right: 5px;
}
#pricing .pricing_box a.btn{
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px;
    padding: 16px 40px;
    background-color: #000;
    color: #ffffff;
    transition: all .4s;
    font-weight: 700;
}
#pricing .pricing_box a.btn:hover{
    background-color: #feda1f;
    border-color: #feda1f;
    color: #000;
}
#pricing .pricing_box a.btn span{
    position: relative;
    display: inline-block;
    padding: 0;
    transition: transform .5s;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
}
#pricing .pricing_box a.btn span:before{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: 'Choose Plan';
    transition: color .5s;
    transform: rotateX(-90deg);
    transform-origin: 50% 0;
    text-align: center;
}
#pricing .pricing_box a.btn:hover span{
    transform: rotateX(90deg) translateY(-12px);
}
@media (max-width: 991px){
    #pricing .pricing_box{
        margin-bottom: 30px;
    }
}
@media (max-width: 767.9px){
    #pricing .pricing_box{
        padding: 40px 30px;
    }
}

JS

Width:

Height:

Are you ready to get your business online, but worried about the cost? Don't stress! Our straightforward pricing plans are designed to cater to businesses of every size and budget. Whether you're just getting started or are looking to expand your digital presence, we have a package that's perfect for you. Take a look at our pricing plans below to find your fit and explore what features are included. We are committed to providing you with the highest quality website service and we look forward to hearing from you today. We are confident that you will be pleased with our value and the quality of our services.