Advertisement
Omegad

Untitled

Feb 19th, 2019
2,431
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Rails 19.41 KB | None | 0 0
  1. <!-- Hero Section -->
  2. <div class="js-slick-carousel u-slick u-slick--equal-height"
  3.      data-fade="true"
  4.      data-infinite="true"
  5.      data-autoplay="true"
  6.      data-speed="10000"
  7.      data-pagi-classes="text-center u-slick__pagination u-slick__pagination--white position-absolute right-0 bottom-0 left-0 mb-4 mb-0">
  8.   <div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img7.jpg);">
  9.     <!-- Hero News -->
  10.     <div class="container d-lg-flex align-items-lg-center">
  11.       <article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
  12.                data-scroll-effect="smoothFadeToBottom"
  13.                data-scroll-effect-speed="500">
  14.         <!-- Share Social Networks -->
  15.         <div data-scs-animation-in="fadeInUp">
  16.           <ul class="list-inline mb-4">
  17.             <li class="list-inline-item">
  18.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  19.                 <span class="fab fa-facebook-f btn-icon__inner"></span>
  20.               </a>
  21.             </li>
  22.             <li class="list-inline-item">
  23.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  24.                 <span class="fab fa-google btn-icon__inner"></span>
  25.               </a>
  26.             </li>
  27.             <li class="list-inline-item">
  28.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  29.                 <span class="fab fa-twitter btn-icon__inner"></span>
  30.               </a>
  31.             </li>
  32.             <li class="list-inline-item">
  33.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  34.                 <span class="fab fa-github btn-icon__inner"></span>
  35.               </a>
  36.             </li>
  37.           </ul>
  38.         </div>
  39.         <!-- End Share Social Networks -->
  40.  
  41.         <!-- Info -->
  42.         <div class="mb-4">
  43.           <h1 class="text-white font-weight-semi-bold mb-3"
  44.               data-scs-animation-in="fadeInUp">2018's Most Relaxing and Affordable Vacations</h1>
  45.          <p class="text-white-70 mb-7"
  46.             data-scs-animation-in="fadeInUp">At Wake, our mission has always been focused on bringing openness and transparency to the design process.</p>
  47.        </div>
  48.        <a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
  49.           data-scs-animation-in="fadeInUp">Read More</a>
  50.        <!-- End Info -->
  51.      </article>
  52.    </div>
  53.    <!-- End Hero News -->
  54.  </div>
  55.  
  56.  <div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img6.jpg);">
  57.    <!-- Hero News -->
  58.    <div class="container d-lg-flex align-items-lg-center">
  59.      <article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
  60.               data-scroll-effect="smoothFadeToBottom"
  61.               data-scroll-effect-speed="500">
  62.        <!-- Share Social Networks -->
  63.        <div data-scs-animation-in="fadeInUp">
  64.          <ul class="list-inline mb-4">
  65.            <li class="list-inline-item">
  66.              <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  67.                <span class="fab fa-facebook-f btn-icon__inner"></span>
  68.              </a>
  69.            </li>
  70.            <li class="list-inline-item">
  71.              <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  72.                <span class="fab fa-google btn-icon__inner"></span>
  73.              </a>
  74.            </li>
  75.            <li class="list-inline-item">
  76.              <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  77.                <span class="fab fa-twitter btn-icon__inner"></span>
  78.              </a>
  79.            </li>
  80.            <li class="list-inline-item">
  81.              <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  82.                <span class="fab fa-github btn-icon__inner"></span>
  83.              </a>
  84.            </li>
  85.          </ul>
  86.        </div>
  87.        <!-- End Share Social Networks -->
  88.  
  89.        <!-- Info -->
  90.        <div class="mb-4">
  91.          <h2 class="h1 text-white font-weight-semi-bold mb-3"
  92.              data-scs-animation-in="fadeInUp">Bonded by science: researchers describe their nerdy proposals</h2>
  93.          <p class="text-white-70 mb-7"
  94.             data-scs-animation-in="fadeInUp">For Valentine's Day, Nature collects tales of romance in research.</p>
  95.         </div>
  96.         <a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
  97.            data-scs-animation-in="fadeInUp">Read More</a>
  98.         <!-- End Info -->
  99.       </article>
  100.     </div>
  101.     <!-- End Hero News -->
  102.   </div>
  103.  
  104.   <div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img8.jpg);">
  105.     <!-- Hero News -->
  106.     <div class="container d-lg-flex align-items-lg-center">
  107.       <article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
  108.                data-scroll-effect="smoothFadeToBottom"
  109.                data-scroll-effect-speed="500">
  110.         <!-- Share Social Networks -->
  111.         <div data-scs-animation-in="fadeInUp">
  112.           <ul class="list-inline mb-4">
  113.             <li class="list-inline-item">
  114.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  115.                 <span class="fab fa-facebook-f btn-icon__inner"></span>
  116.               </a>
  117.             </li>
  118.             <li class="list-inline-item">
  119.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  120.                 <span class="fab fa-google btn-icon__inner"></span>
  121.               </a>
  122.             </li>
  123.             <li class="list-inline-item">
  124.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  125.                 <span class="fab fa-twitter btn-icon__inner"></span>
  126.               </a>
  127.             </li>
  128.             <li class="list-inline-item">
  129.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  130.                 <span class="fab fa-github btn-icon__inner"></span>
  131.               </a>
  132.             </li>
  133.           </ul>
  134.         </div>
  135.         <!-- End Share Social Networks -->
  136.  
  137.         <!-- Info -->
  138.         <div class="mb-4">
  139.           <h2 class="h1 text-white font-weight-semi-bold mb-3"
  140.               data-scs-animation-in="fadeInUp">Tree rings reveal increased fire risk for southwestern US</h2>
  141.           <p class="text-white-70 mb-7"
  142.              data-scs-animation-in="fadeInUp">Historical record points to climate patterns that could prime the region for an intense fire season.</p>
  143.         </div>
  144.         <a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
  145.            data-scs-animation-in="fadeInUp">Read More</a>
  146.         <!-- End Info -->
  147.       </article>
  148.     </div>
  149.     <!-- End Hero News -->
  150.   </div>
  151.  
  152.   <div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img9.jpg);">
  153.     <!-- Hero News -->
  154.     <div class="container d-lg-flex align-items-lg-center">
  155.       <article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
  156.                data-scroll-effect="smoothFadeToBottom"
  157.                data-scroll-effect-speed="500">
  158.         <!-- Share Social Networks -->
  159.         <div data-scs-animation-in="fadeInUp">
  160.           <ul class="list-inline mb-4">
  161.             <li class="list-inline-item">
  162.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  163.                 <span class="fab fa-facebook-f btn-icon__inner"></span>
  164.               </a>
  165.             </li>
  166.             <li class="list-inline-item">
  167.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  168.                 <span class="fab fa-google btn-icon__inner"></span>
  169.               </a>
  170.             </li>
  171.             <li class="list-inline-item">
  172.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  173.                 <span class="fab fa-twitter btn-icon__inner"></span>
  174.               </a>
  175.             </li>
  176.             <li class="list-inline-item">
  177.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  178.                 <span class="fab fa-github btn-icon__inner"></span>
  179.               </a>
  180.             </li>
  181.           </ul>
  182.         </div>
  183.         <!-- End Share Social Networks -->
  184.  
  185.         <!-- Info -->
  186.         <div class="mb-4">
  187.           <h2 class="h1 text-white font-weight-semi-bold mb-3"
  188.               data-scs-animation-in="fadeInUp">The top 30 self-improvement goals we never get around to achieving</h2>
  189.           <p class="text-white-70 mb-7"
  190.              data-scs-animation-in="fadeInUp">Travelling, getting out of debt and writing will among goals most commonly deferred, according to survey</p>
  191.         </div>
  192.         <a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
  193.            data-scs-animation-in="fadeInUp">Read More</a>
  194.         <!-- End Info -->
  195.       </article>
  196.     </div>
  197.     <!-- End Hero News -->
  198.   </div>
  199. </div>
  200. <!-- End Hero Section --><!-- Hero Section -->
  201. <div class="js-slick-carousel u-slick u-slick--equal-height"
  202.      data-fade="true"
  203.      data-infinite="true"
  204.      data-autoplay="true"
  205.      data-speed="10000"
  206.      data-pagi-classes="text-center u-slick__pagination u-slick__pagination--white position-absolute right-0 bottom-0 left-0 mb-4 mb-0">
  207.   <div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img7.jpg);">
  208.     <!-- Hero News -->
  209.     <div class="container d-lg-flex align-items-lg-center">
  210.       <article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
  211.                data-scroll-effect="smoothFadeToBottom"
  212.                data-scroll-effect-speed="500">
  213.         <!-- Share Social Networks -->
  214.         <div data-scs-animation-in="fadeInUp">
  215.           <ul class="list-inline mb-4">
  216.             <li class="list-inline-item">
  217.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  218.                 <span class="fab fa-facebook-f btn-icon__inner"></span>
  219.               </a>
  220.             </li>
  221.             <li class="list-inline-item">
  222.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  223.                 <span class="fab fa-google btn-icon__inner"></span>
  224.               </a>
  225.             </li>
  226.             <li class="list-inline-item">
  227.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  228.                 <span class="fab fa-twitter btn-icon__inner"></span>
  229.               </a>
  230.             </li>
  231.             <li class="list-inline-item">
  232.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  233.                 <span class="fab fa-github btn-icon__inner"></span>
  234.               </a>
  235.             </li>
  236.           </ul>
  237.         </div>
  238.         <!-- End Share Social Networks -->
  239.  
  240.         <!-- Info -->
  241.         <div class="mb-4">
  242.           <h1 class="text-white font-weight-semi-bold mb-3"
  243.               data-scs-animation-in="fadeInUp">2018's Most Relaxing and Affordable Vacations</h1>
  244.          <p class="text-white-70 mb-7"
  245.             data-scs-animation-in="fadeInUp">At Wake, our mission has always been focused on bringing openness and transparency to the design process.</p>
  246.        </div>
  247.        <a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
  248.           data-scs-animation-in="fadeInUp">Read More</a>
  249.        <!-- End Info -->
  250.      </article>
  251.    </div>
  252.    <!-- End Hero News -->
  253.  </div>
  254.  
  255.  <div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img6.jpg);">
  256.    <!-- Hero News -->
  257.    <div class="container d-lg-flex align-items-lg-center">
  258.      <article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
  259.               data-scroll-effect="smoothFadeToBottom"
  260.               data-scroll-effect-speed="500">
  261.        <!-- Share Social Networks -->
  262.        <div data-scs-animation-in="fadeInUp">
  263.          <ul class="list-inline mb-4">
  264.            <li class="list-inline-item">
  265.              <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  266.                <span class="fab fa-facebook-f btn-icon__inner"></span>
  267.              </a>
  268.            </li>
  269.            <li class="list-inline-item">
  270.              <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  271.                <span class="fab fa-google btn-icon__inner"></span>
  272.              </a>
  273.            </li>
  274.            <li class="list-inline-item">
  275.              <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  276.                <span class="fab fa-twitter btn-icon__inner"></span>
  277.              </a>
  278.            </li>
  279.            <li class="list-inline-item">
  280.              <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  281.                <span class="fab fa-github btn-icon__inner"></span>
  282.              </a>
  283.            </li>
  284.          </ul>
  285.        </div>
  286.        <!-- End Share Social Networks -->
  287.  
  288.        <!-- Info -->
  289.        <div class="mb-4">
  290.          <h2 class="h1 text-white font-weight-semi-bold mb-3"
  291.              data-scs-animation-in="fadeInUp">Bonded by science: researchers describe their nerdy proposals</h2>
  292.          <p class="text-white-70 mb-7"
  293.             data-scs-animation-in="fadeInUp">For Valentine's Day, Nature collects tales of romance in research.</p>
  294.         </div>
  295.         <a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
  296.            data-scs-animation-in="fadeInUp">Read More</a>
  297.         <!-- End Info -->
  298.       </article>
  299.     </div>
  300.     <!-- End Hero News -->
  301.   </div>
  302.  
  303.   <div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img8.jpg);">
  304.     <!-- Hero News -->
  305.     <div class="container d-lg-flex align-items-lg-center">
  306.       <article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
  307.                data-scroll-effect="smoothFadeToBottom"
  308.                data-scroll-effect-speed="500">
  309.         <!-- Share Social Networks -->
  310.         <div data-scs-animation-in="fadeInUp">
  311.           <ul class="list-inline mb-4">
  312.             <li class="list-inline-item">
  313.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  314.                 <span class="fab fa-facebook-f btn-icon__inner"></span>
  315.               </a>
  316.             </li>
  317.             <li class="list-inline-item">
  318.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  319.                 <span class="fab fa-google btn-icon__inner"></span>
  320.               </a>
  321.             </li>
  322.             <li class="list-inline-item">
  323.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  324.                 <span class="fab fa-twitter btn-icon__inner"></span>
  325.               </a>
  326.             </li>
  327.             <li class="list-inline-item">
  328.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  329.                 <span class="fab fa-github btn-icon__inner"></span>
  330.               </a>
  331.             </li>
  332.           </ul>
  333.         </div>
  334.         <!-- End Share Social Networks -->
  335.  
  336.         <!-- Info -->
  337.         <div class="mb-4">
  338.           <h2 class="h1 text-white font-weight-semi-bold mb-3"
  339.               data-scs-animation-in="fadeInUp">Tree rings reveal increased fire risk for southwestern US</h2>
  340.           <p class="text-white-70 mb-7"
  341.              data-scs-animation-in="fadeInUp">Historical record points to climate patterns that could prime the region for an intense fire season.</p>
  342.         </div>
  343.         <a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
  344.            data-scs-animation-in="fadeInUp">Read More</a>
  345.         <!-- End Info -->
  346.       </article>
  347.     </div>
  348.     <!-- End Hero News -->
  349.   </div>
  350.  
  351.   <div class="js-slide gradient-overlay-half-primary-v1 bg-img-hero space-3 min-height-lg-100vh" style="background-image: url(../../assets/img/1920x800/img9.jpg);">
  352.     <!-- Hero News -->
  353.     <div class="container d-lg-flex align-items-lg-center">
  354.       <article class="js-scroll-effect position-relative w-lg-60 text-center mx-lg-auto"
  355.                data-scroll-effect="smoothFadeToBottom"
  356.                data-scroll-effect-speed="500">
  357.         <!-- Share Social Networks -->
  358.         <div data-scs-animation-in="fadeInUp">
  359.           <ul class="list-inline mb-4">
  360.             <li class="list-inline-item">
  361.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  362.                 <span class="fab fa-facebook-f btn-icon__inner"></span>
  363.               </a>
  364.             </li>
  365.             <li class="list-inline-item">
  366.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  367.                 <span class="fab fa-google btn-icon__inner"></span>
  368.               </a>
  369.             </li>
  370.             <li class="list-inline-item">
  371.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  372.                 <span class="fab fa-twitter btn-icon__inner"></span>
  373.               </a>
  374.             </li>
  375.             <li class="list-inline-item">
  376.               <a class="btn btn-sm btn-icon btn-soft-light btn-bg-transparent rounded-circle" href="#">
  377.                 <span class="fab fa-github btn-icon__inner"></span>
  378.               </a>
  379.             </li>
  380.           </ul>
  381.         </div>
  382.         <!-- End Share Social Networks -->
  383.  
  384.         <!-- Info -->
  385.         <div class="mb-4">
  386.           <h2 class="h1 text-white font-weight-semi-bold mb-3"
  387.               data-scs-animation-in="fadeInUp">The top 30 self-improvement goals we never get around to achieving</h2>
  388.           <p class="text-white-70 mb-7"
  389.              data-scs-animation-in="fadeInUp">Travelling, getting out of debt and writing will among goals most commonly deferred, according to survey</p>
  390.         </div>
  391.         <a class="btn text-primary btn-white btn-pill btn-wide transition-3d-hover" href="../blog/single-article-classic.html"
  392.            data-scs-animation-in="fadeInUp">Read More</a>
  393.         <!-- End Info -->
  394.       </article>
  395.     </div>
  396.     <!-- End Hero News -->
  397.   </div>
  398. </div>
  399. <!-- End Hero Section -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement