<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<body>
<div class="container main-secction">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12 image-section">
<img src="https://png.pngtree.com/thumb_back/fw800/back_pic/00/08/57/41562ad4a92b16a.jpg">
</div>
<div class="row user-left-part">
<div class="col-md-3 col-sm-3 col-xs-12 user-profil-part pull-left">
<div class="row ">
<div class="col-md-12 col-md-12-sm-12 col-xs-12 user-image text-center">
<img src="https://www.jamf.com/jamf-nation/img/default-avatars/generic-user-purple.png" class="rounded-circle">
</div>
<div class="col-md-12 col-sm-12 col-xs-12 user-detail-section1 text-center">
<button id="btn-contact" (click)="clearModal()" data-toggle="modal" data-target="#contact" class="btn btn-success btn-block follow">Contactarme</button>
<button class="btn btn-warning btn-block">Descargar Curriculum</button>
</div>
<div class="row user-detail-row">
<div class="col-md-12 col-sm-12 user-detail-section2 pull-left">
<div class="border"></div>
<p>FOLLOWER</p>
<span>320</span>
</div>
</div>
</div>
</div>
<div class="col-md-9 col-sm-9 col-xs-12 pull-right profile-right-section">
<div class="row profile-right-section-row">
<div class="col-md-12 profile-header">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-6 profile-header-section1 pull-left">
<h1>Juan Perez</h1>
