login.handlebars 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>SPAMAP</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,700,900|Display+Playfair:200,300,400,700">
  8. <link rel="stylesheet" href="fonts/icomoon/style.css">
  9. <link rel="stylesheet" href="/css/bootstrap.min.css">
  10. <link rel="stylesheet" href="/css/magnific-popup.css">
  11. <link rel="stylesheet" href="/css/jquery-ui.css">
  12. <link rel="stylesheet" href="/css/owl.carousel.min.css">
  13. <link rel="stylesheet" href="/css/owl.theme.default.min.css">
  14. <link rel="stylesheet" href="/css/bootstrap-datepicker.css">
  15. <link rel="stylesheet" href="/fonts/flaticon/font/flaticon.css">
  16. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
  17. <link rel="stylesheet" href="/css/aos.css">
  18. <link rel="stylesheet" href="/css/style.css">
  19. </head>
  20. <body>
  21. <div class="site-wrap">
  22. <div class="site-mobile-menu">
  23. <div class="site-mobile-menu-header">
  24. <div class="site-mobile-menu-close mt-3">
  25. <span class="icon-close2 js-menu-toggle"></span>
  26. </div>
  27. </div>
  28. <div class="site-mobile-menu-body"></div>
  29. </div>
  30. <header class="site-navbar py-3" role="banner">
  31. <div class="container">
  32. <div class="row align-items-center">
  33. <div class="col-11 col-xl-2">
  34. <h1 class="mb-0"><a href="/" class="text-white h2 mb-0">SPAMAP</a></h1>
  35. </div>
  36. <div class="col-12 col-md-10 d-none d-xl-block">
  37. <nav class="site-navigation position-relative text-right" role="navigation">
  38. <ul class="site-menu js-clone-nav mx-auto d-none d-lg-block">
  39. <li><a class="btn btn-primary py-2 px-4 text-white" href="/users/register">Register</a></li>
  40. </ul>
  41. </nav>
  42. </div>
  43. <div class="d-inline-block d-xl-none ml-md-0 mr-auto py-3" style="position: relative; top: 3px;"><a href="#" class="site-menu-toggle js-menu-toggle text-white"><span class="icon-menu h3"></span></a></div>
  44. </div>
  45. </div>
  46. </div>
  47. </header>
  48. <div class="site-blocks-cover overlay" style="background-image: url(/images/home-4.jpg);" data-aos="fade" data-stellar-background-ratio="0.5">
  49. <div class="container">
  50. <div class="row align-items-center justify-content-center">
  51. <div class="col-md-5">
  52. {{#if success_msg}}
  53. <div class="alert alert-success">{{success_msg}}</div>
  54. {{/if}}
  55. {{#if error_msg}}
  56. <div class="alert alert-danger">{{error_msg}}</div>
  57. {{/if}}
  58. {{#if error}}
  59. <div class="alert alert-danger">{{error}}</div>
  60. {{/if}}
  61. <div class="free-quote bg-dark h-100">
  62. <h2 class="text-white font-weight-light mb-3 text-center text-uppercase font-weight-bold">Login</h2>
  63. <form method="POST" action="/users/login">
  64. <div class="form-group">
  65. <label for="fq_name">Email</label>
  66. <input type="text" class="form-control btn-block" id="fq_name" name="email" placeholder="Enter Email">
  67. </div>
  68. <div class="form-group mb-4">
  69. <label for="fq_email">Password</label>
  70. <input type="Password" class="form-control btn-block" id="fq_email" name="password" placeholder="Enter Password">
  71. </div>
  72. <div class="form-group">
  73. <input type="submit" class="btn btn-primary text-white py-2 px-4 btn-block" value="Sign In">
  74. </div>
  75. </form>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <footer class="site-footer">
  82. <div class="container">
  83. <div class="row">
  84. <div class="col-md-9">
  85. <div class="row">
  86. <div class="col-md-3">
  87. <h2 class="footer-heading mb-4">Quick Links</h2>
  88. <ul class="list-unstyled">
  89. <li><a href="#">Home</a></li>
  90. <li><a href="#">About</a></li>
  91. <li><a href="#">Announcements</a></li>
  92. <li><a href="#">Contact</a></li>
  93. </ul>
  94. </div>
  95. <div class="col-md-3">
  96. <h2 class="footer-heading mb-4">Follow Us</h2>
  97. <a href="#" class="pl-0 pr-3"><span class="icon-facebook"></span></a>
  98. <a href="#" class="pl-3 pr-3"><span class="icon-twitter"></span></a>
  99. <a href="#" class="pl-3 pr-3"><span class="icon-instagram"></span></a>
  100. <a href="#" class="pl-3 pr-3"><span class="icon-linkedin"></span></a>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="col-md-3">
  105. <h2 class="footer-heading mb-4">Subscribe Newsletter</h2>
  106. <form action="#" method="post">
  107. <div class="input-group mb-3">
  108. <input type="text" class="form-control border-secondary text-white bg-transparent" placeholder="Enter Email" aria-label="Enter Email" aria-describedby="button-addon2">
  109. <div class="input-group-append">
  110. <button class="btn btn-primary text-white" type="button" id="button-addon2">Send</button>
  111. </div>
  112. </div>
  113. </form>
  114. </div>
  115. </div>
  116. <div class="row pt-5 mt-5 text-center">
  117. <div class="col-md-12">
  118. <div class="border-top pt-5">
  119. <p>
  120. <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  121. Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | SPAMAP</a>
  122. <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  123. </p>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </footer>
  129. </div>
  130. <script src="/js/jquery-3.3.1.min.js"></script>
  131. <script src="/js/jquery-migrate-3.0.1.min.js"></script>
  132. <script src="/js/jquery-ui.js"></script>
  133. <script src="/js/popper.min.js"></script>
  134. <script src="/js/bootstrap.min.js"></script>
  135. <script src="/js/owl.carousel.min.js"></script>
  136. <script src="/js/jquery.stellar.min.js"></script>
  137. <script src="/js/jquery.countdown.min.js"></script>
  138. <script src="/js/jquery.magnific-popup.min.js"></script>
  139. <script src="/js/bootstrap-datepicker.min.js"></script>
  140. <script src="/js/aos.js"></script>
  141. <script src="/js/main.js"></script>
  142. </body>
  143. </html>