<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <h2 class="section-heading text-center">Цены</h2> <h3 class="lead text-center">Попробуйте 14 дней бесплатно</h3> <div class="row"> <div class="col-md-6"> <div class="panel panel-info"> <div class="panel-heading"> <h3 class="text-center">Диспетчер</h3> <p class="text-center">1 пользователь</p> </div> <div class="panel-body text-center"> <p class="lead"><strong style="font-size:30px">500</strong>грн/мес</p> </div> <ul class="list-group list-group-flush text-center"> <li class="list-group-item"> Заказы </li> <li class="list-group-item"> Документы </li> <li class="list-group-item"> Клиенты </li> </ul> <div class="panel-footer"> <a href="#" class="btn btn-primary btn-lg btn-block"> Попробовать <strong>бесплатно</strong>! </a> </div> </div> </div> <div class="col-md-6"> <div class="panel panel-success"> <div class="panel-heading"> <h3 class="text-center">ТЭК</h3> <p class="text-center">неограниченое количество пользователей</p> </div> <div class="panel-body text-center"> <p class="lead"><strong style="font-size:30px">1000</strong>грн/мес</p> </div> <ul class="list-group list-group-flush text-center"> <li class="list-group-item"> Заказы </li> <li class="list-group-item"> Документы </li> <li class="list-group-item"> Клиенты </li> <li class="list-group-item"> Рассылки </li> <li class="list-group-item"> Сотрудники </li> </ul> <div class="panel-footer"> <a href="#" class="btn btn-primary btn-lg btn-block"> Попробовать <strong>бесплатно</strong>! </a> </div> </div> </div> </div> </div>