anchor.diff:                          br
                           br
                           | 555-4567-890(Mobile)
  +                   .clearfix
                     a.btn.btn-primary(href='#') My Sales Performance
                     a.btn.btn-primary(href='#') Team Sales Performance
               .panel-footer
  
positive.code:                 a.btn.btn-sm.btn-danger(data-original-title='Remove this user', data-toggle='tooltip', type='button')
                    i.glyphicon.glyphicon-remove
               a#back-to-bootsnipp.btn.btn-danger.hide(href='http://bootsnipp.com/mouse0270/snippets/4l0k2') Back to Bootsnipp
    .container
      .row
        .col-xs-12.col-sm-offset-3.col-sm-6
          .panel.panel-default
            .panel-heading
              span.title Contacts
              ul.pull-right
                li
                  a.hide-search(href='#', data-command='toggle-search', data-toggle='tooltip', data-placement='top', title='Toggle Search')
                    i.glyphicon.glyphicon-plus
            .row(style='display: none;')
              .col-xs-12
                .input-group.c-search
                  input#contact-list-search.form-control(type='text')
                  span.input-group-btn
                    button.btn.btn-default(type='button')
                      span.glyphicon.glyphicon-search.text-muted
            ul#contact-list.list-group
               each display_item in req.user.friendList 
                  li.list-group-item
                    .col-xs-12.col-sm-3
                      img.img-responsive.img-circle(src='#{display_item.friend_profile_photo}', alt='Compas')
                    .col-xs-12.col-sm-9
                      span.name #{display_item.username}
                      br
                      span.glyphicon.glyphicon-map-marker.text-muted.c-info(data-toggle='tooltip', title='5842 Hillcrest Rd')
                      span.visible-xs
                        span.text-muted Friend since #{display_item.date}
                        br
                      span.glyphicon.glyphicon-earphone.text-muted.c-info(data-toggle='tooltip', title='(870) 288-4149')
                      span.visible-xs
                        span.text-muted (870) 288-4149
                        br
                      span.fa.fa-comments.text-muted.c-info(data-toggle='tooltip', title='scott.stevens@example.com')
                      span.visible-xs
                        span.text-muted scott.stevens@example.com
                        br
                    .clearfix
   
             
        // JavaScrip Search Plugin
        script(src='/myjsfiles/searchable.js')
      //script(src='//rawgithub.com/stidges/jquery-searchable/master/dist/jquery.searchable-1.0.0.min.js')
                
negative.code:                 .col-md-9.col-lg-9
                    table.table.table-user-information
                      tbody
                        tr
                          td Hire date:
                          td 06/23/2013
  