API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 22nd, 2017
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 35.08 KB | None | 0 0
raw download clone embed print report
  1. <ul class="timeline-list">
  2.               <!-- Inizio Header Timeline-->
  3.               <li class="timeline-header" data-filter="aereo,papamobile,fiumicino,benvenuto,nunziatura" data-header-day="05072017">
  4.                 <!--Inizio Checkpoint (Mobile) -- Checkpoint Destinazione (classe --destination)-->
  5.                 <section class="timeline timeline--destination timeline--pointStep">
  6.                   <div class="timeline__target">
  7.                     <div class="target__container"><i class="target"></i></div>
  8.                   </div>
  9.                 </section>
  10.                 <!--Fine Checkpoint (Mobile)-->
  11.                 <!-- Inizio Intestazione Header-->
  12.                 <section class="timeline timeline--destination timeline--pointContent" id="date-05072017">
  13.                   <!-- Inizio Header Campo Data-->
  14.                   <div class="timeline__day"><span>DOMENICA</span></div>
  15.                   <!-- Fine Header Campo Data-->
  16.                   <!-- Inizio Checkpoint (Desktop)-->
  17.                   <div class="timeline__target">
  18.                     <div class="target__container"><i class="target"></i></div>
  19.                   </div>
  20.                   <!-- Fine Checkpoint (Desktop)-->
  21.                   <!-- Inizio Header Campo Luogo-->
  22.                   <div class="timeline__place">
  23.                     <h3>Roma/Fiumicino - Quito</h3>
  24.                   </div>
  25.                   <!-- Fine Header Campo Luogo-->
  26.                 </section>
  27.                 <!--Fine Intestazione Header-->
  28.               </li>
  29.               <!-- Fine Header Timeline-->
  30.               <!-- Inizio Item Timeline-->
  31.               <li class="timeline-item" data-filter="aereo,fiumicino,benvenuto" data-item-day="05072017">
  32.                 <!--Inizio Checkpoint (Mobile) -- Checkpoint Tappa del viaggio (classe --point)-->
  33.                 <section class="timeline timeline--point timeline--pointStep">
  34.                   <div class="timeline__target">
  35.                     <div class="target__container"><i class="target"></i></div>
  36.                   </div>
  37.                 </section>
  38.                 <!--Fine Checkpoint (Mobile)-->
  39.                 <!-- Inizio Barra Eventi Timeline-->
  40.                 <section class="timeline timeline--point timeline--pointContent">
  41.                   <ul class="timeline__list">
  42.                     <!--Inizio Elemento Barra Timeline-->
  43.                     <li class="timeline__plan">
  44.                       <!-- Icona Barra Timeline--><span class="icon-title"><span class="icon-title__icon icon-title__icon--clock"><i></i></span><span class="icon-title__title">9:00</span></span>
  45.                       <ul>
  46.                         <!-- Inizio evento per elemento Barra Timeline-->
  47.                         <li class="timeline__event">
  48.                           <p>Partenza in aereo dall'Aeroporto di Quito per Guayaquil Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin leo ligula, ultrices in varius eget, viverra in tortor. Vestibulum sit amet tempus odio.</p>
  49.                         </li>
  50.                         <!-- Fine evento per elemento Barra Timeline-->
  51.                       </ul>
  52.                     </li>
  53.                     <!-- Fine Elemento Barra Timeline-->
  54.                     <!--Inizio Elemento Barra Timeline-->
  55.                     <li class="timeline__plan">
  56.                       <ul>
  57.                         <li class="timeline__event timeline__event--talk">
  58.                           <p>Trasferimento in aereo Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin leo ligula, ultrices in varius eget, viverra in tortor. Vestibulum sit amet tempus odio.</p>
  59.                         </li>
  60.                       </ul>
  61.                     </li>
  62.                     <!-- Fine Elemento Barra Timeline-->
  63.                     <!--Inizio Elemento Barra Timeline-->
  64.                     <li class="timeline__plan">
  65.                       <ul>
  66.                         <li class="timeline__event">
  67.                           <p>Paesi sorvolati: Italia, Spagna, Portogallo, Trinidad e Tobago, Venezuela, Colombia, Ecuador Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin leo ligula, ultrices in varius eget, viverra in tortor. Vestibulum sit amet tempus odio.</p>
  68.                         </li>
  69.                       </ul>
  70.                     </li>
  71.                     <!-- Fine Elemento Barra Timeline-->
  72.                   </ul>
  73.                   <!-- Fine Barra Eventi Timeline-->
  74.                   <!-- Inizio Checkpoint (Desktop)-->
  75.                   <div class="timeline__target">
  76.                     <div class="target__container"><i class="target"></i></div>
  77.                   </div>
  78.                   <!-- Fine Checkpoint (Desktop)-->
  79.                   <!-- Inizio Contenuti Timeline-->
  80.                   <div class="timeline__content">
  81.                     <!--Inizio sezione Leggi di Più-->
  82.                     <section class="info-readmore info-readmore--timeline" data-readmore="" style="max-height: none;">
  83.                       <article>
  84.                         <div class="info-readmore__contentWrapper"><span class="icon-title"><span class="icon-title__icon icon-title__icon--info"><i></i></span><span class="icon-title__title">info</span></span>
  85.                           <div class="info-readmore__list expand" data-readmore="" aria-expanded="false" id="rmjs-1" style="max-height: none; height: 100px;">
  86.                             <ul>
  87.                               <li>
  88.                                 <h2 class="info-readmore__title">Nunziatura Apostolica di Quito</h2>
  89.                                 <div class="info-readmore__text"><span>Dolor eiusmod aliqua ipsum, exercitation enim, enim irure, consectetur dolor. Dolore do veniam dolor anim in minim, velit, proident nulla est. Laborum est velit adipiscing in in cupidatat. Qui nisi excepteur, duis, ad, sit, mollit, ad, occaecat reprehenderit sint, eiusmod amet sunt? Eiusmod sed consequat laborum quis amet duis non incididunt cupidatat. </span></div>
  90.                                 <!--li
  91.                                h2.info-readmore__title Messale per il Viaggio Apostolico
  92.                                div.info-readmore__text
  93.                                  span
  94.                                    +lipsum(5, 'sentences')
  95.                                -->
  96.                               </li>
  97.                             </ul>
  98.                           </div><a href="#" data-readmore-toggle="rmjs-1" aria-controls="rmjs-1">mostra di più</a>
  99.                         </div>
  100.                       </article>
  101.                     </section>
  102.                     <!--Fine sezione Leggi di Più-->
  103.                     <!--Inizio sezione Leggi di Più-->
  104.                     <section class="info-readmore info-readmore--timeline" data-readmore="" style="max-height: none;">
  105.                       <article>
  106.                         <div class="info-readmore__contentWrapper"><span class="icon-title"><span class="icon-title__icon icon-title__icon--info"><i></i></span><span class="icon-title__title">info</span></span>
  107.                           <div class="info-readmore__list expand" style="max-height: none;">
  108.                             <ul>
  109.                               <li>
  110.                                 <h2 class="info-readmore__title">Nunziatura Apostolica di Quito</h2>
  111.                                 <div class="info-readmore__text"><span>Deserunt deserunt ipsum culpa labore fugiat excepteur aliquip. Irure duis lorem, velit exercitation nostrud pariatur. Aliqua duis ut adipiscing incididunt dolor ut, culpa? Culpa sint est, labore aliquip veniam aute velit labore id. Veniam aute laborum in est, ullamco. </span></div>
  112.                                 <!--li
  113.                                h2.info-readmore__title Messale per il Viaggio Apostolico
  114.                                div.info-readmore__text
  115.                                  span
  116.                                    +lipsum(5, 'sentences')
  117.                                -->
  118.                               </li>
  119.                             </ul>
  120.                           </div>
  121.                         </div>
  122.                       </article>
  123.                     </section>
  124.                     <!--Fine sezione Leggi di Più-->
  125.                   </div>
  126.                 </section>
  127.               </li>
  128.               <!-- Fine Item Timeline-->
  129.               <!-- Inizio Item Timeline-->
  130.               <li class="timeline-item" data-filter="papamobile,quito,nunziatura" data-item-day="05072017">
  131.                 <section class="timeline timeline--point timeline--pointStep">
  132.                   <div class="timeline__target">
  133.                     <div class="target__container"><i class="target"></i></div>
  134.                   </div>
  135.                 </section>
  136.                 <section class="timeline timeline--point timeline--pointContent">
  137.                   <ul class="timeline__list">
  138.                     <li class="timeline__plan"><span class="icon-title"><span class="icon-title__icon icon-title__icon--clock"><i></i></span><span class="icon-title__title">9:00</span></span>
  139.                       <ul>
  140.                         <li class="timeline__event">
  141.                           <p>Partenza in aereo dall'Aeroporto di Quito per Guayaquil</p>
  142.                         </li>
  143.                       </ul>
  144.                     </li>
  145.                     <li class="timeline__plan">
  146.                       <ul>
  147.                         <li class="timeline__event timeline__event--flight">
  148.                           <p>Trasferimento in aereo</p>
  149.                         </li>
  150.                       </ul>
  151.                     </li>
  152.                   </ul>
  153.                   <div class="timeline__target">
  154.                     <div class="target__container"><i class="target"></i></div>
  155.                   </div>
  156.                   <div class="timeline__content">
  157.                     <!-- Inizio Sezione Teaser con immagine-->
  158.                     <section class="info-image">
  159.                       <article>
  160.                         <div class="info-image__contentWrapper">
  161.                           <figure class="info-image__image info-image__image--live">
  162.                                                 <picture>
  163.                                                   <source media="(min-width: 1004px)" data-original-set="http://placehold.it/250x250">
  164.                                                   <source data-original-set="http://placehold.it/500x281"><img data-original="http://placehold.it/224x224" alt="title">
  165.                                                 </picture>
  166.                                                 <noscript>&lt;img src="http://placehold.it/224x224" alt="title"&gt;</noscript>
  167.                           </figure>
  168.                           <div class="info-image__list"><span class="icon-title"><span class="icon-title__icon icon-title__icon--info"><i></i></span><span class="icon-title__title">scarica</span></span>
  169.                             <ul>
  170.                               <li>
  171.                                 <h2 class="info-image__title">Nunziatura Apostolica di Quito</h2>
  172.                                 <div class="info-image__text"><span>Sed, sint in quis ut pariatur enim. Duis sit reprehenderit in mollit dolor sint non in, eu, voluptate est consectetur consectetur. Dolore id dolor, et dolor do dolore. </span></div>
  173.                               </li>
  174.                             </ul>
  175.                           </div>
  176.                         </div>
  177.                       </article>
  178.                     </section>
  179.                     <!-- Fine Sezione Teaser con immagine-->
  180.                     <!--Inizio sezione Leggi di Più-->
  181.                     <section class="info-readmore info-readmore--timeline" data-readmore="" style="max-height: none;">
  182.                       <article>
  183.                         <div class="info-readmore__contentWrapper"><span class="icon-title"><span class="icon-title__icon icon-title__icon--info"><i></i></span><span class="icon-title__title">info</span></span>
  184.                           <div class="info-readmore__list expand" style="max-height: none;">
  185.                             <ul>
  186.                               <li>
  187.                                 <h2 class="info-readmore__title">Nunziatura Apostolica di Quito</h2>
  188.                                 <div class="info-readmore__text"><span>In duis tempor laborum, consequat, consequat, in. Dolore, nostrud aliquip commodo dolor. Commodo do occaecat fugiat, ad aute labore minim laborum dolor. Duis ut laboris eiusmod, nulla do, nulla nisi officia ut. Esse in et dolore, dolore, eiusmod deserunt ut. </span></div>
  189.                                 <!--li
  190.                                h2.info-readmore__title Messale per il Viaggio Apostolico
  191.                                div.info-readmore__text
  192.                                  span
  193.                                    +lipsum(5, 'sentences')
  194.                                -->
  195.                               </li>
  196.                             </ul>
  197.                           </div>
  198.                         </div>
  199.                       </article>
  200.                     </section>
  201.                     <!--Fine sezione Leggi di Più-->
  202.                     <!-- Inizio Sezione Teaser con immagine-->
  203.                     <section class="info-image">
  204.                       <article>
  205.                         <div class="info-image__contentWrapper">
  206.                           <figure class="info-image__image info-image__image--live">
  207.                                                 <picture>
  208.                                                   <source media="(min-width: 1004px)" data-original-set="http://placehold.it/250x250">
  209.                                                   <source data-original-set="http://placehold.it/500x281"><img data-original="http://placehold.it/224x224" alt="title">
  210.                                                 </picture>
  211.                                                 <noscript>&lt;img src="http://placehold.it/224x224" alt="title"&gt;</noscript>
  212.                           </figure>
  213.                           <div class="info-image__list"><span class="icon-title"><span class="icon-title__icon icon-title__icon--info"><i></i></span><span class="icon-title__title">scarica</span></span>
  214.                             <ul>
  215.                               <li>
  216.                                 <h2 class="info-image__title">Nunziatura Apostolica di Quito</h2>
  217.                                 <div class="info-image__text"><span>Aliqua tempor esse reprehenderit aute consequat anim, commodo ut in deserunt sit ex quis occaecat. Incididunt, fugiat occaecat incididunt commodo lorem. Anim sit aliqua tempor tempor, tempor dolore consectetur aute consectetur? </span></div>
  218.                               </li>
  219.                             </ul>
  220.                           </div>
  221.                         </div>
  222.                       </article>
  223.                     </section>
  224.                     <!-- Fine Sezione Teaser con immagine-->
  225.                   </div>
  226.                 </section>
  227.               </li>
  228.               <!-- Fine Item Timeline-->
  229.               <!-- Inizio Item Timeline-->
  230.               <li class="timeline-item" data-filter="aereo,papamobile,quito,benvenuto" data-item-day="05072017">
  231.                 <section class="timeline timeline--point timeline--pointStep">
  232.                   <div class="timeline__target">
  233.                     <div class="target__container"><i class="target"></i></div>
  234.                   </div>
  235.                 </section>
  236.                 <section class="timeline timeline--point timeline--pointContent">
  237.                   <ul class="timeline__list">
  238.                     <li class="timeline__plan"><span class="icon-title"><span class="icon-title__icon icon-title__icon--clock"><i></i></span><span class="icon-title__title">15:00</span></span>
  239.                       <ul>
  240.                         <li class="timeline__event">
  241.                           <p>Arrivo all’Aeroporto Internazionale di Quito.</p>
  242.                         </li>
  243.                       </ul>
  244.                     </li>
  245.                     <li class="timeline__plan">
  246.                       <ul>
  247.                         <li class="timeline__event timeline__event--talk">
  248.                           <p>Cerimonia di benvenuto</p>
  249.                         </li>
  250.                       </ul>
  251.                     </li>
  252.                   </ul>
  253.                   <div class="timeline__target">
  254.                     <div class="target__container"><i class="target"></i></div>
  255.                   </div>
  256.                   <div class="timeline__content"><a class="teaser--2x2 teaser--timeline teaser" href="#" title="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  257.                                 <article>
  258.                                   <div class="teaser__contentWrapper">
  259.                                     <figure class="teaser__image">
  260.                                                           <picture><img data-original="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco" class="loaded" src="http://placehold.it/500x281" data-was-processed="true">
  261.                                                           </picture>
  262.                                                           <noscript>&lt;img src="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco"&gt;</noscript>
  263.                                     </figure>
  264.                                     <div class="teaser__info"><span>16.10.16</span>
  265.                                     </div>
  266.                                     <h2 class="teaser__title"><span>Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco</span></h2>
  267.                                     <div class="teaser__text"><span>Eiusmod ut aliquip, qui in consequat consectetur laborum, laborum. Sint exercitation voluptate, veniam tempor labore veniam sunt, sint. Commodo, ut nulla reprehenderit, nisi mollit laborum ipsum deserunt tempor non ut in. </span>
  268.                                     </div>
  269.                                   </div>
  270.                                 </article></a><a class="teaser--2x2 teaser--timeline teaser" href="#" title="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  271.                                 <article>
  272.                                   <div class="teaser__contentWrapper">
  273.                                     <figure class="teaser__image">
  274.                                                           <picture><img data-original="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  275.                                                           </picture>
  276.                                                           <noscript>&lt;img src="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco"&gt;</noscript>
  277.                                     </figure>
  278.                                     <div class="teaser__info"><span>16.10.16</span>
  279.                                     </div>
  280.                                     <h2 class="teaser__title"><span>Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco</span></h2>
  281.                                     <div class="teaser__text"><span>Exercitation, non, ea in minim exercitation ut aliqua laborum sit? Nulla anim anim non enim, eu amet, est nulla ex dolore. Esse velit non fugiat, proident laboris, qui cupidatat velit labore. </span>
  282.                                     </div>
  283.                                   </div>
  284.                                 </article></a><a class="teaser--2x2 teaser--timeline teaser" href="#" title="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  285.                                 <article>
  286.                                   <div class="teaser__contentWrapper">
  287.                                     <figure class="teaser__image">
  288.                                                           <picture><img data-original="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  289.                                                           </picture>
  290.                                                           <noscript>&lt;img src="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco"&gt;</noscript>
  291.                                     </figure>
  292.                                     <div class="teaser__info"><span>16.10.16</span>
  293.                                     </div>
  294.                                     <h2 class="teaser__title"><span>Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco</span></h2>
  295.                                     <div class="teaser__text"><span>Consequat, sint quis dolor commodo, sed proident magna? Laborum excepteur ad? Excepteur ut do, nisi, laboris do quis dolore nostrud culpa aliquip sed. </span>
  296.                                     </div>
  297.                                   </div>
  298.                                 </article></a>
  299.                   </div>
  300.                 </section>
  301.               </li>
  302.               <!-- Fine Item Timeline-->
  303.               <!-- Inizio Item Timeline-->
  304.               <li class="timeline-item" data-filter="aereo,papamobile,quito,benvenuto" data-item-day="05072017">
  305.                 <section class="timeline timeline--point timeline--pointStep">
  306.                   <div class="timeline__target">
  307.                     <div class="target__container"><i class="target"></i></div>
  308.                   </div>
  309.                 </section>
  310.                 <section class="timeline timeline--point timeline--pointContent">
  311.                   <ul class="timeline__list">
  312.                     <li class="timeline__plan"><span class="icon-title"><span class="icon-title__icon icon-title__icon--clock"><i></i></span><span class="icon-title__title">15:45</span></span>
  313.                       <ul>
  314.                         <li class="timeline__event timeline__event--road">
  315.                           <p>Trasferimento in macchina</p>
  316.                         </li>
  317.                         <li class="timeline__event timeline__event--popeMobile">
  318.                           <p>Papa mobile per 8 km</p>
  319.                         </li>
  320.                       </ul>
  321.                     </li>
  322.                   </ul>
  323.                   <div class="timeline__target">
  324.                     <div class="target__container"><i class="target"></i></div>
  325.                   </div>
  326.                   <div class="timeline__content"><a class="teaser--2x2 teaser--timeline teaser" href="#" title="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  327.                                 <article>
  328.                                   <div class="teaser__contentWrapper">
  329.                                     <figure class="teaser__image">
  330.                                                           <picture><img data-original="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  331.                                                           </picture>
  332.                                                           <noscript>&lt;img src="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco"&gt;</noscript>
  333.                                     </figure>
  334.                                     <div class="teaser__info"><span>16.10.16</span>
  335.                                     </div>
  336.                                     <h2 class="teaser__title"><span>Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco</span></h2>
  337.                                     <div class="teaser__text"><span>Eiusmod enim sunt cupidatat, id excepteur proident adipiscing nisi. Cupidatat, nulla, consectetur, dolore aliqua deserunt ullamco ut eu, nisi. Mollit aliquip irure quis, est lorem, ad, enim. </span>
  338.                                     </div>
  339.                                   </div>
  340.                                 </article></a>
  341.                   </div>
  342.                 </section>
  343.               </li>
  344.               <!-- Fine Item Timeline-->
  345.               <!-- Inizio Item Timeline-->
  346.               <li class="timeline-item" data-filter="aereo,papamobile,quito,benvenuto" data-item-day="05072017">
  347.                 <section class="timeline timeline--point timeline--pointStep">
  348.                   <div class="timeline__target">
  349.                     <div class="target__container"><i class="target"></i></div>
  350.                   </div>
  351.                 </section>
  352.                 <section class="timeline timeline--point timeline--pointContent">
  353.                   <ul class="timeline__list">
  354.                     <li class="timeline__plan"><span class="icon-title"><span class="icon-title__icon icon-title__icon--clock"><i></i></span><span class="icon-title__title">16:45</span></span>
  355.                       <ul>
  356.                         <li class="timeline__event timeline__event--road">
  357.                           <p>NUnziatura Apostolia di Quito</p>
  358.                         </li>
  359.                       </ul>
  360.                     </li>
  361.                     <li class="timeline__plan">
  362.                       <ul>
  363.                         <li class="timeline__event timeline__event--lunch">
  364.                           <p>Cena (in privato)</p>
  365.                         </li>
  366.                       </ul>
  367.                     </li>
  368.                   </ul>
  369.                   <div class="timeline__target">
  370.                     <div class="target__container"><i class="target"></i></div>
  371.                   </div>
  372.                   <div class="timeline__content"><a class="teaser--2x2 teaser--timeline teaser" href="#" title="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  373.                                 <article>
  374.                                   <div class="teaser__contentWrapper">
  375.                                     <figure class="teaser__image">
  376.                                                           <picture><img data-original="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  377.                                                           </picture>
  378.                                                           <noscript>&lt;img src="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco"&gt;</noscript>
  379.                                     </figure>
  380.                                     <div class="teaser__info"><span>16.10.16</span>
  381.                                     </div>
  382.                                     <h2 class="teaser__title"><span>Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco</span></h2>
  383.                                     <div class="teaser__text"><span>Duis sint in veniam in consequat fugiat cillum, quis cupidatat. Ipsum esse ullamco culpa sit, anim cupidatat? Aliquip proident aliqua ut, aliqua sint, pariatur adipiscing in officia reprehenderit. </span>
  384.                                     </div>
  385.                                   </div>
  386.                                 </article></a>
  387.                   </div>
  388.                 </section>
  389.               </li>
  390.               <!-- Fine Item Timeline-->
  391.               <!-- Inizio Item Timeline-->
  392.               <li class="timeline-item" data-filter="aereo,papamobile,quito,benvenuto" data-item-day="05072017">
  393.                 <!-- Inizio Checkpoint (Mobile, Meta da raggiungere)-->
  394.                 <section class="timeline timeline--point timeline--nextPoint timeline--pointStep">
  395.                   <div class="timeline__target">
  396.                     <div class="target__container"><i class="target"></i></div>
  397.                   </div>
  398.                 </section>
  399.                 <!-- Fine Checkpoint (Mobile, Meta da raggiungere)-->
  400.                 <section class="timeline timeline--point timeline--nextPoint timeline--pointContent">
  401.                   <ul class="timeline__list">
  402.                     <li class="timeline__plan"><span class="icon-title"><span class="icon-title__icon icon-title__icon--clock"><i></i></span><span class="icon-title__title">16:45</span></span>
  403.                       <ul>
  404.                         <li class="timeline__event timeline__event--heli">
  405.                           <p>Icona di esempio Elicottero</p>
  406.                         </li>
  407.                       </ul>
  408.                     </li>
  409.                     <li class="timeline__plan">
  410.                       <ul>
  411.                         <li class="timeline__event timeline__event--pope">
  412.                           <p>Icona di Esempio Religioso</p>
  413.                         </li>
  414.                       </ul>
  415.                     </li>
  416.                   </ul>
  417.                   <div class="timeline__target">
  418.                     <div class="target__container"><i class="target"></i></div>
  419.                   </div>
  420.                   <div class="timeline__content"><a class="teaser--2x2 teaser--timeline teaser" href="#" title="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  421.                                 <article>
  422.                                   <div class="teaser__contentWrapper">
  423.                                     <figure class="teaser__image">
  424.                                                           <picture><img data-original="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  425.                                                           </picture>
  426.                                                           <noscript>&lt;img src="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco"&gt;</noscript>
  427.                                     </figure>
  428.                                     <div class="teaser__info"><span>16.10.16</span>
  429.                                     </div>
  430.                                     <h2 class="teaser__title"><span>Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco</span></h2>
  431.                                     <div class="teaser__text"><span>Dolor tempor magna dolore culpa eu cillum aliquip sit et. Eu incididunt sit, proident, irure do duis magna, et. Magna sit pariatur, ullamco labore ipsum aute, cillum. </span>
  432.                                     </div>
  433.                                   </div>
  434.                                 </article></a>
  435.                   </div>
  436.                 </section>
  437.               </li>
  438.               <!-- Fine Item Timeline-->
  439.               <!-- Inizio Header Timeline Ancora Non Raggiunto (suffisso classe YetToConfirm)-->
  440.               <li class="timeline-header" data-filter="aereo,papamobile,quito,benvenuto" data-header-day="06072017">
  441.                 <!--Inizio Checkpoint (Mobile, Meta non raggiunta)-->
  442.                 <section class="timeline timeline--destination timeline--yetToConfirm timeline--pointStep">
  443.                   <div class="timeline__target">
  444.                     <div class="target__container"><i class="target"></i></div>
  445.                   </div>
  446.                 </section>
  447.                 <!--Fine Checkpoint (Mobile, Meta non raggiunta)-->
  448.                 <section class="timeline timeline--destination timeline--yetToConfirm timeline--pointContent" id="date-06072017">
  449.                   <div class="timeline__day"><span>LUNEDÌ 6</span></div>
  450.                   <div class="timeline__target">
  451.                     <div class="target__container"><i class="target"></i></div>
  452.                   </div>
  453.                   <div class="timeline__place">
  454.                     <h3>Quito - Guayaquil</h3>
  455.                   </div>
  456.                 </section>
  457.               </li>
  458.               <!-- Fine Header Timeline Ancora Non Raggiunto (suffisso classe YetToConfirm)-->
  459.               <!-- Inizio Item Timeline Ancora Non Raggiunto (suffisso classe YetToConfirm)-->
  460.               <li class="timeline-item" data-filter="aereo,papamobile,quito,benvenuto" data-item-day="06072017">
  461.                 <section class="timeline timeline--nextPoint timeline--yetToConfirm timeline--pointStep">
  462.                   <div class="timeline__target">
  463.                     <div class="target__container"><i class="target"></i></div>
  464.                   </div>
  465.                 </section>
  466.                 <section class="timeline timeline--nextPoint timeline--yetToConfirm timeline--pointContent">
  467.                   <ul class="timeline__list">
  468.                     <li class="timeline__plan"><span class="icon-title"><span class="icon-title__icon icon-title__icon--clock"><i></i></span><span class="icon-title__title">16:45</span></span>
  469.                       <ul>
  470.                         <li class="timeline__event timeline__event--road">
  471.                           <p>Nunziatura Apostolia di Quito</p>
  472.                         </li>
  473.                       </ul>
  474.                     </li>
  475.                     <li class="timeline__plan">
  476.                       <ul>
  477.                         <li class="timeline__event timeline__event--lunch">
  478.                           <p>Cena (in privato)</p>
  479.                         </li>
  480.                       </ul>
  481.                     </li>
  482.                   </ul>
  483.                   <div class="timeline__target">
  484.                     <div class="target__container"><i class="target"></i></div>
  485.                   </div>
  486.                   <div class="timeline__content"><a class="teaser--2x2 teaser--timeline teaser" href="#" title="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  487.                                 <article>
  488.                                   <div class="teaser__contentWrapper">
  489.                                     <figure class="teaser__image">
  490.                                                           <picture><img data-original="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco">
  491.                                                           </picture>
  492.                                                           <noscript>&lt;img src="http://placehold.it/500x281" alt="Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco"&gt;</noscript>
  493.                                     </figure>
  494.                                     <div class="teaser__info"><span>16.10.16</span>
  495.                                     </div>
  496.                                     <h2 class="teaser__title"><span>Il Papa in visita a Genova il 27 maggio. La gratitudine del card. Bagnasco</span></h2>
  497.                                     <div class="teaser__text"><span>Consectetur laboris nostrud eiusmod sint pariatur velit officia nulla, consequat? Ullamco, do deserunt, proident, qui magna pariatur anim duis sed lorem consequat est. Amet, ut, aliqua exercitation non in? </span>
  498.                                     </div>
  499.                                   </div>
  500.                                 </article></a>
  501.                   </div>
  502.                 </section>
  503.                 <!-- Fine Timeline Ancora Non Raggiunto (suffisso classe YetToConfirm)-->
  504.               </li>
  505.             </ul>
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!