---
layout: stripped
title: Pricing
---

<div class="bg-light pb-5 section-top-lg">
  
    <div class="container">
        <div class="row d-flex align-items-start justify-content-center text-center">
            <div class="col-md-10">
                <h1 class="display-3">UI assets for startup owners & busy designers</h1>
                <p class="lead">Find the perfect creative asset to
                    <br> bring your project to life</p>
            </div>
        </div>
        <div class="row justify-content-center mb-5 mt-3">
            <div class="col-auto">
                <nav class="nav btn-group" role="tablist"> <a href="#pricing-monthly" class="btn btn-outline-primary active show" id="pricing-monthly-tab" data-toggle="tab" aria-controls="pricing-monthly">Monthly Pricing</a> <a href="#pricing-yearly" class="btn btn-outline-primary" id="pricing-yearly-tab" data-toggle="tab" aria-controls="pricing-yearly">Yearly Pricing</a> </nav>
            </div>
            <!--end of col-->
        </div>
        <!--end of row-->
        <div class="tab-content my-5">
            <div class="tab-pane fade active show" id="pricing-monthly" role="tab" aria-selected="true">
                <div class="row d-flex justify-content-center">
                    <div class="col-md-6 col-lg-4">
                        {{>pricing-1}}
                    </div>
                    <!--end of col-->
                    <div class="col-md-6 col-lg-4">
                        {{>pricing-2}}
                    </div>
                    <!--end of col-->
                </div>
                <!--end of row-->
            </div>
            <!--end:tabs-->
            <div class="tab-pane fade" id="pricing-yearly" role="tab" aria-selected="false">
                <div class="row d-flex justify-content-center">
                    <div class="col-md-6 col-lg-4">
                        {{>pricing-3}}
                    </div>
                    <!--end of col-->
                    <div class="col-md-6 col-lg-4">
                        {{>pricing-4}}
                    </div>
                    <!--end of col-->
                </div>
                <!--end of row-->
            </div>
            <!--end:tabs-->
        </div>
    </div>
    <div class="container">
        <div class="row d-flex justify-content-center py-7">
            <div class="col-lg-4">
                <div class="info-box">
                    <i class="las la-hand-holding-usd h1 text-primary"></i>
                    <h3>30-day money-back guarantee</h3>
                    <p>Joining is risk-free. Cancel your subscription within 30 days and get a full refund. No questions asked.</p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="info-box">
                    <i class="las la-headset h1 text-primary"></i>
                    <h3>Support team that cares</h3>
                    <p>Your opinion is important to us. Contact us. Our supporters and developers work hand in hand to help you.</p>
                </div>
            </div>
        </div>
        <!--end:row-->
        <div class="row d-flex justify-content-center">
            <div class="col-md-8 col-lg-8">
                {{>accordions}}
            </div>
        </div>
    </div>
</div>