anchor.diff:  <div class="alert alert-danger alert-dismissible">
     <div class="container">
       <button type="button" class="close" data-dismiss="alert" aria-hidden="true" data-target=".alert-dismissible">&times;</button>
  -    <i class="ss-alert icon"></i>
  +    <span class="geomicon geomicon-alert icon"></span>
       This alert is happening. You will feel informed about it. It's so <a href="#">alertful</a>!
     </div>
   </div>
  
positive.code: <div class="alert alert-success alert-dismissible">
    <div class="container">
      <button type="button" class="close" data-dismiss="alert" aria-hidden="true" data-target=".alert-dismissible">&times;</button>
      <i class="ss-check icon"></i>
      This alert is happening. You will feel informed about it. It's so <a href="#">alertful</a>!
    </div>
  </div>
  
negative.code:           <div class="form-group has-success has-feedback">
              <label class="control-label">Field with successful validation</label>
              <input type="text" class="form-control" value="Greenville Good!">
              <span class="geomicon geomicon-check form-control-feedback"></i>
            </div>
  
            <div class="form-group has-loading has-feedback">
              <label class="control-label sr-only">Field in loading state</label>
              <input type="text" class="form-control" value="Loading">
              <span class="geomicon geomicon-sync form-control-feedback"></i>
            </div>
  
            <div class="form-group has-error has-feedback">
              <label class="control-label sr-only">Field with failing validation</label>
              <input type="text" class="form-control focus" value="No can do, Kemosabe.">
              <span class="geomicon geomicon-alert form-control-feedback"></i>
              <span class="help-block help-error">Your password must be at least 8 characters long.</span>
            </div>
  
  