API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 6th, 2016
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.78 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <!--
  3. Escape Velocity by HTML5 UP
  4. html5up.net | @n33co
  5. Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
  6. -->
  7. <html>
  8. <head>
  9. <title>FRTP</title>
  10. <meta charset="utf-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1" />
  12. <!--[if lte IE 8]><script src="{{asset('site/assets/js/ie/html5shiv.js')}}"></script><![endif]-->
  13. <link rel="stylesheet" href="{{asset('site/assets/css/main.css')}}" />
  14. <!--[if lte IE 8]><link rel="stylesheet" href="{{asset('site/assets/css/ie8.css')}}" /><![endif]-->
  15. </head>
  16. <body class="homepage">
  17. <div id="page-wrapper">
  18. <div style="width: auto; background: #001f3f; color: #FFFFFF;">@yield('content')</div>
  19. <!-- Header -->
  20. <div id="header-wrapper" class="wrapper">
  21. <div id="header">
  22. <nav id="nav">
  23. <ul>
  24. <li class="current"><a href="/">Home</a></li>
  25. <li><a href="#">ÁREA TÉCNICA</a></li>
  26. <li><a href="#">FILIADOS</a></li>
  27. <li><a href="#eventos-wrapper">EVENTOS</a></li>
  28. <li><a href="#modalidades-wrapper">MODALIDADES</a></li>
  29. <li><a href="#footer">CONTATO</a></li>
  30. <li><a href="#login-wrapper">LOGIN</a></li>
  31. </ul>
  32. </nav>
  33. </div>
  34. </div>
  35.  
  36. <div id="eventos-wrapper" class="wrapper style2">
  37. <div id="main" class="container">
  38. <!-- Features -->
  39. <section id="features">
  40. <header class="style1">
  41. <h2>Eventos</h2>
  42. </header>
  43. <div class="feature-list"></div>
  44. </section>
  45. </div>
  46. </div>
  47.  
  48. <div id="modalidades-wrapper" class="wrapper style1">
  49. <div class="title">MODALIDADES</div>
  50. <div id="main" class="container">
  51. <!-- Features -->
  52. <section id="features">
  53. <div class="feature-list">
  54.  
  55.  
  56. </div>
  57. </section>
  58. </div>
  59. </div>
  60.  
  61. <div id="footer-wrapper" class="wrapper">
  62. <div id="footer" class="container">
  63. <div class="title">CONTATO</div>
  64. <div class="row 150%">
  65. <div class="6u 12u(mobile)">
  66. <!-- Contact Form -->
  67. <section>
  68. {!! Form::open(['route' => 'login.montaEmailContato', 'method' => 'post', 'id' => 'formContato']) !!}
  69. <div class="row 50%">
  70. <div class="6u 12u(mobile)"><input type="text" name="NOME" id="contact-name" placeholder="Nome" /></div>
  71. <div class="6u 12u(mobile)"><input type="text" name="EMAIL" id="contact-email" placeholder="Email" /></div>
  72. </div>
  73. <div class="row 50%">
  74. <div class="12u"><textarea name="MESSAGE" id="contact-message" placeholder="Mensagem" rows="4"></textarea></div>
  75. </div>
  76. <div class="row">
  77. <div class="12u">
  78. <ul class="actions">
  79. <li><input type="submit" class="style1" value="Enviar" /></li>
  80. <li><input type="reset" class="style2" value="Limpar" /></li>
  81. </ul>
  82. </div>
  83. </div>
  84. {!! Form::close() !!}
  85. </section>
  86. </div>
  87.  
  88. <div class="6u 12u(mobile)">
  89. <!-- Contact -->
  90. <section class="feature-list small">
  91. <div class="row">
  92. <div class="6u 12u(mobile)">
  93. <section>
  94. <h3 class="icon fa-home">Endereço</h3>
  95. <p>
  96. rua tal<br />
  97. n° 1234<br />
  98. bairro, cep 00000-000
  99. </p>
  100. </section>
  101. </div>
  102. <div class="6u 12u(mobile)">
  103. <section>
  104. <h3 class="icon fa-comment">Redes Sociais</h3>
  105. <p>
  106. <a href="#">face</a><br />
  107. <a href="#">insta</a><br />
  108. <a href="#">outros</a>
  109. </p>
  110. </section>
  111. </div>
  112. </div>
  113.  
  114. <div class="row">
  115. <div class="6u 12u(mobile)">
  116. <section>
  117. <h3 class="icon fa-envelope">Email</h3>
  118. <p>
  119. <a href="#">email@frtp.org.br</a>
  120. </p>
  121. </section>
  122. </div>
  123. <div class="6u 12u(mobile)">
  124. <section>
  125. <h3 class="icon fa-phone">Telefone</h3>
  126. <p>
  127. (00) 0000-0000
  128. </p>
  129. </section>
  130. </div>
  131. </div>
  132. </section>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137.  
  138. <div id="popupRecuperarSenha" class="popupRecupera">
  139. <p class="lead" align="center" style="font-size: x-large;">Recuperar Senha</p>
  140. {!! Form::open(['route' => 'login.montaEmailRecuperaSenha', 'method' => 'post', 'id' => 'loginRecupera']) !!}
  141. <div class="row">
  142. <legend class="form-group text-info">Informe o CPF cadastrado.</legend>
  143. </div>
  144. <div class="row">
  145. <div class="8u">
  146. {!! Form::label('IDUSU', 'CPF:') !!}
  147. {!! Form::text('IDUSU', '') !!}
  148. </div>
  149. </div>
  150. <br />
  151. <div class="pull-left">
  152. <button type='submit' class="button style3"></i> Recuperar</button>
  153. <a href="#" onclick="fecharRecuperarSenha()" class="button style3">Sair</a>
  154. </div>
  155. {!! Form::close() !!}
  156. </div>
  157.  
  158. <div id="popupFazerCadastro" class="popupCadastro">
  159. <p class="lead" align="center" style="font-size: x-large;">Formulário de Cadastro de Usuários</p>
  160. {!! Form::open(['route' => 'login.store', 'method' => 'post', 'id' => 'loginCadastro']) !!}
  161. <div class="row">
  162. <div class="12u">
  163. {!! Form::label('NOME', 'Nome:') !!}
  164. {!! Form::text('NOME', '', ['onChange' => 'this.value = this.value.toUpperCase()']) !!}
  165. </div>
  166. </div>
  167. <div class="row">
  168. <div class="6u">
  169. {!! Form::label('IDUSER', 'CPF:') !!}
  170. {!! Form::text('IDUSER', '') !!}
  171. </div>
  172. <div class="6u">
  173. {!! Form::label('NOM_USER', 'Usuário:') !!}
  174. {!! Form::text('NOM_USER', '', ['onChange' => 'this.value = this.value.toUpperCase()']) !!}
  175. </div>
  176. </div>
  177. <div class="row">
  178. <div class="6u">
  179. {!! Form::label('SENHA', 'Senha:') !!}
  180. {!! Form::password('SENHA', '') !!}
  181. </div>
  182. <div class="6u">
  183. {!! Form::label('SENHA2', 'Senha:') !!}
  184. {!! Form::password('SENHA2', '') !!}
  185. </div>
  186. </div>
  187. <br />
  188. <div class="pull-left">
  189. <button type='submit' class="button style3"></i> Salvar</button>
  190. <a href="#" onclick="fecharFazerCadastro();" class="button style3">Sair</a>
  191. </div>
  192. {!! Form::close() !!}
  193. </div>
  194.  
  195. <div id="login-wrapper" class="wrapper style1">
  196. <div id="login" class="container">
  197. @include('toast::messages-jquery')
  198. <div class="title">EFETUAR LOGIN</div>
  199. {!! Form::open(['route' => 'login.valida', 'method' => 'post']) !!}
  200. <div class="row">
  201. <div class="4u">
  202. <h3 class="text-info">Usuário:</h3>
  203. {!! Form::text('NOM_USER', '', ['onChange' => 'this.value = this.value.toUpperCase()']) !!}
  204. </div>
  205. <div class="4u">
  206. <h3 class="text-info">Senha:</h3>
  207. {!! Form::password('SENHA','') !!}
  208. </div>
  209. </div>
  210. <br />
  211. <div>
  212. <div class="pull-left">
  213. <button type='submit' class="button style3"></i> Entrar</button>
  214. <a href="#" onclick="abrirRecuperarSenha()" class="button style3">Recuperar Senha</a>
  215. <a href="#" onclick="abrirFazerCadastro()" class="button style3">Fazer Cadastro</a>
  216. </div>
  217. </div>
  218. {!! Form::close() !!}
  219. </div>
  220. </div>
  221. </div>
  222.  
  223. <!-- Scripts -->
  224.  
  225. <script src="{{asset('site/assets/js/jquery.min.js')}}"></script>
  226. <script src="{{asset('site/assets/js/jquery.dropotron.min.js')}}"></script>
  227. <script src="{{asset('site/assets/js/skel.min.js')}}"></script>
  228. <script src="{{asset('site/assets/js/skel-viewport.min.js')}}"></script>
  229. <script src="{{asset('site/assets/js/util.js')}}"></script>
  230. <!--[if lte IE 8]><script src="{{asset('site/assets/js/ie/respond.min.js')}}"></script><![endif]-->
  231. <script src="{{asset('site/assets/js/main.js')}}"></script>
  232.  
  233.  
  234.  
  235. <script src="{{asset('interno/dist/js/maskValid/jquery-1.5.2.min.js')}}" type="text/javascript"></script>
  236. <!-- Plugin Validation -->
  237. <script src="{{asset('interno/dist/js/maskValid/jquery.validate.min.js')}}" type="text/javascript"></script>
  238. <script src="{{asset('interno/dist/js/maskValid/additional-methods.min.js')}}" type="text/javascript"></script>
  239. <script src="{{asset('interno/dist/js/maskValid/messages_ptbr.js')}}" type="text/javascript"></script>
  240. <!-- Plugin Masked Input -->
  241. <script src="{{asset('interno/dist/js/maskValid/jquery.maskedinput-1.3.min.js')}}" type="text/javascript"></script>
  242. <script src="{{asset('interno/dist/js/maskValid/jquery.price_format.1.4.js')}}" type="text/javascript"></script>
  243. <link rel="stylesheet" type="text/css" href="{{asset('interno/dist/css/estilo.css')}}" />
  244.  
  245.  
  246. <script type="text/javascript">
  247. function fecharFazerCadastro(){
  248. document.getElementById('popupFazerCadastro').style.display = 'none';
  249. }
  250. function fecharRecuperarSenha(){
  251. document.getElementById('popupRecuperarSenha').style.display = 'none';
  252. }
  253. function abrirRecuperarSenha(){
  254. document.getElementById('popupRecuperarSenha').style.display = 'block';
  255. //setTimeout ("fechar()", 3000);
  256. }
  257. function abrirFazerCadastro(){
  258. document.getElementById('popupFazerCadastro').style.display = 'block';
  259. //setTimeout ("fechar()", 3000);
  260. }
  261. </script>
  262.  
  263. <!-- Script que vai adicionar as máscaras nos campos -->
  264. <script type="text/javascript">
  265. jQuery(function($){
  266. //defina as máscaras de seus campos, o 9 indica um caracter numérico qualquer
  267. $("#IDUSER").mask("999.999.999-99");
  268. $("#IDUSU").mask("999.999.999-99");
  269. });
  270. </script>
  271.  
  272. <script type="text/javascript">
  273. $(document).ready( function() {
  274. //Inicio das regras de validação
  275. $("#loginCadastro").validate({
  276. // Define as regras
  277. rules:{
  278. NOME:{
  279. required: true
  280. },
  281. IDUSER:{
  282. required: true
  283. },
  284. NOM_USER:{
  285. required: true
  286. },
  287. SENHA:{
  288. required: true
  289. },
  290. SENHA2:{
  291. required: true
  292. }
  293. },
  294. });
  295. });
  296. $(document).ready( function() {
  297. //Inicio das regras de validação
  298. $("#loginRecupera").validate({
  299. // Define as regras
  300. rules:{
  301. NOME:{
  302. required: true
  303. },
  304. IDUSU:{
  305. required: true
  306. },
  307. NOM_USER:{
  308. required: true
  309. },
  310. SENHA:{
  311. required: true
  312. },
  313. SENHA2:{
  314. required: true
  315. }
  316. },
  317. });
  318. });
  319. $(document).ready( function() {
  320. //Inicio das regras de validação
  321. $("#loginAlteraSenha").validate({
  322. // Define as regras
  323. rules:{
  324. NOME:{
  325. required: true
  326. },
  327. IDUSER:{
  328. required: true
  329. },
  330. NOM_USER:{
  331. required: true
  332. },
  333. SENHA:{
  334. required: true
  335. },
  336. SENHA2:{
  337. required: true
  338. }
  339. },
  340. });
  341. });
  342. $(document).ready( function() {
  343. //Inicio das regras de validação
  344. $("#formContato").validate({
  345. // Define as regras
  346. rules:{
  347. NOME:{
  348. required: true
  349. },
  350. EMAIL:{
  351. required: true
  352. },
  353. MESSAGE:{
  354. required: true
  355. }
  356. },
  357. });
  358. });
  359. </script>
  360.  
  361. <script>
  362. var password = document.getElementById("SENHA"), confirm_password = document.getElementById("SENHA2");
  363. function validatePassword(){
  364. if(password.value != confirm_password.value)
  365. {
  366. confirm_password.setCustomValidity("As Senhas devem ser Iguais!");
  367. }
  368. else
  369. {
  370. confirm_password.setCustomValidity('');
  371. }
  372. }
  373. password.onchange = validatePassword;
  374. confirm_password.onkeyup = validatePassword;
  375. </script>
  376.  
  377. </body>
  378. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!