<div class="col-sm-12" >
    <div class="col-sm-8 " >
        <div class="row ">
            <div class="col-sm-12 gray_ttc" style="padding: 0">
                <div class="col-sm-3" style="padding: 5px">
                    <a href="#">    <img src="<?php echo base_url(); ?>asset/images/suddam.jpg" style="width: 200px;height: 230px" class="img-responsive" alt="logo"></a>
                </div>
                <div class="col-sm-9" style="padding-left: 40px">
                    <div class="col-sm-12" style="padding: 0">
                        <div class="col-sm-12" style="padding: 0">
                            <h1>
                                <span class="pull-left">
                                    <a href="#">
                                        Suddam Hossain Rana
                                    </a>
                                </span>
                            </h1>

                        </div>

                        <div class="col-sm-12"><br></div>
                        <div class="col-sm-12" style="padding: 0">
                            <h5>
                                <span class="pull-left" style="padding:0 10px 10px 0">
                                    <a href="#" >Bangladesh</a> | <a href="#">Computer Software</a>
                                </span>
                            </h5>
                        </div>
                        <div class="col-sm-12" style="padding: 0">
                            <h5>
                                <span class="pull-left">
                                    <a href="#" style="margin-right: 32px">Current</a>  <a href="#">Talha Corporation</a>
                                </span>
                            </h5>
                        </div>
                        <div class="col-sm-12" style="padding: 0">
                            <h5>
                                <span class="pull-left">
                                    <a href="#" style="margin-right: 20px">Education</a> 
                                    <a href="#">	
                                        Daffodil International University
                                    </a>
                                </span>
                            </h5>
                        </div>
                        <div class="col-sm-12"><br><br></div>
                        <div class="col-sm-12" style="padding: 0">
                            <div class="col-sm-4">
                                <input type="button" class="green-btn btn btn-default" value="Connect"><br/><br/>
                            </div>

                        </div>
                    </div>
                </div>
            </div>


            <div class="col-sm-12 text-left" style="padding: 10px;background-color: #F0F0F0" >
                <div class="col-sm-1"> 
                    <span><img src="<?php echo base_url(); ?>asset/images/logo-50.png" style="width: 20px" class="img-responsive" alt="logo"></span>
                </div>
                <div class="col-sm-11" style="padding: 0;">
                    <span><a href="#">http://talhatraining.net/Suddam-Hossain-Rana</a></span>
                </div>
            </div>


        </div>
        <div class="col-sm-12"><br></div>

        <div class="row ">
            <div class="col-sm-12 white" style="padding: 0">
                <div class="col-sm-12 text-left" style="padding: 10px 0 0 20px">
                    <span><i class="fa fa-file-text fa-2x">&nbsp;&nbsp;&nbsp;</i>Experience</span>
                    <a href="#" onclick="AddWorkExperience()"><span  class="form-group btn btn-success pull-right" >Add Work Experience</span></a>
                </div>

                <script>
                    function AddWorkExperience() {
                        var work_experience = document.getElementById('work_experience');
                        work_experience.setAttribute('style', 'display:block')
                    }
                </script>
                <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px">


                    <div class="col-sm-12" style="display: none" id="work_experience">

                        <div class="row gray_ttc">


                            <div class="col-sm-12 ">
                                <!--                                                <div class="col-sm-12">
                                                                                    <h3>Add Work Experience </h3>  
                                                                                    <hr>
                                                                                </div>-->

                                <div class="col-sm-12"><br></div>
                                <!--<div class="col-md-12" style="border: 1px solid green"></div>-->

                                <div class="col-sm-12">

                                    <form action="profile.html" method="post">

                                        <div class="col-sm-12  ">

                                            <div class="col-sm-12"><br> <br></div>
                                            <div class="form-group col-sm-6">
                                                <div class="input-group">
                                                    <input type="text" class="form-control" placeholder="Please Type Company Name" aria-describedby="basic-addon1" autofocus>
                                                    <span class="input-group-addon" id="basic-addon1"><i class="fa fa-briefcase"></i></span>
                                                </div>
                                            </div>
                                            <div class="form-group col-sm-6">
                                                <div class="input-group">
                                                    <input type="text" class="form-control" placeholder="Please Type Your Designation" aria-describedby="basic-addon1">
                                                    <span class="input-group-addon" id="basic-addon1"><i class="fa fa-user"></i></span>
                                                </div>
                                            </div>



                                            <div class="col-sm-12"><br> <br></div>

                                            <div class="form-group col-sm-12">
                                                <div class="input-group">
                                                    <textarea rows="3" cols="100" class="form-control" placeholder="Please Type Your Company  Address"></textarea>

                                                </div>
                                            </div>
                                            <div class="col-sm-12"><br> <br></div>

                                            <div class="form-group col-sm-12">
                                                <div class="input-group">
                                                    <textarea rows="3" cols="100" class="form-control" placeholder="Please Type Your Job Responsibility"></textarea>

                                                </div>
                                            </div>
                                            <div class="col-sm-12"><br> <br></div>


                                            <div class="form-group col-sm-6">

                                                <div class='input-group' id='datetimepicker5'>
                                                    <input type='text' class="form-control" placeholder=" Attended date"/>
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-calendar"></span><br>
                                                    </span>
                                                </div>

                                            </div>

                                            <script type="text/javascript">
                                                $(function () {
                                                    $('#datetimepicker5').datetimepicker({
                                                        viewMode: 'years',
                                                        format: 'DD/MM/YYYY'

                                                    });
                                                });
                                            </script>


                                            <div class="form-group col-sm-6">

                                                <div class='input-group' id='datetimepicker6'>
                                                    <input type='text' class="form-control" placeholder="Finished date"/>
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-calendar"></span><br>
                                                    </span>
                                                </div>

                                            </div>

                                            <script type="text/javascript">
                                                $(function () {
                                                    $('#datetimepicker6').datetimepicker({
                                                        viewMode: 'years',
                                                        format: 'DD/MM/YYYY'

                                                    });
                                                });
                                            </script>


                                            <div class="col-sm-12"><br> <br></div>



                                            <div class="form-group col-sm-6">
                                                <div class="input-group">
                                                    <label for="work_current_here">Work Currently Here  :  &nbsp;&nbsp;</label>
                                                    <div class="radio radio-success">

                                                        <input type="radio" name="work_current_here" id="yes" value="1" checked>
                                                        <label for="yes">Yes</label>
                                                        <span style="margin-right: 30px"></span>
                                                        <input type="radio" name="work_current_here" id="no" value="0">
                                                        <label for="no">No</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-group col-sm-6">
                                                <select class="form-control" id="account-type" onchange="otherCategory(this.value)">
                                                    <option value=""> -Who can see my Education details- </option>
                                                    <option value="">Public</option>
                                                    <option value="">Talha Training User</option>
                                                    <option value="">Link</option>
                                                    <option value="">Only Me</option>


                                                </select>
                                            </div>


                                            <div class="col-sm-12"><br><br></div>


                                            <div class="form-group col-sm-4 col-sm-offset-4">
                                                <input type="submit" class="green-btn btn btn-default" value="Add Work Experience "><br/><br/>
                                            </div>



                                    </form>


                                </div>

                            </div>

                        </div>


                    </div>

                </div>




                <h3><a href="#">Web Developer</a></h3>
                <span>Talha Corporation</span><br>
                <span>April 2015 - At Present Time ( 4 Months running) | Dhaka Bangladesh </span><br><br>

                <p class="text-justify"> 
                    Train professional & fresh student Requirement Analysis, 
                    Technical Analysis & Document Writing, Test Plan Preparation, Software
                    Quality Assurance (SQA), Software Testing, Website Testing, 
                    Test Script/Test Case Write & Execute, Bug Reporting tools
                    (like Codetrack, Bugzilla, JIRA), Unified Modeling Language (UML),
                    and SEO.
                </p>

            </div>

            <div class="col-sm-12 text-left white" style="padding: 5px 0 0 20px">
                <h3><a href="#">Hardware & Network Engineer </a></h3>
                <span>Creative IT LTD. </span><br>
                <span>January 2012 - July 2012( 7 Months ) | Dhaka Bangladesh </span><br><br>

                <p class="text-justify"> 
                    Train professional & fresh student Requirement Analysis, 
                    Technical Analysis & Document Writing, Test Plan Preparation, Software
                    Quality Assurance (SQA), Software Testing, Website Testing, 
                    Test Script/Test Case Write & Execute, Bug Reporting tools
                    (like Codetrack, Bugzilla, JIRA), Unified Modeling Language (UML),
                    and SEO.
                </p>

            </div>

        </div>



        <div class="col-sm-12"><br></div>
        <div class="col-sm-12 white" style="padding: 0">
            <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                <span><i class="fa fa-book fa-2x">&nbsp;&nbsp;&nbsp;</i>Course</span>
            </div>

            <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px">
                <h3><a href="#">Created By Suddam Hossain</a></h3>

                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Project Management (CSE 6085)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Advanced Mobile Communication (CSE 6065)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Pattern Recognition (CSE 6021)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Software Quality Management (CSE 6003)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Object Oriented Analysis and Design (CSE 6005)</p>


            </div>

            <div class="col-sm-12 text-left white" style="padding: 5px 0 0 20px">
                <h3><a href="#">United International University</a></h3>

                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Project Management (CSE 6085)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Advanced Mobile Communication (CSE 6065)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Pattern Recognition (CSE 6021)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Software Quality Management (CSE 6003)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Object Oriented Analysis and Design (CSE 6005)</p>


            </div>

            <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px">
                <h3><a href="#">Talha Corporation</a></h3>

                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Project Management (CSE 6085)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Advanced Mobile Communication (CSE 6065)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Pattern Recognition (CSE 6021)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Software Quality Management (CSE 6003)</p>
                <p class="text-justify"><i class="fa fa-book">&nbsp;&nbsp;</i> Object Oriented Analysis and Design (CSE 6005)</p>


            </div>

        </div>

        <div class="col-sm-12"><br></div>
        <div class="col-sm-12 white" style="padding: 0">
            <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                <span><i class="fa fa-globe fa-2x">&nbsp;&nbsp;&nbsp;</i>Language</span>
            </div>

            <div class="col-sm-12 text-left gray" >

                <div class="col-sm-6 text-left" style="padding: 5px 0 0 20px">
                    <h3>French</h3>
                    <p>Elementary proficiency</p>
                </div>

                <div class="col-sm-6 text-left" style="padding:  5px 0 0 20px">
                    <h3>English</h3>
                    <p>Professional working proficiency</p>
                </div>
            </div>


        </div>
        <div class="col-sm-12"><br></div>

        <div class="col-sm-12 white" style="padding: 0">
            <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                <span><i class="fa fa-bar-chart-o fa-2x">&nbsp;&nbsp;&nbsp;</i>Skills</span>
            </div>

            <div class="col-sm-12 text-left gray" style="padding-left: 20px">

                <h3><a href="#">Top Skills</a></h3>


                <table class="table table-striped table-hover col-sm-12 table-responsive">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Score (Out of 5)</th>
                            <th>Time to Complete</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>

                        <tr class="gray">
                            <td>TCP / IP</td>
                            <td>4.50 &nbsp; <button class="btn btn-success"> Top 10% </button></td>
                            <td>20 Min</td>
                            <td>
                                <a href="view_skill_test.html"><div class="span1"><i class="fa fa-zoom-in" title="Edit">Details</i></div></a>
                            </td>
                        </tr>

                        <tr class="gray">
                            <td>Software Quality</td>
                            <td>4.50 &nbsp; <button class="btn btn-success"> Top 10% </button></td>
                            <td>20 Min</td>
                            <td>
                                <a href="view_skill_test.html"><div class="span1"><i class="fa fa-zoom-in" title="Edit">Details</i></div></a>
                            </td>
                        </tr>

                        <tr class="gray">
                            <td>Software Quality</td>
                            <td>4.50 &nbsp; <button class="btn btn-success"> Top 10% </button></td>
                            <td>20 Min</td>
                            <td>
                                <a href="view_skill_test.html"><div class="span1"><i class="fa fa-zoom-in" title="Edit">Details</i></div></a>
                            </td>
                        </tr>

                    </tbody>
                </table>


            </div>

            <div class="col-sm-12 text-left white" style="padding-left: 20px">

                <h3><a href="#">Self Assessment Skills</a></h3>

                <span class="btn btn-success" style="margin-bottom: 5px">PHP </span>
                <span class="btn btn-success" style="margin-bottom: 5px">Java Script </span>
                <span class="btn btn-success" style="margin-bottom: 5px">JQuery</span>
                <span class="btn btn-success" style="margin-bottom: 5px">MySql</span>
                <span class="btn btn-success" style="margin-bottom: 5px">Codeigniter</span>
                <span class="btn btn-success" style="margin-bottom: 5px">Joomla</span>
                <span class="btn btn-success" style="margin-bottom: 5px">Wordpress</span>
                <span class="btn btn-success" style="margin-bottom: 5px">SEO</span>
                <span class="btn btn-success" style="margin-bottom: 5px">Codeigniter</span>
                <span class="btn btn-success" style="margin-bottom: 5px">Windows Networking </span>
                <span class="btn btn-success" style="margin-bottom: 5px">Computer Hardware </span>



            </div>


        </div>


        <div class="col-sm-12 " ><br></div>
        <div class="col-sm-12 white" style="padding: 0">
            <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                <span><i class="fa fa-institution fa-2x">&nbsp;&nbsp;&nbsp;</i>Education</span>
                <span class="pull-right" style="padding: 5px"><a href="#" onclick="AddEducation()"><span  class="btn btn-success" >Add Education</span></a></span>
            </div>

            <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px">

                <script>
                    function AddEducation() {
                        var education = document.getElementById('education');
                        education.setAttribute('style', 'display:block')
                    }
                </script>
                <div class="col-sm-12" id="education" style="display: none">

                    <div class="row gray_ttc">


                        <div class="col-sm-12 ">


                            <div class="col-sm-12 row"><br></div>



                            <div class="col-sm-12 ">
                                <form action="profile.html">
                                    <div class="form-group col-sm-12 ">
                                        <div class="input-group text-left">

                                            <label for="attended" class="">Attended For :  &nbsp;&nbsp;</label>
                                            <div class="radio radio-success">

                                                <input type="radio" name="attended" id="school" value="1" autofocus>
                                                <label for="school">School</label>
                                                <span style="margin-right: 25px"></span>

                                                <input type="radio" name="attended" id="Collage" value="2">
                                                <label for="Collage">Collage</label>
                                                <span style="margin-right: 25px"></span>

                                                <input type="radio" name="attended" id="Graduation" value="3">
                                                <label for="Graduation">Graduation</label>
                                                <span style="margin-right: 25px"></span>

                                                <input type="radio" name="attended" id="Post_Graduation" value="4">
                                                <label for="Post_Graduation">Post-Graduation</label>
                                                <span style="margin-right: 25px"></span>

                                                <input type="radio" name="attended" id="phd" value="5">
                                                <label for="phd">PHD</label>
                                                <span style="margin-right: 25px"></span>

                                                <input type="radio" name="attended" id="Post_phd" value="6">
                                                <label for="Post_phd">Post-PHD</label>
                                            </div>

                                        </div>
                                    </div>

                                    <div class="col-sm-12 row"><br> <br></div>
                                    <div class="col-sm-12 row">
                                        <div class="form-group col-sm-6">
                                            <div class="input-group">
                                                <select autofocus 

                                                        class="form-control validate[required] text-input" 
                                                        id="person_country" 
                                                        name ="person_country" autofocus>

                                                    <script>
                                                        populateCountries("person_country", "person_city");  // ....for Country with State
                                                    </script>

                                                </select>
                                                <span class="input-group-addon" id="basic-addon1" title="Please select country name"><i class="fa fa-flag-checkered"></i></span>
                                            </div>
                                        </div>
                                        <div class="form-group col-sm-6">
                                            <div class="input-group">
                                                <select  

                                                    class="form-control validate[required] text-input" 
                                                    name ="person_city" 
                                                    id ="person_city" autofocus>
                                                </select>
                                                <span class="input-group-addon" id="basic-addon1" title="please select person city"><i class="fa fa-flag"></i></span>
                                            </div>
                                        </div>
                                    </div>

                                    <input type="hidden" name="country_code" id ="country_code" >

                                    <div class="col-sm-12 row"><br> <br></div>
                                    <div class="col-sm-12 row">
                                        <div class="form-group col-sm-6">

                                            <select autofocus class="form-control" id="account-type" onchange="otherInstitution(this.value)">
                                                <option value=""> -Select  Institution Name - </option>

                                                <option value="Other">Other</option>
                                            </select>

                                        </div>

                                        <div class="form-group col-sm-6 ">
                                            <div id="O_Institution" style="display: none">
                                                <div class="input-group">
                                                    <input autofocus type="text" class="form-control" placeholder="Please Type New Category" aria-describedby="basic-addon1">
                                                    <span class="input-group-addon" id="basic-addon1"  title="Please Type New Category"> <i class="fa fa-retweet"></i></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br>


                                    <script>
                                        function otherInstitution(givenText) {

                                            if (givenText == 'Other') {
                                                var O_Institution = document.getElementById('O_Institution');
                                                O_Institution.setAttribute("style", 'display:block; ');
                                            } else {
                                                var O_Institution = document.getElementById('O_Institution');
                                                O_Institution.setAttribute("style", 'display:none; ');
                                            }
                                        }
                                    </script>

                                    <div class="col-sm-12 "><br> <br></div>



                                    <div class="form-group col-sm-6">

                                        <div class='input-group' id='datetimepicker5'>
                                            <input type='text' class="form-control" placeholder=" Attended date"/>
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-calendar" title="Please select Attended Date"></span><br>
                                            </span>
                                        </div>

                                    </div>

                                    <script type="text/javascript">
                                        $(function () {
                                            $('#datetimepicker5').datetimepicker({
                                                viewMode: 'years',
                                                format: 'DD/MM/YYYY'

                                            });
                                        });
                                    </script>
                                    <div class="form-group col-sm-6">

                                        <div class='input-group' id='datetimepicker6'>
                                            <input type='text' class="form-control" placeholder=" Finished date"/>
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-calendar" title="Please Select Finished Date"></span><br>
                                            </span>
                                        </div>

                                    </div>

                                    <script type="text/javascript">
                                        $(function () {
                                            $('#datetimepicker6').datetimepicker({
                                                viewMode: 'years',
                                                format: 'DD/MM/YYYY'

                                            });
                                        });
                                    </script>







                                    <div class="col-sm-12 "><br> <br></div>
                                    <div class="col-sm-12 ">
                                        <div class="form-group input-group">
                                            <textarea rows="3" cols="80" class="form-control" placeholder="Please Type Your Education Description"></textarea>
                                        </div>
                                    </div>



                                    <div class="col-sm-12 row"><br> <br></div>

                                    <div class="col-sm-12 row">
                                        <div class="form-group col-sm-6">
                                            <select class="form-control" id="account-type" onchange="otherCategory(this.value)">
                                                <option value=""> -Who can see my Education details- </option>
                                                <option value="">Public</option>
                                                <option value="">Talha Training User</option>
                                                <option value="">Link</option>
                                                <option value="">Only Me</option>


                                            </select>
                                        </div>
                                        <div class="col-sm-6"></div>
                                    </div>

                                    <div class="col-sm-12 "><br><br></div>
                                    <div class="col-sm-12 ">

                                        <!--                                                        <div class="col-sm-2 col-sm-offset-1"><a href="add_teacher.html" class="btn btn-success">Previous</a></div>-->

                                        <div class="form-group col-sm-4 col-sm-offset-4">
                                            <input type="submit" class="green-btn btn btn-default" value="Add Education "><br/><br/>
                                        </div>

                                        <!--                                                        <div class="form-group col-sm-4">
                                                                                                    <a href="add_work_experience.html"> <span class="green-btn btn btn-default">Skip </span></a><br/><br/>
                                                                                                </div>-->



                                    </div>

                                </form>
                            </div>



                        </div> 
                    </div> 

                </div>



                <h3><a href="#">Daffodil International University </a></h3>
                <span>B.Sc. in Computer Science  Engineering</span><br>
                <span>2012 – 2015</span>
            </div>

            <div class="col-sm-12 text-left white" style="padding: 5px 0 0 20px">
                <h3><a href="#">Dhaka Polytechnic Institute </a></h3>
                <span>Diploma  in Computer Science  Engineering , 3.58 CGPA Out of 4</span><br>
                <span>2007 – 2011</span>
            </div>

            <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px">
                <h3><a href="#">Noakhali Zilla School</a></h3>
                <span>S.S.C in Business Studies , 4.75 GPA Out of 5</span><br>
                <span>2005 – 2006</span>
            </div>


        </div>
        <script>
            function AddInterest() {
                var Interest = document.getElementById('Interest');
                Interest.setAttribute('style', 'display:block')
            }
        </script>
        <div class="col-sm-12"><br></div>
        <div class="col-sm-12 white" style="padding: 0">
            <div class="col-sm-12 text-left" style="padding: 5px 0 0 20px">
                <span><i class="fa fa-refresh fa-2x">&nbsp;&nbsp;&nbsp;</i>Additional Info</span>
                <span class="pull-right" style="padding: 5px"><a href="#" onclick="AddInterest()"><span  class="btn btn-success" >Add Interest Field</span></a></span>
            </div>

            <div class="col-sm-12 text-left gray" style="padding: 5px 0 0 20px">

                <div class="col-sm-12" id="Interest" style="display: none">

                    <div class="row gray_ttc">

                        <div class="col-sm-12"><br>

                            <form action="profile.html">


                                <div class="form-group col-sm-10">

                                    <div class='input-group' id='datetimepicker6'>
                                        <input autofocus type='text' class="form-control" placeholder="Please Type Interest field "/>
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-bookmark"></span><br>
                                        </span>
                                    </div>

                                </div>

                                <div class="form-group col-sm-4 col-sm-offset-3">
                                    <input type="submit" class="green-btn btn btn-default" value="Add Interest Field "><br/><br/>
                                </div>



                            </form>


                        </div>

                    </div>

                </div>





                <h3><a href="#">Interests </a></h3>
                <span>Reading novels, Traveling,Catching Fish</span><br></br>

            </div>

            <div class="col-sm-12 text-left white" style="padding: 20px">
                <h3><a href="#">Personal Details</a></h3>

                <span style="margin-right: 20px">Birthday</span>
                <span>August 16</span>
            </div>





        </div>
        <div class="col-sm-12"><br></div>

    </div>


