API tools faq
paste
xthyan

judo

xthyan
Apr 26th, 2019
192
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.48 KB | None | 0 0
raw download clone embed print report
  1. @extends('layout')
  2. @section('title'){{$words['metatitulo-testeventsjudo']}}@stop
  3. @section('canonical')<link rel="canonical" href="https://www.lima2019.pe/eventos-lima-2019/judo"/>@stop
  4. @section('alternate')<link rel="alternate" href="https://www.lima2019.pe/en/lima-2019-events/judo" hreflang="en"/>@stop
  5. @section('description'){{$words['metadescripcion-testeventsjudo']}}@stop
  6. @section('body_class') newsletter page b-white @stop
  7. @section('microdatafbtw')
  8. <!-- Metadata -->
  9. <meta name="author" content="Lima 2019">
  10. <!-- FB -->
  11. <meta property="og:type" content="website">
  12. <meta property="og:url" content="{{$words['url-testeventsjudo']}}">
  13. <meta property="og:title" content="{{$words['metatitulo-testeventsjudo']}}">
  14. <meta property="og:image" content="{{$words['op-testevent-judo']}}">
  15. <meta property="og:description" content="{{$words['metadescripcion-testeventsjudo']}}">
  16. <!-- TW -->
  17. <meta name="twitter:card" content="summary">
  18. <meta name="twitter:url" content="{{$words['url-testeventsjudo']}}">
  19. <meta name="twitter:title" content="{{$words['metatitulo-testeventsjudo']}}">
  20. <meta name="twitter:image" content="{{$words['op-testevent-judo']}}">
  21. <meta name="twitter:description" content="{{$words['metadescripcion-testeventsjudo']}}">
  22.  
  23. <script type="application/ld+json">
  24. {
  25. "@context": "http://schema.org/",
  26. "@type": "Event",
  27. "name": "Campeonato Panamericano de Judo mayores 2019",
  28. "description": "Evento organizado por los Juegos Panamericanos y Parapanamericanos Lima 2019. Campeonato Panamericano de Judo 2019.",
  29. "startDate": "2019-04-24",
  30. "endDate": "2019-04-28",
  31. "location": {
  32. "@type": "Place",
  33. "name": "Polideportivo Videna 1",
  34. "address": {
  35. "streetAddress": "Av. del Aire 949",
  36. "addressLocality": "Cercado de Lima",
  37. "addressRegion": "Lima"
  38. }
  39. }
  40. }
  41. </script>
  42.  
  43.  
  44. <!-- FIN Metadata -->
  45. @stop
  46. @section('content')
  47. <style>
  48. .sport {
  49. /*position: relative;
  50. overflow: hidden;*/
  51. padding-top: 20px;
  52. padding-bottom: 20px;
  53. }
  54. .sport .sport-background {
  55. /*
  56. width: 100%;
  57. height: 450px;
  58. position: absolute;
  59. top: 0px;
  60. left: 0px;
  61. background-size: cover;
  62. z-index: 1;
  63. background-image: url('https://d1qv7178yd07uj.cloudfront.net/multimedia/evento-judo-rumbo-lima-2019-bg.jpg');
  64. background-position: 64% 50%;*/
  65. background-image: url("https://d1qv7178yd07uj.cloudfront.net/multimedia/evento-judo-rumbo-lima-2019-bg.jpg");
  66. height: 500px;
  67. background-attachment: fixed;
  68. background-position: 90% 50%;
  69. background-repeat: no-repeat;
  70. background-size: cover;
  71. }
  72. .sport .container {
  73. position: relative;
  74. min-height: 100%;
  75. }
  76. .image-grid {
  77. margin-bottom: 5px;
  78. margin-left: -25px;
  79. overflow: hidden;
  80. }
  81. .image-big {
  82. height: 465px;
  83. background: rgba(65, 145, 255, 1);
  84. }
  85. .image-small {
  86. height: 230px;
  87. background: rgba(65, 145, 255, 1);
  88. }
  89. .image-title-big {
  90. position: absolute;
  91. top: 430px;
  92. left: 15px;
  93. z-index: 1;
  94. color: #ffffff;
  95. letter-spacing: 1px;
  96. font-size: 18px;
  97. color: #FFFFFF;
  98. font-weight: 700;
  99. text-decoration: none;
  100. font-style: normal;
  101. font-variant: normal;
  102. }
  103. .image-title-div {
  104. position: absolute;
  105. top: 195px;
  106. left: 20px;
  107. z-index: 1;
  108. color: #ffffff;
  109. letter-spacing: 1px;
  110. font-size: 18px;
  111. color: #FFFFFF;
  112. font-weight: 700;
  113. text-decoration: none;
  114. font-style: normal;
  115. font-variant: normal;
  116. }
  117. .image-grid * {
  118. box-sizing: border-box;
  119. transition: all 0.5s ease;
  120. }
  121. .image-grid img {
  122. width: 100%;
  123. height: 100%;
  124. }
  125. .image-box img {
  126. width: 100%;
  127. height: 100%;
  128. position: relative;
  129. top: 0;
  130. left: 0;
  131. right: 0;
  132. z-index: 1;
  133. align-items: center;
  134. bottom: 0;
  135. display: flex;
  136. flex-direction: column;
  137. justify-content: center;
  138. }
  139. .image-grid figcaption {
  140. position: absolute;
  141. top: 0;
  142. left: 0;
  143. right: 0;
  144. z-index: 1;
  145. align-items: center;
  146. bottom: 0;
  147. display: flex;
  148. flex-direction: column;
  149. justify-content: center;
  150. }
  151. .image-grid p {
  152. margin: 0;
  153. opacity: 0;
  154. color: #ffffff;
  155. letter-spacing: 1px;
  156. -webkit-transform: translateY(-100%);
  157. transform: translateY(-100%);
  158. }
  159. .image-grid a {
  160. position: absolute;
  161. top: 0;
  162. bottom: 0;
  163. left: 0;
  164. right: 0;
  165. z-index: 1;
  166. }
  167. .image-grid:hover>img,
  168. .image-grid.hover>img {
  169. opacity: 0.2;
  170. }
  171. .image-grid:hover p {
  172. -webkit-transform: translateY(0);
  173. transform: translateY(0);
  174. opacity: 1;
  175. }
  176. .title-table {
  177. margin-top: 20px;
  178. margin-bottom: 20px;
  179. }
  180. .title-table h2 {
  181. font-size: 3.8em;
  182. font-weight: 800;
  183. }
  184. .title-table p {
  185. font-size: 1.8em;
  186. font-weight: normal;
  187. }
  188. table {
  189. border-collapse: inherit;
  190. width: 100%;
  191. border-bottom: 4px dotted #CC0083;
  192. }
  193. th {
  194. text-align: center;
  195. padding: 18px;
  196. }
  197. td {
  198. text-align: center;
  199. font-size: 1.8em;
  200. padding: 18px;
  201. }
  202. tr:nth-child(even) {
  203. background-color: #ffffff;
  204. }
  205. @media (min-width: 992px) {
  206. .sport {
  207. height: calc(75vh - 80px);
  208. }
  209. }
  210. h1 {
  211. color: #008bc7;
  212. font-family: GOTHAM-L;
  213. }
  214. .box1 p {
  215. margin: 0 auto;
  216. padding-top: 30px;
  217. font-size: 18px;
  218. text-align: justify;
  219. }
  220. th span {
  221. font-size: 30px;
  222. }
  223. .triangulo {
  224. width: 0;
  225. height: 0;
  226. border-right: 30px solid transparent;
  227. border-bottom: 0px solid transparent;
  228. border-left: 30px solid transparent;
  229. border-top: 25px solid #ffcb37;
  230. margin: 0 auto;
  231. }
  232. .boton-participa1 {
  233. width: 180px;
  234. height: 180px;
  235. margin: 0 auto;
  236. border-radius: 50%;
  237. background-color: white;
  238. display: flex;
  239. justify-content: center;
  240. align-items: center;
  241. border: solid 4px #0c8fff;
  242. text-align: center;
  243. }
  244. .boton-participa2 {
  245. width: 150px;
  246. height: 150px;
  247. background-color: #0c8fff;
  248. margin: 0 auto;
  249. color: white;
  250. font-size: 20px;
  251. border-radius: 50%;
  252. display: flex;
  253. justify-content: center;
  254. align-items: center;
  255. }
  256. .boton-participa0 {
  257. margin: 60px;
  258. }
  259. .boton-participa2:before,
  260. .boton-participa2:after {
  261. position: absolute;
  262. background-color: #0c8fff;
  263. width: 90px;
  264. height: 90px;
  265. border-radius: 50%;
  266. z-index: -1
  267. }
  268. .boton-participa2:before {
  269. content: "";
  270. animation-name: onda;
  271. animation-duration: 3s;
  272. animation-timing- function: ease;
  273. animation-iteration-count: infinite;
  274. }
  275. .boton-participa2:after {
  276. content: "";
  277. animation-name: onda;
  278. animation-duration: 3s;
  279. animation-timing-function: ease;
  280. animation-delay: -0.5s;
  281. animation-iteration-count: infinite;
  282. }
  283. .title-gallery {
  284. background: red;
  285. height: auto;
  286. width: auto;
  287. padding: 5px;
  288. top: 0px;
  289. position: absolute;
  290. border-radius: 0 0 7px 7px;
  291. color: white;
  292. z-index: 1;
  293. left: 46%;
  294. }
  295. .cc-par, .cc-par0 {
  296. background-attachment: fixed;
  297. background-position: 50% 50%;
  298. background-repeat: no-repeat;
  299. background-size: cover;
  300. }
  301. .cc-par{
  302. height: 500px;
  303. background-image: url("https://d1qv7178yd07uj.cloudfront.net/multimedia/videna-parallax.jpg");
  304. }
  305. .cc-par0{
  306. height: 300px;
  307. background-image: url(https://d1qv7178yd07uj.cloudfront.net/multimedia/evento-panamericano-judo-2019.jpg);
  308. }
  309.  
  310.  
  311. .cc-par-2{
  312. width: 100%;
  313. height: 500px;
  314. }
  315. .cc-par-2 img{
  316. width: 100%;
  317. margin-bottom: 0 auto;
  318. position: relative;
  319. top: 32%;
  320. }
  321. .yt-emb{
  322. width: 560px;
  323. height: 315px;
  324.  
  325. }
  326. .yt-emb2{
  327. width: 375px;
  328. height: 248px;
  329. }
  330. .text-title-mob{
  331. margin: 0 auto;
  332. text-align: center;
  333. width: 100%;
  334. display: block;
  335. font-family: GOTHAM-L;
  336. color: purple;
  337. font-size: 20px;
  338. }
  339. .img-modal{
  340. width: 100%;
  341. }
  342. .modal-title{
  343. color: purple;
  344. text-align: center;
  345. font-family: GOTHAM-L;
  346. font-weight: 600;
  347. font-size: 18px;
  348. }
  349. @media (max-width: 414px) {
  350.  
  351. .title-gallery{
  352. right: 14px;
  353. }
  354.  
  355. .yt-emb, .yt-emb2{
  356. width: 100%;
  357. height: 170px;
  358.  
  359. }
  360.  
  361. .image-title-div{
  362. top: 10px;
  363. left: 40px;
  364.  
  365. }
  366. .image-title-big {
  367. top: 10px;
  368. font-size: 18px;
  369. left: 40px;
  370. }
  371. .image-big {
  372. height: 200px;
  373. }
  374. .image-small {
  375. height: 170px;
  376. }
  377. .image-grid {
  378. margin-bottom: 5px;
  379. margin-left: 0;
  380. }
  381. .cc-par-2{
  382. height: 300px;
  383. }
  384. .cc-par-2 img{
  385. width: 100%;
  386. top: 38%;
  387. }
  388. .cc-par {
  389. background-size: cover;
  390. height: 300px;
  391. }
  392. .sport .sport-background {
  393. height: 240px;
  394. position: relative;
  395. background-size: cover;
  396. background-position: 50% 50%;
  397. z-index: 1;
  398. margin-top: -10px;
  399. background-attachment: inherit !important;
  400. background-image: url('https://d1qv7178yd07uj.cloudfront.net/multimedia/bg-rumbo-lima-2019-mob.jpg');
  401. }
  402. .square3 {
  403. position: relative;
  404. min-height: 280px;
  405. display: block;
  406. }
  407. .box {
  408. min-height: 40px;
  409. }
  410. th {
  411. text-align: center;
  412. padding: 18px;
  413. }
  414. td {
  415. text-align: center;
  416. font-size: 1em;
  417. padding: 18px;
  418. }
  419. .title-table h2 {
  420. font-size: 2.4em;
  421. font-weight: 800;
  422. }
  423. .title-table p {
  424. font-size: 1em;
  425. font-weight: normal;
  426. }
  427. }
  428. @keyframes onda {
  429. from {
  430. transform: scale(0.7);
  431. opacity: 1;
  432. }
  433. to {
  434. transform: scale(3);
  435. opacity: 0;
  436. }
  437. }
  438. .bg{
  439. background-size: cover;
  440. background-position: 90% 50%;
  441. }
  442. </style>
  443. <div class="sport">
  444. <div class="sport-background"></div>
  445. </div>
  446. <div class="container">
  447. <nav aria-label="breadcrumb">
  448. <ol class="breadcrumb">
  449. <li class="breadcrumb-item"><a href="/" id="para">{{$words['bg-ceremonias-interna-miga-inicio']}}</a></li>
  450. <li class="breadcrumb-item"><a href="{{ route('test-events')}}" id="para">Rumbo a Lima 2019</a></li>
  451. <li class="breadcrumb-item active" aria-current="page">Campeonato Panamericano de Judo</li>
  452. </ol>
  453. </nav>
  454.  
  455.  
  456.  
  457. <div class="text-center">
  458. <div class="box1">
  459. <h1 class="blue">CAMPEONATO PANAMERICANO DE JUDO MAYORES 2019</h1>
  460. <p>Comencemos a vivir la fiesta deportiva más grande del continente en el Panamericano de Judo Mayores 2019 <a href="https://twitter.com/hashtag/RumboLima2019" target="_blank" rel="nofollow">#RumboALima2019</a>. <strong>Del 24 de abril al 28 de abril</strong>, podrás conocer antes que nadie al nuevo campeón de los Juegos Panamericanos. <strong>450 atletas participantes de este evento buscan su clasificatoria a Lima 2019 y sumar puntos para ¡Tokio 2020!</strong></p>
  461. <p>Aprovecha este evento organizado en conjunto con la Federación Peruana de Judo para conocer a tu favorito y alentarlo en Lima 2019. ¡Las entradas son libres!</p>
  462. </div>
  463.  
  464. <div class="row text">
  465. <!--div class="boton-participa0">
  466. <div class="boton-participa1">
  467. <div class="boton-participa2">Participa por entradas aquí</div>
  468. </div>
  469. </div-->
  470.  
  471. <table class="title-table">
  472. <tr>
  473. <th>
  474. <span>Participantes</span>
  475. <div class="triangulo"></div>
  476. <br>
  477. <p>41 delegaciones – 450 Atletas</p>
  478. </th>
  479.  
  480. </tr>
  481. </table>
  482.  
  483. <table class="title-table">
  484. <tr>
  485.  
  486. <th>
  487. <span>Fecha</span>
  488. <div class="triangulo"></div>
  489. <br>
  490. <p>24 de abril al 28 de abril</p>
  491. </th>
  492. </tr>
  493. </table>
  494.  
  495. <table class="title-table">
  496. <tr>
  497. <th>
  498. <span>Lugar del Evento</span>
  499. <div class="triangulo"></div>
  500. <br>
  501. <p>Polideportivo 1 – Videna (Puerta 1)</p>
  502. </th>
  503. </tr>
  504. </table>
  505. </div>
  506. </div>
  507. </div>
  508.  
  509.  
  510.  
  511.  
  512.  
  513. <div class="container" height>
  514. <div class="col-md-12 col-xs-12">
  515. <div class="row" >
  516. <div class="col-md-6 col-xs-12">
  517. <iframe class="yt-emb" src="https://www.youtube.com/embed/83i9QJOjdk0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  518. <div class="title-gallery" id="video-destacado">En vivo <i class="fa fa-play-circle" aria-hidden="true"></i></div>
  519. </div>
  520. <div class="col-md-6 col-xs-12">
  521.  
  522.  
  523. <iframe class="yt-emb" src="https://www.youtube.com/embed/WjKUf1nY3aE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  524. <div class="title-gallery" id="video-destacado">En vivo <i class="fa fa-play-circle" aria-hidden="true"></i></div>
  525.  
  526. </div>
  527. </div>
  528. </div>
  529. </div>
  530.  
  531.  
  532. <div class="blue-points">
  533. <div class="content">
  534. <div class="container">
  535. <div class="box2">
  536. <h3>RESULTADOS<br>CAMPEONATO PANAMERICANO<br>DE JUDO LIMA 2019</h3>
  537.  
  538. <div class="col-md-4 col-xs-12">
  539. <div style="margin: 0 auto">
  540. <div type="button" data-toggle="modal" data-target="#cc-modal">
  541. <img src="{{$words['te-resultadosd1-2604']}}" width="100%"><br>
  542. <span class="text-title-mob"><strong>DÍA 1</strong></span>
  543. </div>
  544.  
  545. <!-- Modal -->
  546. <div class="modal fade" id="cc-modal" tabindex="-1" role="dialog" aria-labelledby="cc-modalTitle" aria-hidden="true">
  547. <div class="modal-dialog modal-dialog-centered" role="document">
  548. <div class="modal-content">
  549. <div class="modal-header">
  550. <h5 class="modal-title" id="exampleModalLongTitle">RESULTADOS CAMPEONATO PANAMERICANO DE JUDO LIMA 2019 DÍA 1</h5>
  551. </div>
  552. <div class="modal-body">
  553. <img src="{{$words['te-resultadosd1-2604']}}" class="img-modal">
  554. </div>
  555. <div class="modal-footer">
  556. <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
  557. </div>
  558. </div>
  559. </div>
  560. </div>
  561. </div>
  562. </div>
  563.  
  564. <!--div class="col-md-4 col-xs-12">
  565. <div style="margin: 0 auto">
  566. <div type="button" data-toggle="modal" data-target="#cc-modal">
  567. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/resultados-evento-judo-panamericano-mayores-lima-2019-es.png" width="100%"><br>
  568. <span><strong>DÍA 1</strong></span>
  569. </div>
  570.  
  571.  
  572. <div class="modal fade" id="cc-modal" tabindex="-1" role="dialog" aria-labelledby="cc-modalTitle" aria-hidden="true">
  573. <div class="modal-dialog modal-dialog-centered" role="document">
  574. <div class="modal-content">
  575. <div class="modal-header">
  576. <h5 class="modal-title" id="exampleModalLongTitle">RESULTADOS CAMPEONATO PANAMERICANO DE JUDO LIMA 2019 DÍA 1</h5>
  577. </div>
  578. <div class="modal-body">
  579. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/resultados-evento-judo-panamericano-mayores-lima-2019-es.png" class="lel">
  580. </div>
  581. <div class="modal-footer">
  582. <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
  583. </div>
  584. </div>
  585. </div>
  586. </div>
  587. </div>
  588. </div-->
  589.  
  590.  
  591. </div>
  592. </div>
  593. </div>
  594. </div>
  595.  
  596.  
  597. <section >
  598. <div class="cc-par0">
  599. <!--div clas="cc-par-1" >
  600. <div class="visible-md visible-lg cc-par-2"><img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/img-parallax-rumbo-lima-2019.png" alt="Rumbo a Lima 2019"></div>
  601. <div class="visible-sm visible-xs cc-par-2"><img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/img-parallax-rumbo-lima-2019-mob.png" alt="Rumbo a Lima 2019"></div>
  602. </div-->
  603. </div>
  604. </section>
  605.  
  606.  
  607. <!--{!!$words['TE-JUDO-STREAM1']!!}-->
  608. <div class="blue-points" style="margin-top: 0px">
  609. <div class="content">
  610. <div class="container">
  611. <div class="box2">
  612. <h3>REVIVE LO QUE PASÓ EN EL DÍA<br>(HIGHLIGHTS)</h3>
  613.  
  614. <div class="col-md-12 col-xs-12">
  615. <div class="row">
  616. <div class="col-md-4 col-xs-12">
  617. <div class="image-small image-grid">
  618. <iframe class="yt-emb2" src="https://www.youtube.com/embed/uEmReY1-MF0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  619. </div>
  620. </div>
  621.  
  622.  
  623.  
  624. <div class="col-md-4 col-xs-12">
  625. <div class="image-small image-grid">
  626. <iframe class="yt-emb2" src="https://www.youtube.com/embed/tc0tER7-Abs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  627. </div>
  628. </div>
  629.  
  630. <div class="col-md-4 col-xs-12">
  631. <div class="image-small image-grid" data-ytmodal="wBZWkMSO3bI">
  632. <img class="bg" style="background-image: url('https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg'); background-repeat: no-repeat;background-position: center;" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg">
  633. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg" data-title="title">description</span>
  634. <figcaption>
  635. <p><i class="fa fa-youtube-play" aria-hidden="true"></i></p>
  636. <div class="image-title-div">Día 2</div>
  637. </figcaption>
  638. </div>
  639. </div>
  640.  
  641. <div class="col-md-4 col-xs-12">
  642. <div class="image-small image-grid" data-ytmodal="wBZWkMSO3bI">
  643. <img class="bg" style="background-image: url('https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg'); background-repeat: no-repeat;background-position: center;" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg">
  644. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg" data-title="title">
  645. description</span>
  646. <figcaption>
  647. <p><i class="fa fa-youtube-play" aria-hidden="true"></i></p>
  648. <div class="image-title-div">día 3</div>
  649. </figcaption>
  650. </div>
  651. </div>
  652.  
  653. <div class="col-md-4 col-xs-12">
  654. <div class="image-small image-grid" data-ytmodal="wBZWkMSO3bI">
  655. <img class="bg" style="background-image: url('https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg'); background-repeat: no-repeat;background-position: center;" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg">
  656. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg" data-title="title">
  657. description</span>
  658. <figcaption>
  659. <p><i class="fa fa-youtube-play" aria-hidden="true"></i></p>
  660. <div class="image-title-div">Día 4</div>
  661. </figcaption>
  662. </div>
  663. </div>
  664.  
  665. <div class="col-md-4 col-xs-12">
  666. <div class="image-small image-grid" data-ytmodal="wBZWkMSO3bI">
  667. <img class="bg" style="background-image: url('https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg'); background-repeat: no-repeat;background-position: center;" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg">
  668. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/jugamos-todos-lima-2019.jpg" data-title="title">
  669. description</span>
  670. <figcaption>
  671. <p><i class="fa fa-youtube-play" aria-hidden="true"></i></p>
  672. <div class="image-title-div">Día 5</div>
  673. </figcaption>
  674. </div>
  675. </div>
  676.  
  677.  
  678. </div>
  679. </div>
  680.  
  681.  
  682. </div>
  683. </div>
  684. </div>
  685. </div>
  686. <section >
  687. <div class="cc-par">
  688. <div clas="cc-par-1" >
  689. <!---img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/img-parallax-rumbo-lima-2019.png" alt="Rumbo a Lima 2019" -->
  690. <div class="visible-md visible-lg cc-par-2"><img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/img-parallax-rumbo-lima-2019.png" alt="Rumbo a Lima 2019"></div>
  691. <div class="visible-sm visible-xs cc-par-2"><img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/img-parallax-rumbo-lima-2019-mob.png" alt="Rumbo a Lima 2019"></div>
  692. </div>
  693. </div>
  694. </section>
  695. <div class="blue-points">
  696. <div class="content">
  697. <div class="container">
  698. <div class="box2">
  699. <h4>GALERÍA DE FOTOS</h4>
  700. <div class="row">
  701. <div class="col-md-5 col-xs-12">
  702. <div class="image-big image-grid" data-gallery="">
  703. <div class="visible-md visible-lg">
  704. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico1.jpg" style="background-repeat: no-repeat;background-position: center;">
  705. </div>
  706. <div class="visible-sm visible-xs">
  707. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico6.jpg" style="background-repeat: no-repeat;background-position: center;">
  708. </div>
  709. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico1.jpg" data-title="title">
  710. description
  711. </span>
  712. <figcaption>
  713. <p><i class="fa fa-file-image-o" aria-hidden="true"></i></p>
  714. <div class="image-title-big">Día 1</div>
  715. </figcaption>
  716. </div>
  717. </div>
  718. <div class="col-md-7 col-xs-12">
  719. <div class="row">
  720. <div class="col-md-7 col-xs-12">
  721. <div class="image-small image-grid" data-gallery="">
  722. <div class="visible-md visible-lg">
  723. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico2.jpg" style="background-repeat: no-repeat;background-position: center;">
  724. </div>
  725. <div class="visible-sm visible-xs">
  726. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico7.jpg" style="background-repeat: no-repeat;background-position: center;">
  727. </div>
  728. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico2.jpg" data-title="title">
  729. description
  730. </span>
  731. <figcaption>
  732. <p><i class="fa fa-file-image-o" aria-hidden="true"></i></p>
  733. <div class="image-title-div">Día 2</div>
  734. </figcaption>
  735. </div>
  736. </div>
  737. <div class="col-md-5 col-xs-12">
  738. <div class="image-small image-grid" data-gallery="">
  739. <div class="visible-md visible-lg">
  740. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico3.jpg" style="background-repeat: no-repeat;background-position: center;">
  741. </div>
  742. <div class="visible-sm visible-xs">
  743. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico8.jpg" style="background-repeat: no-repeat;background-position: center;">
  744. </div>
  745. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico3.jpg" data-title="title">
  746. description
  747. </span>
  748. <figcaption>
  749. <p><i class="fa fa-file-image-o" aria-hidden="true"></i></p>
  750. <div class="image-title-div">Día 3</div>
  751. </figcaption>
  752. </div>
  753. </div>
  754. <div class="col-md-5 col-xs-12">
  755. <div class="image-small image-grid" data-gallery="">
  756. <div class="visible-md visible-lg">
  757. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico4.jpg" style="background-repeat: no-repeat;background-position: center;">
  758. </div>
  759. <div class="visible-sm visible-xs">
  760. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico9.jpg" style="background-repeat: no-repeat;background-position: center;">
  761. </div>
  762. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico4.jpg" data-title="title">
  763. description
  764. </span>
  765. <figcaption>
  766. <p><i class="fa fa-file-image-o" aria-hidden="true"></i></p>
  767. <div class="image-title-div">Día 4</div>
  768. </figcaption>
  769. </div>
  770. </div>
  771. <div class="col-md-7 col-xs-12">
  772. <div class="image-small image-grid" data-gallery="">
  773. <div class="visible-md visible-lg">
  774. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico5.jpg" style="background-repeat: no-repeat;background-position: center;">
  775. </div>
  776. <div class="visible-sm visible-xs">
  777. <img src="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico10.jpg" style="background-repeat: no-repeat;background-position: center;">
  778. </div>
  779. <span class="hide slide-image" data-image="https://d1qv7178yd07uj.cloudfront.net/multimedia/judo-mosaico5.jpg" data-title="title">
  780. description
  781. </span>
  782. <figcaption>
  783. <p><i class="fa fa-file-image-o" aria-hidden="true"></i></p>
  784. <div class="image-title-div">Día 5</div>
  785. </figcaption>
  786. </div>
  787. </div>
  788. </div>
  789. </div>
  790. </div>
  791. </div>
  792. </div>
  793. </div>
  794. </div>
  795. <!-- <div class="box3">
  796. <div id="map-container-google-1" class="z-depth-1-half map-container">
  797. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3901.654382045209!2d-77.03591788459768!3d-12.067284345569464!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9105c8eb498672dd%3A0xefa377174834b5d7!2sEstadio+Nacional!5e0!3m2!1ses!2spe!4v1548567027178" frameborder="0"
  798. style="border:0" allowfullscreen></iframe>
  799. </div>
  800. </div> -->
  801. @stop
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!