<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<div class="w-50 px-3 py-3 pt-md-4 pb-md-4 mx-auto text-center">
<h1 class="display-4 font-weight-bold">Pricing</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam urna massa, ullamcorper quis libero
non, semper convallis nisl. Nulla facilisi. Cras id tortor ex. Curabitur eget lectus fermentum, convallis massa
pulvinar, mattis ex.</p>
</div>
<div class="container text-center">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-10 pb-4 d-block m-auto">
<div class="pricing-item" style="box-shadow: 0px 0px 30px -7px rgba(0,0,0,0.29);">
<div class="pt-4 pb-3" style="letter-spacing: 2px">
<h4>Starter</h4>
</div>
<div class="pricing-price pb-1 text-primary color-primary-text ">
<h1 style="font-weight: 1000; font-size: 3.5em;">
<span style=" font-size: 20px;">€</span>25
</h1>
</div>
<div class="pricing-description">
<ul class="list-unstyled mt-3 mb-4">
<li class="pl-3 pr-3">30 users included</li>
