falling 4 u

{% extends "main.html" %}{% block content %}
<div class="row wrapper border-bottom white-bg page-heading">
   <div class="col-lg-9">
      <h2>Clients</h2>
      <ol class="breadcrumb">
         <li class="active"> <a href="/contacts"><strong>Contacts</strong></a> </li>
         <li>Profile</li>
      </ol>
   </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
   <div class="row">
      {% for client in clients %}
      <div class="col-lg-4">
         <div class="contact-box">
            <a href="/profile/{{client.id}}">
               <div class="col-sm-8">
                  <h3><strong>{{client.name}}</strong></h3>
                  <p><i class="fa fa-map-marker"></i>{{client.client_country}}</p>
                  <strong>{{client.client_email}}</strong><br>{{client.client_info}}<br><abbr title="Phone">P:</abbr>{{client.client_phone}}
               </div>
               <div class="clearfix"></div>
            </a>
         </div>
      </div>
      {% endfor %}
      <div class="col-lg-4">
         <div class="contact-box">
            <a href="/client_form">
               <div class="col-sm-8">
                  <div class=col-xs-3> <i class="fa fa-plus-circle fa-5x"></i></div>
                  <div class="col-xs-9 text-center">
                     <h1>Add Client</h1>
                  </div>
               </div>
               <div class="clearfix"></div>
            </a>
         </div>
      </div>
   </div>
</div>
{% endblock %}