anchor.diff:                        Memories <span class="badge"> <%= @memories.count %> </span>
                       </li>
                       <li>
  -                      <a href="#" class="gray_text">Family Members <span class="badge"> <%= @user.families.count %> </span></a>
  +
  +                          <a href="#" class="gray_text" role="button" data-toggle="modal" data-target="#family-modal">Family Members  <span class="badge"> <%= @user.families.count %> </span>
  +                          </a>
                       </li>
                       <li>
                           <a href="#" class="gray_text" role="button" data-toggle="modal" data-target="#login-modal">Create a Memory</a>
  
positive.code:         <!-- /.container -->
      </nav>
  
  <!-- BEGIN # MODAL LOGIN -->
      <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria labelledby="myModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog">
          <div class="modal-content">
  
negative.code: </body>
  
  
  
  
  
  <!-- BEGIN # MODAL Family -->
      <div class="modal fade" id="family-modal" tabindex="-1" role="dialog" aria labelledby="myModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header" align="center">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
              </button>
            </div>
  
            <div id="div-forms">
              <form action="/users/<%= @user.id %>/memories" method="post" id="login-form">
                <div class="modal-body">
                  <div id="div-login-msg">
                  </div>
                  <div class="form-group">
                    <label for='login_username'>Title of Your Memory: </label>
                    <input class="form-control" type='text' name='memory[title]'>
                  </div>
  
                  <div class="form-group">
                    <label for='description'>URL of Image: </label>
                    <input class="form-control" type='text' name='memory[url]'>
                  </div>
  
                  <div class="form-group">
                    <label for='start_date'>Description: </label>
                    <input class="form-control" type='textarea' name='memory[description]'>
                  </div>
                  <div>
                    <label for='story'>Story: </label><br>
                    <textarea cols="50" rows="10" name="memory[story]" text-align="left"></textarea>
                    <br>
                    <label for="private?">Privacy: </label><br>
                    <input type="radio" name="memory[private]" value="true" checked> Private?<br>
                    <input type="radio" name="memory[private]" value="false"> Public?<br>
                  </div>
                </div>
                <div class="modal-footer">
                  <div>
                    <button type="submit" class="btn btn-primary btn-lg btn-block">Create Memory</button>
                  </div>
                </div>
              </form>
             </div>
            </div>
          </div>
      </div>
  </body>
  
  
  
  