1<div class="container">
 2  <div class="row">
 3    <div class="col-sm-3">
 4      <div class="card">
 5        <div class="o_userProfileBackground">
 6        </div>
 7        <div class="card-body">
 8          <img class="o_userImgCircular o_profilePageImage" ng-src="https://www.eyerys.com/sites/default/files/mark_zuckerberg.jpg" />
 9          <h4>
10                {{user.name}} {{user.lastname}}
11            </h4>
12            <h6 class="card-subtitle mb-2 text-muted">@{{user.username}}</h6>
13          <p>{{user.description}}</p>
14          <p>
15            <a ng-href="#!/userLikes/{{user._id}}">
16                14 followers
17            </a> |
18            <a ng-href="#!/userLikes/{{user._id}}">
19                20 following
20            </a>
21          </p>
22        </div>
23      </div>
24      <br>
25      <div class="card">
26        <div class="card-body">
27          <b>About</b>
28          <p>
29            Twitter <a ng-href="https://twitter.com/{{user.twitter}}" target="_blank">{{user.twitter}}</a>
30          </p>
31          <p>
32            Github <a ng-href="https://github.com/{{user.github}}" target="_blank">{{user.github}}</a>
33          </p>
34        </div>
35      </div>
36    </div>
37    <div class="col-sm-9">
38      <div class="row">
39        <div class="col-sm-10">
40          <div class="form-group">
41            <input type="text" class="form-control" placeholder="Title of the article..." style="font-weight:bold;">
42          </div>
43        </div>
44        <div class="col-sm-2">
45          <div ng-click="save()" class="btn btn-raised btn-block c_o_blue300 pull-right">Publicate</div>
46        </div>
47      </div>
48      <div class="card">
49        <div class="card-body">
50          <div class="editable" style="min-height: 500px; padding: 10px;"></div>
51        </div>
52      </div>
53    </div>
54  </div>
55</div>