API tools faq
paste
Advertisement
drunkspinda02

torneio

drunkspinda02
Mar 18th, 2019
370
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Theme Made By www.w3schools.com - No Copyright -->
  5. <title>CSGO</title>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  9. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
  10. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  12. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
  13. <style>
  14. body {
  15. font: 400 15px/1.8 Lato, sans-serif;
  16. color: #777;
  17. }
  18. h3, h4 {
  19. margin: 10px 0 30px 0;
  20. letter-spacing: 10px;
  21. font-size: 20px;
  22. color: #111;
  23. }
  24. .container {
  25. padding: 80px 120px;
  26. }
  27. .person {
  28. border: 10px solid transparent;
  29. margin-bottom: 25px;
  30. width: 80%;
  31. height: 80%;
  32. opacity: 0.7;
  33. }
  34. .person:hover {
  35. border-color: #f1f1f1;
  36. }
  37. .carousel-inner img {
  38. -webkit-filter: grayscale(90%);
  39. filter: grayscale(90%); /* make all photos black and white */
  40. width: 100%; /* Set width to 100% */
  41. margin: auto;
  42. }
  43. .carousel-caption h3 {
  44. color: #fff !important;
  45. }
  46. @media (max-width: 600px) {
  47. .carousel-caption {
  48. display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
  49. }
  50. }
  51. .bg-1 {
  52. background: #2d2d30;
  53. color: #bdbdbd;
  54. }
  55. .bg-1 h3 {color: #fff;}
  56. .bg-1 p {font-style: italic;}
  57. .list-group-item:first-child {
  58. border-top-right-radius: 0;
  59. border-top-left-radius: 0;
  60. }
  61. .list-group-item:last-child {
  62. border-bottom-right-radius: 0;
  63. border-bottom-left-radius: 0;
  64. }
  65. .thumbnail {
  66. padding: 0 0 15px 0;
  67. border: none;
  68. border-radius: 0;
  69. }
  70. .thumbnail p {
  71. margin-top: 15px;
  72. color: #555;
  73. }
  74. .btn {
  75. padding: 10px 20px;
  76. background-color: #333;
  77. color: #f1f1f1;
  78. border-radius: 0;
  79. transition: .2s;
  80. }
  81. .btn:hover, .btn:focus {
  82. border: 1px solid #333;
  83. background-color: #fff;
  84. color: #000;
  85. }
  86. .modal-header, h4, .close {
  87. background-color: #333;
  88. color: #fff !important;
  89. text-align: center;
  90. font-size: 30px;
  91. }
  92. .modal-header, .modal-body {
  93. padding: 40px 50px;
  94. }
  95. .nav-tabs li a {
  96. color: #777;
  97. }
  98. #googleMap {
  99. width: 100%;
  100. height: 400px;
  101. -webkit-filter: grayscale(100%);
  102. filter: grayscale(100%);
  103. }
  104. .navbar {
  105. font-family: Montserrat, sans-serif;
  106. margin-bottom: 0;
  107. background-color: #2d2d30;
  108. border: 0;
  109. font-size: 11px !important;
  110. letter-spacing: 4px;
  111. opacity: 0.9;
  112. }
  113. .navbar li a, .navbar .navbar-brand {
  114. color: #d5d5d5 !important;
  115. }
  116. .navbar-nav li a:hover {
  117. color: #fff !important;
  118. }
  119. .navbar-nav li.active a {
  120. color: #fff !important;
  121. background-color: #29292c !important;
  122. }
  123. .navbar-default .navbar-toggle {
  124. border-color: transparent;
  125. }
  126. .open .dropdown-toggle {
  127. color: #fff;
  128. background-color: #555 !important;
  129. }
  130. .dropdown-menu li a {
  131. color: #000 !important;
  132. }
  133. .dropdown-menu li a:hover {
  134. background-color: red !important;
  135. }
  136. footer {
  137. background-color: #2d2d30;
  138. color: #f5f5f5;
  139. padding: 32px;
  140. }
  141. footer a {
  142. color: #f5f5f5;
  143. }
  144. footer a:hover {
  145. color: #777;
  146. text-decoration: none;
  147. }
  148. .form-control {
  149. border-radius: 0;
  150. }
  151. textarea {
  152. resize: none;
  153. }
  154. .select{
  155. width: 100px;
  156. height: 33px;
  157. }
  158. </style>
  159. </head>
  160. <body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">
  161.  
  162. <!--<nav class="navbar navbar-default navbar-fixed-top">
  163. <div class="container-fluid">
  164. <div class="navbar-header">
  165. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
  166. <span class="icon-bar"></span>
  167. <span class="icon-bar"></span>
  168. <span class="icon-bar"></span>
  169. </button>
  170.  
  171. <a class="navbar-brand" href="#myPage">Logo</a>
  172. </div>
  173. <div class="collapse navbar-collapse" id="myNavbar">
  174. <ul class="nav navbar-nav navbar-right">
  175. <li><a href="#myPage">HOME</a></li>
  176. <li><a href="#band">BAND</a></li>
  177. <li><a href="#tour">TOUR</a></li>
  178. <li><a href="#contact">CONTACTO</a></li>
  179. <li class="dropdown">
  180. <a class="dropdown-toggle" data-toggle="dropdown" href="#">MORE
  181. <span class="caret"></span></a>
  182.  
  183. </li>
  184.  
  185. </ul>
  186. </div>
  187. </div>
  188. </nav>-->
  189.  
  190. <div id="myCarousel" class="carousel slide" data-ride="carousel">
  191. <!-- Indicators -->
  192. <ol class="carousel-indicators">
  193. <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  194. <li data-target="#myCarousel" data-slide-to="1"></li>
  195. <li data-target="#myCarousel" data-slide-to="2"></li>
  196. </ol>
  197.  
  198. <!-- Wrapper for slides -->
  199. <div class="carousel-inner" role="listbox">
  200. <div class="item active">
  201. <img src="ast.jpeg" alt="Conquista" width="1200" height="700">
  202. <div class="carousel-caption">
  203. <h3>Conquista</h3>
  204. <p>Sê a primeira equipa vencedora de todos os tempos!</p>
  205. </div>
  206. </div>
  207.  
  208. <div class="item">
  209. <img src="mibr.jpg" alt="Joga" width="1200" height="700">
  210. <div class="carousel-caption">
  211. <h3>Joga</h3>
  212. <p>Joga e diverte-te com todos!</p>
  213. </div>
  214. </div>
  215.  
  216. <div class="item">
  217. <img src="arena.jpg" alt="Sente" width="1200" height="700">
  218. <div class="carousel-caption">
  219. <h3>Sente</h3>
  220. <p>Sente a sensação do começo de uma carreira!</p>
  221. </div>
  222. </div>
  223. </div>
  224.  
  225. <!-- Left and right controls -->
  226. <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
  227. <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  228. <span class="sr-only">Anterior</span>
  229. </a>
  230. <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
  231. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  232. <span class="sr-only">Seguinte</span>
  233. </a>
  234. </div>
  235.  
  236. <!-- Container (The Band Section) -->
  237. <div id="band" class="container text-center" style="background-color:Black; color:white;">
  238. <h1 style="color:White;">CSGO</h1>
  239. <p><em>-------- REGULAMENTO -------------</em></p>
  240. <p>
  241.  
  242. INTRODUÇÃO
  243.  
  244. O torneio FIFA 19 realizado pelo 11º ano do curso de Informática vai ser
  245. uma competição do jogo FIFA 19 com lugar no Colégio Internato dos Carvalhos.
  246.  
  247. A data do evento será dia 1,2 e 3 de Abril de 2019 com horário de entrada
  248. às 14h30 para todas os jogadores, para estabelecimento de regras básicas e
  249. informações sobre os grupos de competição .
  250.  
  251. INSCRIÇÕES E PAGAMENTO
  252.  
  253. Para realizar inscrição no torneio, cada jogador deverá efetuar um pagamento de 2€
  254. e preencher o formulário dado pelos alunos da organização do torneio (link)
  255.  
  256. No registo, o jogador deverá preencher todos os dados, pois todos são obrigatórios
  257.  
  258. Informações sobre o pagamento:
  259.  
  260. - A equipa organizadora do torneio vai informar todos os alunos do Colégio Internato
  261. dos Carvalhos do torneio segunda feira, terça feira e quarta feira</p>
  262. <br>
  263. </div>
  264. </div>
  265.  
  266. <!-- Container (TOUR Section) -->
  267. <!--<div id="tour" class="bg-1">
  268. <div class="container">
  269. <h3 class="text-center">TOUR DATES</h3>
  270. <p class="text-center">Lorem ipsum we'll play you some music.<br> Remember to book your tickets!</p>
  271. <ul class="list-group">
  272. <li class="list-group-item">September <span class="label label-danger">Sold Out!</span></li>
  273. <li class="list-group-item">October <span class="label label-danger">Sold Out!</span></li>
  274. <li class="list-group-item">November <span class="badge">3</span></li>
  275. </ul>
  276.  
  277. <div class="row text-center">
  278. <div class="col-sm-4">
  279. <div class="thumbnail">
  280. <img src="paris.jpg" alt="Paris" width="400" height="300">
  281. <p><strong>Paris</strong></p>
  282. <p>Friday 27 November 2015</p>
  283. <button class="btn" data-toggle="modal" data-target="#myModal">Buy Tickets</button>
  284. </div>
  285. </div>
  286. <div class="col-sm-4">
  287. <div class="thumbnail">
  288. <img src="newyork.jpg" alt="New York" width="400" height="300">
  289. <p><strong>New York</strong></p>
  290. <p>Saturday 28 November 2015</p>
  291. <button class="btn" data-toggle="modal" data-target="#myModal">Buy Tickets</button>
  292. </div>
  293. </div>
  294. <div class="col-sm-4">
  295. <div class="thumbnail">
  296. <img src="sanfran.jpg" alt="San Francisco" width="400" height="300">
  297. <p><strong>San Francisco</strong></p>
  298. <p>Sunday 29 November 2015</p>
  299. <button class="btn" data-toggle="modal" data-target="#myModal">Buy Tickets</button>
  300. </div>
  301. </div>
  302. </div>
  303. </div>-->
  304.  
  305. <!-- Modal -->
  306.  
  307.  
  308.  
  309. <!-- Container (Contact Section) -->
  310. <?php
  311.  
  312. $bd_host="localhost";
  313. $bd_user="root";
  314. $bd_password="";
  315. $bd_database="exemplo";
  316.  
  317. $msg="";
  318. $erro=0;
  319. $ms = new mysqli($bd_host,$bd_user,$bd_password,$bd_database);
  320. $existe=false;
  321.  
  322. if ($ms->connect_error) {
  323. $msg= '<h3 class="erro">Erro: ('. $ms->connect_errno .') '. $ms->connect_error . '</h3>';
  324. $erro=1;
  325. }
  326.  
  327. if(isset($_POST['insere']))
  328. {
  329. if(isset($_POST['numero1']) && isset($_POST['numero2']) && isset($_POST['numero3']) && isset($_POST['numero4']) && isset($_POST['numero5']) && isset($_POST['nome1']) && isset($_POST['nome2']) && isset($_POST['nome3']) && isset($_POST['nome4']) && isset($_POST['nome5']) && isset($_POST['turma1']) && isset($_POST['turma2']) && isset($_POST['turma3']) && isset($_POST['turma4']) && isset($_POST['turma5']) && isset($_POST['telemovel1']) && isset($_POST['telemovel2']) && isset($_POST['telemovel3']) && isset($_POST['telemovel4']) && isset($_POST['telemovel5']))
  330. {
  331.  
  332. if($_POST['num']=='' || $_POST['nome']=='' || $_POST['email']=='' || $_POST['telem']==''){
  333. $msg='<h3 class="erro">Erro, Existem campos por preencher!</h3>';
  334. }
  335. else{
  336.  
  337. //UPLOAD
  338. // Where the file is going to be placed
  339. //$target_path = "http://localhost/pi/";
  340.  
  341. /* Add the original filename to our target path.
  342. Result is "uploads/filename.extension" */
  343.  
  344. $destino = "fotos/a" . $_POST['num'] . ".jpg" ;
  345.  
  346. if($_FILES["foto"]["type"]=="image/jpeg"){
  347. if(move_uploaded_file($_FILES['foto']['tmp_name'], $destino)) {
  348.  
  349. echo '<img src="' . $destino. '">';
  350.  
  351.  
  352.  
  353.  
  354. $qr = "INSERT INTO tbl_ex(numero,nome,email,telem,foto) VALUES(?,?,?,?,?)";
  355.  
  356.  
  357.  
  358. $ordem = $ms->prepare($qr);
  359.  
  360. $ordem->bind_param('issss', $_POST["num"], $_POST["nome"], $_POST["email"], $_POST["telem"],$destino);
  361.  
  362.  
  363. // Executar o query (verificar se não dá erro e o número de registos afetados)
  364. if ($ordem->execute() && $ordem->affected_rows>0){
  365. $msg='<h3 class="sucesso">O contacto foi inserido!</h3>';
  366. }
  367. else{
  368. $msg='<h3 class="erro" >Erro: ('. $ms->errno .') '. $ms->error . '</h3>';
  369. $erro=1;
  370. }
  371. $ordem->close();
  372.  
  373.  
  374. } else{
  375. echo "There was an error uploading the file, please try again!";
  376. }
  377. }
  378. else
  379. echo "Tipo invalido";
  380.  
  381. }
  382. }
  383. else{
  384. $msg='<h3 class="erro">Erro, Existem campos por preencher!</h3>';
  385. $erro=1;
  386. }
  387.  
  388.  
  389. }
  390.  
  391. ?>
  392.  
  393. <div id="contact" class="container">
  394.  
  395. <h3 class="text-center">Inscrição</h3>
  396.  
  397. <p class="text-center"><em>Desejamos muita sorte a todas as equipas!</em></p>
  398. <p style="text-align:center;">Caso o rank seja falso será automaticamente desclassificado!</p>
  399. <form class="" action="index.html" method="post">
  400. <div class="row">
  401. <div class="">
  402. <p style="text-align:center;">Nome da Equipa:</p>
  403. <p style="text-align:center;"><input type="text" name="" value="" placeholder="Equipa"></p>
  404. <p style="text-align:center;">Logo da Equipa:</p>
  405. <p style="text-align:center;"><label>Foto: </label><input type="file" name="foto" placeholder="Logo" /></p>
  406. <br>
  407. <br>
  408. <img src="<?php echo $foto;?>" width="200px">
  409.  
  410.  
  411. </div>
  412.  
  413. <div>
  414. <p style="text-align:center;">Jogador 1:
  415. <input type="text" name="nome1" value="" placeholder="Nome" >
  416. <input type="number" name="numero1" value="" placeholder="Numero">
  417. <input type="text" name="turma1" value="" placeholder="Turma">
  418. <input type="number" name="telemovel1" value="" placeholder="Telemovel">
  419. <select class="select" name="rank1" style="width:100px;">
  420. <option value="-1">Rank</option>
  421. <option value="Unranked">Unranked</option>
  422. <option value="Silver 1">Silver 1</option>
  423. <option value="Silver 2">Silver 2</option>
  424. <option value="Silver 3">Silver 3</option>
  425. <option value="Silver 4">Silver 4</option>
  426. <option value="Silver Elite">Silver Elite</option>
  427. <option value="Silver Elite Master">Silver Elite Master</option>
  428. <option value="Gold 1">Gold 1</option>
  429. <option value="Gold 2">Gold 2</option>
  430. <option value="Gold 3">Gold 3</option>
  431. <option value="Gold 4">Gold 4</option>
  432. <option value="MG1">Master Guardian 1(MG1)</option>
  433. <option value="MG2">Master Guardian 2(MG2)</option>
  434. <option value="MGE">Master Guardian ELite(MGE)</option>
  435. <option value="DMG">Distinguished Master Guardian (DMG)</option>
  436. <option value="LE">Legendary Eagle (LE)</option>
  437. <option value="LEM">Legendary Eagle Master(LEM)</option>
  438. <option value="Supremo">Supreme Master First Class(Supreme)</option>
  439. <option value="Global">Global Elite</option>
  440. </select></p>
  441. </div>
  442. <div>
  443. <p style="text-align:center;">Jogador 2:
  444. <input type="text" name="nome2" value="" placeholder="Nome">
  445. <input type="number" name="numero2" value="" placeholder="Numero">
  446. <input type="text" name="turma2" value="" placeholder="Turma">
  447. <input type="number" name="telemovel2" value="" placeholder="Telemovel">
  448. <select class="select" name="rank2" style="width:100px;">
  449. <option value="-1">Rank</option>
  450. <option value="Unranked">Unranked</option>
  451. <option value="Silver 1">Silver 1</option>
  452. <option value="Silver 2">Silver 2</option>
  453. <option value="Silver 3">Silver 3</option>
  454. <option value="Silver 4">Silver 4</option>
  455. <option value="Silver Elite">Silver Elite</option>
  456. <option value="Silver Elite Master">Silver Elite Master</option>
  457. <option value="Gold 1">Gold 1</option>
  458. <option value="Gold 2">Gold 2</option>
  459. <option value="Gold 3">Gold 3</option>
  460. <option value="Gold 4">Gold 4</option>
  461. <option value="MG1">Master Guardian 1(MG1)</option>
  462. <option value="MG2">Master Guardian 2(MG2)</option>
  463. <option value="MGE">Master Guardian ELite(MGE)</option>
  464. <option value="DMG">Distinguished Master Guardian (DMG)</option>
  465. <option value="LE">Legendary Eagle (LE)</option>
  466. <option value="LEM">Legendary Eagle Master(LEM)</option>
  467. <option value="Supremo">Supreme Master First Class(Supreme)</option>
  468. <option value="Global">Global Elite</option>
  469. </select></p>
  470. </div>
  471. <div>
  472. <p style="text-align:center;">Jogador 3:
  473. <input type="text" name="nome3" value="" placeholder="Nome">
  474. <input type="number" name="numero3" value="" placeholder="Numero">
  475. <input type="text" name="turma3" value="" placeholder="Turma">
  476. <input type="number" name="telemovel3" value="" placeholder="Telemovel">
  477. <select class="select" name="rank3" style="width:100px;">
  478. <option value="-1">Rank</option>
  479. <option value="Unranked">Unranked</option>
  480. <option value="Silver 1">Silver 1</option>
  481. <option value="Silver 2">Silver 2</option>
  482. <option value="Silver 3">Silver 3</option>
  483. <option value="Silver 4">Silver 4</option>
  484. <option value="Silver Elite">Silver Elite</option>
  485. <option value="Silver Elite Master">Silver Elite Master</option>
  486. <option value="Gold 1">Gold 1</option>
  487. <option value="Gold 2">Gold 2</option>
  488. <option value="Gold 3">Gold 3</option>
  489. <option value="Gold 4">Gold 4</option>
  490. <option value="MG1">Master Guardian 1(MG1)</option>
  491. <option value="MG2">Master Guardian 2(MG2)</option>
  492. <option value="MGE">Master Guardian ELite(MGE)</option>
  493. <option value="DMG">Distinguished Master Guardian (DMG)</option>
  494. <option value="LE">Legendary Eagle (LE)</option>
  495. <option value="LEM">Legendary Eagle Master(LEM)</option>
  496. <option value="Supremo">Supreme Master First Class(Supreme)</option>
  497. <option value="Global">Global Elite</option>
  498. </select></p>
  499. </div>
  500. <div>
  501. <p style="text-align:center;">Jogador 4:
  502. <input type="text" name="nome4" value="" placeholder="Nome">
  503. <input type="number" name="numero4" value="" placeholder="Numero">
  504. <input type="text" name="turma4" value="" placeholder="Turma">
  505. <input type="number" name="telemovel4" value="" placeholder="Telemovel">
  506. <select class="select" name="rank4" style="width:100px;">
  507. <option value="-1">Rank</option>
  508. <option value="Unranked">Unranked</option>
  509. <option value="Silver 1">Silver 1</option>
  510. <option value="Silver 2">Silver 2</option>
  511. <option value="Silver 3">Silver 3</option>
  512. <option value="Silver 4">Silver 4</option>
  513. <option value="Silver Elite">Silver Elite</option>
  514. <option value="Silver Elite Master">Silver Elite Master</option>
  515. <option value="Gold 1">Gold 1</option>
  516. <option value="Gold 2">Gold 2</option>
  517. <option value="Gold 3">Gold 3</option>
  518. <option value="Gold 4">Gold 4</option>
  519. <option value="MG1">Master Guardian 1(MG1)</option>
  520. <option value="MG2">Master Guardian 2(MG2)</option>
  521. <option value="MGE">Master Guardian ELite(MGE)</option>
  522. <option value="DMG">Distinguished Master Guardian (DMG)</option>
  523. <option value="LE">Legendary Eagle (LE)</option>
  524. <option value="LEM">Legendary Eagle Master(LEM)</option>
  525. <option value="Supremo">Supreme Master First Class(Supreme)</option>
  526. <option value="Global">Global Elite</option>
  527. </select></p>
  528. </div>
  529. <div>
  530. <p style="text-align:center;">Jogador 5:
  531. <input type="text" name="nome5" value="" placeholder="Nome">
  532. <input type="number" name="numero5" value="" placeholder="Numero">
  533. <input type="text" name="turma5" value="" placeholder="Turma">
  534. <input type="number" name="telemovel5" value="" placeholder="Telemovel">
  535. <select class="select" name="rank5" style="width:100px;">
  536. <option value="-1">Rank</option>
  537. <option value="Unranked">Unranked</option>
  538. <option value="Silver 1">Silver 1</option>
  539. <option value="Silver 2">Silver 2</option>
  540. <option value="Silver 3">Silver 3</option>
  541. <option value="Silver 4">Silver 4</option>
  542. <option value="Silver Elite">Silver Elite</option>
  543. <option value="Silver Elite Master">Silver Elite Master</option>
  544. <option value="Gold 1">Gold 1</option>
  545. <option value="Gold 2">Gold 2</option>
  546. <option value="Gold 3">Gold 3</option>
  547. <option value="Gold 4">Gold 4</option>
  548. <option value="MG1">Master Guardian 1(MG1)</option>
  549. <option value="MG2">Master Guardian 2(MG2)</option>
  550. <option value="MGE">Master Guardian ELite(MGE)</option>
  551. <option value="DMG">Distinguished Master Guardian (DMG)</option>
  552. <option value="LE">Legendary Eagle (LE)</option>
  553. <option value="LEM">Legendary Eagle Master(LEM)</option>
  554. <option value="Supremo">Supreme Master First Class(Supreme)</option>
  555. <option value="Global">Global Elite</option>
  556. </select></p>
  557. </div>
  558. <p style="text-align:center;"><input class="btn btn-primary" name="insere" type="submit" value="Enviar Inscrição"></p>
  559. <p><?php echo $msg;?></p>
  560. </div>
  561. </form>
  562. <br>
  563. <h3 class="text-center">Caso precisem de ajuda!</h3>
  564. <ul class="nav nav-tabs">
  565. <li class="active"><a data-toggle="tab" href="#home">11º Informática</a></li>
  566. </ul>
  567.  
  568. <div class="tab-content">
  569. <div id="home" class="tab-pane fade in active">
  570. <h2>Contactos</h2>
  571. <p>Instagram: @informatica.cic <br> Email: turmainformatica11.12@gmail.com</p>
  572. </div>
  573.  
  574. </div>
  575. </div>
  576.  
  577. <!-- Image of location/map -->
  578. <img src="map.jpg" class="img-responsive" style="width:100%">
  579.  
  580. <!-- Footer -->
  581. <footer class="text-center">
  582. <a class="up-arrow" href="#myPage" data-toggle="tooltip" title="TO TOP">
  583. <span class="glyphicon glyphicon-chevron-up"></span>
  584. </a><br><br>
  585. <p>Bootstrap Theme Made By 11º Informática</p>
  586. </footer>
  587.  
  588. <script>
  589. $(document).ready(function(){
  590. // Initialize Tooltip
  591. $('[data-toggle="tooltip"]').tooltip();
  592.  
  593. // Add smooth scrolling to all links in navbar + footer link
  594. $(".navbar a, footer a[href='#myPage']").on('click', function(event) {
  595.  
  596. // Make sure this.hash has a value before overriding default behavior
  597. if (this.hash !== "") {
  598.  
  599. // Prevent default anchor click behavior
  600. event.preventDefault();
  601.  
  602. // Store hash
  603. var hash = this.hash;
  604.  
  605. // Using jQuery's animate() method to add smooth page scroll
  606. // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
  607. $('html, body').animate({
  608. scrollTop: $(hash).offset().top
  609. }, 900, function(){
  610.  
  611. // Add hash (#) to URL when done scrolling (default click behavior)
  612. window.location.hash = hash;
  613. });
  614. } // End if
  615. });
  616. })
  617. </script>
  618.  
  619. </body>
  620. </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!