<!-- right side header --> <div class="p-15 bg-white b-b"> <div class="btn-toolbar"> <div class="btn-group pull-right"> <button type="button" class="btn btn-default btn-sm br-2-l"><i class="fa fa-angle-left"></i></button> <button type="button" class="btn btn-default btn-sm br-2-r"><i class="fa fa-angle-right"></i></button> </div> <div class="btn-group"> <a ui-sref="app.mail.inbox" class="btn btn-default btn-sm br-2 w-60"><i class="fa fa-long-arrow-left"></i></a> </div> <div class="btn-group"> <button class="btn btn-default btn-sm br-2-l w-60"><i class="fa fa-download"></i></button> <button class="btn btn-default btn-sm w-60"><i class="fa fa-exclamation-triangle"></i></button> <button class="btn btn-default btn-sm br-2-r w-60"><i class="fa fa-trash-o"></i></button> </div> <div class="btn-group"> <button class="btn btn-default btn-sm br-2-l w-60"><i class="fa fa-folder mr-5"></i> <span class="caret"></span></button> <button class="btn btn-default btn-sm br-2-r w-60"><i class="fa fa-tags mr-5"></i> <span class="caret"></span></button> </div> </div> </div> <!-- /right side header --> <!-- right side body --> <div class="p-15 b-b"> <h2 class="text-thin m-0">Eu deserunt cillum</h2> </div> <div class="p-15 b-b"> <div class="media"> <div class="pull-left"> <div class="thumb thumb-sm"> <img class="img-circle" src="images/random-avatar7.878bc2ec.jpg"> </div> </div> <div class="media-body"> <p class="mb-0"> <span class="text-muted">from</span> <a href="javascript:;" class="text-default">woodwalton@orbaxter.com</a> <span class="text-muted text-sm pull-right">16:54, 24.11.2014</span> </p> <p class="mb-0"> <span class="text-muted">to</span> Me </p> <p class="mb-0 text-sm"> <span class="text-muted"><i class="fa fa-paperclip"></i></span> (2 files, 89.2 KB) </p> </div> </div> </div> <div class="p-15"> <p>Commodo sunt minim incididunt ipsum dolore veniam nulla Lorem reprehenderit officia. Ut esse cillum quis deserunt.</p> </div> <div class="p-15"> <div class="thumb thumb-xxl"> <div class="thumb-header br-2-t"><i class="fa fa-paperclip"></i> kitty1.jpg</div> <div class="thumb-body br-2-b"> <a href="http://placekitten.com/g/800/600"><img src="http://placekitten.com/g/158/101"></a> </div> </div> <div class="thumb thumb-xxl"> <div class="thumb-header br-2-t"><i class="fa fa-paperclip"></i> kitty2.jpg</div> <div class="thumb-body br-2-b"> <a href="http://placekitten.com/g/800/600"><img src="http://placekitten.com/g/159/101"></a> </div> </div> </div> <div class="p-15"> <div class="panel b-a b-solid br-2"> <div class="panel-heading" ng-hide="reply"> <div class="mb-40"> Click here to <a href="javascript:;" ng-click="reply=!reply">Reply</a> or <a href="javascript:;" ng-click="reply=!reply">Forward</a> </div> </div> <div ng-show="reply"> <div class="panel-heading b-b"> woodwalton@orbaxter.com </div> <div class="p-15" contenteditable="true" style="min-height:100px"></div> <div class="panel-footer"> <button class="btn btn-link text-default pull-right" ng-click="reply=!reply"><i class="fa fa-trash-o"></i></button> <button class="btn btn-greensea btn-ef btn-ef-7 btn-ef-7b b-0 br-2" activate-button=""><i class="fa fa-envelope"></i> Send Message</button> </div> </div> </div> </div> <!-- /right side body -->