"<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n  <meta charset=\"utf-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n  <link rel=\"apple-touch-icon\" sizes=\"76x76\" href=\"../plugins/argon/img/apple-icon.png\">\n  <link rel=\"icon\" type=\"image/png\" href=\"/favicon.ico\">\n  <title>\n    Soundmate|Dashbord\n  </title>\n  <!--     Fonts and icons     -->\n  <link href=\"https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700\" rel=\"stylesheet\" />\n  <!-- Nucleo Icons -->\n  <link href=\"../plugins/argon/css/nucleo-icons.css\" rel=\"stylesheet\" />\n  <link href=\"../plugins/argon/css/nucleo-svg.css\" rel=\"stylesheet\" />\n  <!-- Font Awesome Icons -->\n  <script src=\"https://kit.fontawesome.com/42d5adcbca.js\" crossorigin=\"anonymous\"></script>\n  <link href=\"../plugins/argon/css/nucleo-svg.css\" rel=\"stylesheet\" />\n  <!-- CSS Files -->\n  <link id=\"pagestyle\" href=\"../plugins/argon/css/argon-dashboard.css?v=2.0.2\" rel=\"stylesheet\" />\n</head>\n\n<body class=\"\">\n  <main class=\"main-content  mt-0\">\n    <section>\n      <div class=\"page-header min-vh-100\">\n        <div class=\"container\">\n            <div class=\"row justify-content-center mb-5\">\n                <div class=\"col-6 my-auto text-center\">\n                    <div class=\"position-relative bg-gradient-primary m-3 px-7 border-radius-lg \" style=\"background-size: cover;\">\n                        <span class=\"mask bg-gradient-primary opacity-6\"></span>\n                        <h4 class=\"mt-5 text-white font-weight-bolder position-relative pt-3 pb-5\">\"Hi there!\"</h4>\n                        <p class=\"text-white position-relative pb-5\">Soundmate is the best Brazil social app with mass of videos and images for sharing, chatting and making friends.</p>\n                    </div>\n                </div>\n\n            </div>\n          <div class=\"row justify-content-center\">\n            <div class=\"col-xl-6 col-lg-6 col-md-6 d-flex flex-column mx-lg-0 mx-auto\">\n              <div class=\"card card-plain\">\n\n                <div class=\"panel-heading text-center\">\n                   <a href=\"#\">\n                      <img src=\"/img/header.png\" alt=\"Image\" class=\"block-center img-rounded\" width=\"60\">\n                   </a>\n                </div>\n                <div class=\"card-header pb-0 text-start\">\n                  <h4 class=\"font-weight-bolder\">Sign In</h4>\n                  <p class=\"mb-0\">Enter your email and password to sign in</p>\n                </div>\n\n                <div class=\"card-body\">\n\n                                <form role=\"form\" data-parsley-validate=\"\" novalidate=\"\" class=\"mb-lg\" action=\"/site/checklogin\" method=\"post\">\n                      <div class=\"form-group has-feedback\">\n                         <input name=\"username\" type=\"text\" placeholder=\"Enter email\" autocomplete=\"off\" required class=\"form-control\">\n                      </div>\n                      <div class=\"form-group has-feedback\">\n                         <input name=\"password\" type=\"password\" placeholder=\"Password\" required class=\"form-control\">\n                      </div>\n                      <div id=\"verifyCode_box\" class=\"form-group\">\n                         <div class=\"input-icon\">\n                            <input type=\"hidden\" name=\"error_pass\" value=\"0\" id=\"error_pass\">\n                            <img id=\"captchaimg\" src=\"/site/captcha?v=69e35063486715.22472699\" alt=\"Refresh\" title=\"Refresh\" style=\"cursor:pointer;vertical-align: middle; width:100px; height:34px;\">                            <input required name=\"verifyCode\" placeholder=\"Captcha\" class=\"form-control placeholder-no-fix \" type=\"text\" autocomplete=\"off\" data-rule-remote=\"/site/getverifycode\" data-msg-remote=\"Captcha is incorrect\" placeholder=\"Please enter the captcha\" id=\"verifyCode\" style=\"width: 170px;margin-right:20px;float: left;\"/>\n                         </div>\n                      </div>\n\n                      <div class=\"clearfix\">\n                      </div>\n                      <button type=\"submit\" class=\"btn btn-lg btn-success btn-lg w-100 mt-4 mb-0\" id=\"btn_submit\">Sign in</button>\n                  </form>\n                </div>\n              </div>\n            </div>\n          </div>\n\n        </div>\n      </div>\n    </section>\n  </main>\n  <!--   Core JS Files   -->\n  <script src=\"../plugins/argon/js/core/popper.min.js\"></script>\n  <script src=\"../plugins/argon/js/core/bootstrap.min.js\"></script>\n  <script src=\"../plugins/argon/js/plugins/perfect-scrollbar.min.js\"></script>\n  <script src=\"../plugins/argon/js/plugins/smooth-scrollbar.min.js\"></script>\n  <script>\n    var win = navigator.platform.indexOf('Win') > -1;\n    if (win && document.querySelector('#sidenav-scrollbar')) {\n      var options = {\n        damping: '0.5'\n      }\n      Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);\n    }\n  </script>\n  <!-- Github buttons -->\n  <script async defer src=\"https://buttons.github.io/buttons.js\"></script>\n  <!-- Control Center for Soft Dashboard: parallax effects, scripts for the example pages etc -->\n  <script src=\"../plugins/argon/js/argon-dashboard.min.js?v=2.0.2\"></script>\n  <script src=\"/vendor/jquery/dist/jquery.js\"></script>\n  <script type=\"text/javascript\">\n      $(document).ready(function() {\n          // 为验证码图片添加点击刷新功能\n          $('#captchaimg').on('click', function() {\n              $.ajax({\n                  url: '/site/captcha?refresh=1',\n                  dataType: 'json',\n                  success: function(data) {\n                      $('#captchaimg').attr('src', data.url);\n                  }\n              });\n          });\n      });\n  </script>\n</body>\n\n</html>\n"