</div> 


<div class="col-sm-4 ">

    <div class="row gray_ttc">


        <div class="row " style="padding: 10px">
            <div class="col-sm-12 ">
                <p class="bg-primary lead" style="text-align: center;background-color: #8CC73F">Link</p>
            </div>

            <div class="col-sm-12 media-hover ">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class=" green text-justify"><a href="#">Suddam Hossain Rana</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>


                </div>
            </div>



            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#">Jahid Hossain Regan</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>
                </div>
            </div>
            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#">Mounul Hossain Polash</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>
                </div>
            </div>

            <div class="col-sm-12">
                <a href="#" class="pull-right" style="padding-right: 40px">More...</a>
            </div>

        </div>


        <div class="row" style="padding: 10px">
            <div class="col-sm-12 ">
                <p class="bg-primary lead" style="text-align: center;background-color: #8CC73F">Group</p>
            </div>

            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#">Talha Corporation</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>
                </div>
            </div>


            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#">Talha Tima</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>
                </div>
            </div>

            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#">TTC</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <a href="#" class="pull-right" style="padding-right: 40px">More...</a>
            </div>

        </div>



        <div class="row" style="padding: 10px">
            <div class="col-sm-12 ">
                <p class="bg-primary lead" style="text-align: center;background-color: #8CC73F"> Suggestion Link</p>
            </div>

            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class=" green text-justify"><a href="#">Md. Habib</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>
                </div>
            </div>


            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#"> Md. Talha</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>
                </div>
            </div>
            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#"> Tima</a></h4>
                        <!--<p class="text-justify"> Give us a call, ask us your questions! Need more information?</p>-->
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <a href="#" class="pull-right" style="padding-right: 40px">More...</a>
            </div>

        </div>


        <div class="row" style="padding: 10px">
            <div class="col-sm-12 ">
                <p class="bg-primary lead" style="text-align: center;background-color: #8CC73F"> Suggestion Group</p>
            </div>

            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#">Talha Corporation</a></h4>
                    </div>
                </div>
            </div>


            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#">Talha Tima</a></h4>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 media-hover">
                <div class="media col-sm-12 ">
                    <div class="media-left">
                        <a href="#">
                            <img class="media-object" src="<?php echo base_url() ?>asset/img/logo.png" style="width: 30px" alt=" ">
                        </a>
                    </div>
                    <div class="media-body">
                        <h4 class="green text-justify"><a href="#">TTC</a></h4>
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <a href="#" class="pull-right" style="padding-right: 40px">More...</a>
            </div>
        </div>
    </div>
</div>
</div>