<div class="wrapper wrapper-content">
    <div class="row animated fadeInRight">
        <div class="col-md-4">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Profile Detail</h5>
                </div>
                <div>
                    <div class="ibox-content no-padding border-left-right">
                        <img src="<?php echo base_url() ?>assets/img/profile_big.jpg" class="img-responsive"
                             alt="image">
                    </div>
                    <div class="ibox-content profile-content">
                        <h4><strong>Monica Smith</strong></h4>

                        <p><i class="fa fa-map-marker"></i> Riviera State 32/106</p>
                        <h5>
                            About me
                        </h5>

                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
                            ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitat.
                        </p>

                        <div class="row m-t-lg">
                            <div class="col-md-4">
                                <span class="bar" style="display: none;">5,3,9,6,5,9,7,3,5,2</span>
                                <svg class="peity" height="16" width="32">
                                    <rect fill="#1ab394" x="0" y="7.111111111111111" width="2.3"
                                          height="8.88888888888889"/>
                                    <rect fill="#d7d7d7" x="3.3" y="10.666666666666668" width="2.3"
                                          height="5.333333333333333"/>
                                    <rect fill="#1ab394" x="6.6" y="0" width="2.3" height="16"/>
                                    <rect fill="#d7d7d7" x="9.899999999999999" y="5.333333333333334" width="2.3"
                                          height="10.666666666666666"/>
                                    <rect fill="#1ab394" x="13.2" y="7.111111111111111" width="2.3"
                                          height="8.88888888888889"/>
                                    <rect fill="#d7d7d7" x="16.5" y="0" width="2.3" height="16"/>
                                    <rect fill="#1ab394" x="19.799999999999997" y="3.555555555555557" width="2.3"
                                          height="12.444444444444443"/>
                                    <rect fill="#d7d7d7" x="23.099999999999998" y="10.666666666666668" width="2.3"
                                          height="5.333333333333333"/>
                                    <rect fill="#1ab394" x="26.4" y="7.111111111111111" width="2.3"
                                          height="8.88888888888889"/>
                                    <rect fill="#d7d7d7" x="29.7" y="12.444444444444445" width="2.3"
                                          height="3.5555555555555554"/>
                                </svg>
                                <h5><strong>169</strong> Posts</h5>
                            </div>
                            <div class="col-md-4">
                                <span class="line" style="display: none;">5,3,9,6,5,9,7,3,5,2</span>
                                <svg class="peity" height="16" width="32">
                                    <polygon fill="#1ab394"
                                             points="0 15 0 7.166666666666666 3.5555555555555554 10.5 7.111111111111111 0.5 10.666666666666666 5.5 14.222222222222221 7.166666666666666 17.77777777777778 0.5 21.333333333333332 3.833333333333332 24.888888888888886 10.5 28.444444444444443 7.166666666666666 32 12.166666666666666 32 15"/>
                                    <polyline fill="transparent"
                                              points="0 7.166666666666666 3.5555555555555554 10.5 7.111111111111111 0.5 10.666666666666666 5.5 14.222222222222221 7.166666666666666 17.77777777777778 0.5 21.333333333333332 3.833333333333332 24.888888888888886 10.5 28.444444444444443 7.166666666666666 32 12.166666666666666"
                                              stroke="#169c81" stroke-width="1" stroke-linecap="square"/>
                                </svg>
                                <h5><strong>28</strong> Following</h5>
                            </div>
                            <div class="col-md-4">
                                <span class="bar" style="display: none;">5,3,2,-1,-3,-2,2,3,5,2</span>
                                <svg class="peity" height="16" width="32">
                                    <rect fill="#1ab394" x="0" y="0" width="2.3" height="10"/>
                                    <rect fill="#d7d7d7" x="3.3" y="4" width="2.3" height="6"/>
                                    <rect fill="#1ab394" x="6.6" y="6" width="2.3" height="4"/>
                                    <rect fill="#d7d7d7" x="9.899999999999999" y="10" width="2.3" height="2"/>
                                    <rect fill="#1ab394" x="13.2" y="10" width="2.3" height="6"/>
                                    <rect fill="#d7d7d7" x="16.5" y="10" width="2.3" height="4"/>
                                    <rect fill="#1ab394" x="19.799999999999997" y="6" width="2.3" height="4"/>
                                    <rect fill="#d7d7d7" x="23.099999999999998" y="4" width="2.3" height="6"/>
                                    <rect fill="#1ab394" x="26.4" y="0" width="2.3" height="10"/>
                                    <rect fill="#d7d7d7" x="29.7" y="6" width="2.3" height="4"/>
                                </svg>
                                <h5><strong>240</strong> Followers</h5>
                            </div>
                        </div>
                        <div class="user-button">
                            <div class="row">
                                <div class="col-md-6">
                                    <button class="btn btn-primary btn-sm btn-block" type="button"><i
                                            class="fa fa-envelope"></i> Send Message
                                    </button>
                                </div>
                                <div class="col-md-6">
                                    <button class="btn btn-default btn-sm btn-block" type="button"><i
                                            class="fa fa-coffee"></i> Buy a coffee
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-8">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>Activites</h5>

                    <div class="ibox-tools">
                        <a class="collapse-link binded">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="#">Config option 1</a>
                            </li>
                            <li><a href="#">Config option 2</a>
                            </li>
                        </ul>
                        <a class="close-link binded">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">

                    <div class="panel blank-panel">

                        <div class="panel-heading">
                            <div class="panel-title m-b-md"><h4>Blank Panel with text tabs</h4></div>
                            <div class="panel-options">

                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#tab-1" data-toggle="tab" aria-expanded="true">First
                                            Tab</a></li>
                                    <li class=""><a href="#tab-2" data-toggle="tab" aria-expanded="false">Second Tab</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel-body">

                            <div class="tab-content">
                                <div class="tab-pane active" id="tab-1">
                                    <strong>Lorem ipsum dolor sit amet, consectetuer adipiscing</strong>

                                    <p>A wonderful serenity has taken possession of my entire soul, like these sweet
                                        mornings of spring which I enjoy with my whole heart. I am alone, and feel the
                                        charm of existence in this spot, which was created for the bliss of souls like
                                        mine.</p>

                                    <p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere
                                        tranquil existence, that I neglect my talents. I should be incapable of drawing
                                        a single stroke at the present moment; and yet I feel that I never was a greater
                                        artist than now. When.</p>
                                </div>

                                <div class="tab-pane" id="tab-2">
                                    <strong>Donec quam felis</strong>

                                    <p>Thousand unknown plants are noticed by me: when I hear the buzz of the little
                                        world among the stalks, and grow familiar with the countless indescribable forms
                                        of the insects and flies, then I feel the presence of the Almighty, who formed
                                        us in his own image, and the breath </p>

                                    <p>I am alone, and feel the charm of existence in this spot, which was created for
                                        the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the
                                        exquisite sense of mere tranquil existence, that I neglect my talents. I should
                                        be incapable of drawing a single stroke at the present moment; and yet.</p>

                                </div>
                            </div>

                        </div>

                    </div>

                </div>
            </div>

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