anchor.diff:          </footer>
       <% end %>
       <!--sky form end here-->
  +
  +    <!-- Test modal -->
  +    <div class="modal fade modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  +        <div class="modal-dialog" role="document">
  +            <div class="modal-content">
  +                <div class="modal-header">
  +                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  +                    <h4 class="modal-title" id="myModalLabel">You must login to create a moment</h4>
  +                </div>
  +                <div class="modal-body">
  +                    <div class="row">
  +                        <div class="col-sm-10 col-sm-offset-1">
  +                            <div role="tabpanel">
  +                                <!-- Nav tabs -->
  +                                <ul class="nav nav-tabs text-center" role="tablist">
  +                                    <li role="presentation" class="active"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Register</a></li>
  +                                    <li role="presentation" ><a href="#login" aria-controls="login" role="tab" data-toggle="tab">Login</a></li>
  +
  +                                </ul>
  +                                <!-- Tab panes -->
  +                                <div class="tab-content">
  +                                    <!-- register tab begin -->
  +                                    <div role="tabpanel" class="tab-pane active" id="profile">
  +                                        <%= render "devise/registrations/signup" %>
  +                                    </div><!--register tab end-->
  +
  +                                    <!-- login tab begin -->
  +                                    <div role="tabpanel" class="tab-pane" id="login">
  +                                        <%= render "/devise/registrations/signin" %>
  +                                    </div><!--login tab end-->
  +                                </div>
  +                            </div>
  +                        </div>
  +                    </div>
  +                </div>
  +            </div>
  +        </div>
  +    </div>
   
       <!-- begin modal form -->
       <form action="" id="login-form" class="sky-form sky-form-modal">
  
positive.code:                     </label>
                  </section>
  
              </div>
          </fieldset>
          <div class="divide30"></div>
  
negative.code: <script src="/sky-form/js/jquery.validate.min.js" type="text/javascript"></script>
  <script src="/sky-form/js/jquery.modal.js"></script>
  <script src="/sky-form/js/jquery-ui.min.js"></script>
  <script src="/js/sweetalert.min.js"></script>
  
  <script type="text/javascript">
   $(document).ready(function(){
  