"Articles_by photo"
Bootstrap 3.3.0 Snippet by Ilkhom

<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"> <div class="row"> <div class="doctor col-lg-4"> <div class="row"> <div class="photo col-xs-6 col-xs-offset-3 col-sm-3 col-sm-offset-1 col-md-2 col-md-offset-2 col-lg-4 col-lg-offset-0"> <img src="images/01_tnw_plus.png" width="120" height="120" alt="http://ef-ca.tj/tnw.html"/> </div><!-- photo --> <div class="info col-xs-8 col-xs-offset-2 col-sm-7 col-sm-offset-0 col-md-6 col-lg-8"> <h3>CSO "Tajik Network of Women Living with HiV"</h3> <p><strong>Project Name:</strong> Improving government services for the people living with HIV</p> <p><strong>Goal of the project:</strong> Introduction of a referral and monitoring system in HiV Center, Gissar district</p> <a class="label label-primary" href="http://ef-ca.tj/tnw.html" target="_blank">See the project</a></p> </div><!-- info --> </div> <!-- inner row --> </div> <!-- TNW --> <div class="doctor col-lg-4"> <div class="row"> <div class="photo col-xs-6 col-xs-offset-3 col-sm-3 col-sm-offset-1 col-md-2 col-md-offset-2 col-lg-4 col-lg-offset-0"> <img src="images/imdod_logo.JPG" width="242" height="193" alt=""/> </div><!-- photo --> <div class="info col-xs-8 col-xs-offset-2 col-sm-7 col-sm-offset-0 col-md-6 col-lg-8"> <h3>CSO "IMDODI GAIRAT"</h3> <p><strong>Project Name:</strong> "Assisting people living with HIV to access to basic social services and changing attitudes of society towards people living with HIV / AIDS in Kanibadam city"</p> <p><strong>Goal of the project:</strong> Improve access of people living with HiV to the basic services and raise public awareness</p> <a class="label label-primary" href="http://ef-ca.tj/imdodigairat.html" target="_blank">See the project</a></p> </div><!-- info --> </div> <!-- inner row --> </div> <!-- Imdodi Gairat --> <div class="doctor col-lg-4"> <div class="row"> <div class="photo col-xs-6 col-xs-offset-3 col-sm-3 col-sm-offset-1 col-md-2 col-md-offset-2 col-lg-4 col-lg-offset-0"> <img src="images/gurdofarid_logo.JPG" width="242" height="193" alt=""/> </div><!-- photo --> <div class="info col-xs-8 col-xs-offset-2 col-sm-7 col-sm-offset-0 col-md-6 col-lg-8"> <h3>CSO "GURDOFARID"</h3> <p><strong>Project Name:</strong> "I choose life without AIDS"</p> <p><strong>Goal of the project:</strong> To improve provision of public services for people living with HiV and raise public awareness in Histevarz District, Sogd region</p> <a class="label label-primary" href="http://ef-ca.tj/http://ef-ca.tj/gurdofarid.html" target="_blank">See the project</a></p> </div><!-- info --> </div> <!-- inner row --> </div> <!-- Gurdofarid --> </div><!-- outer row --> </div> <!--row one--> </div>
#solutions { background-color: #F3EFEF; background-image: linear-gradient(to bottom, #F3EFEF, #F3EFEF); } .doctor { margin: 10px 0; } .doctor h3 { font-weight: 600; font-size: 1.2em; color: #6F4E36; padding-bottom: 5px; } .doctor p { font-size: .8em; } .doctor img { width: 100%; }

Related: See More


Questions / Comments: