Loading

MacOS High Sierra 2 Column Parallax

Here'a replica of the 2 column parallax effect like in the Apple MacOS High Sierra Website. Show some love and feel free to give me some feedback! Thanks.

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>MacOS High Sierra  2 Column Parallax</title>
  
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">

  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <div class="container">
  <div class="row">
     <img src="https://images.apple.com/macos/high-sierra/overview/hero/image_xlarge_2x.jpg" class="img-responsive" />
  </div>
  <div class="row">
    <div class="col-md-offset-1 col-md-10">
      <div class="top_text">
       
        <p>
          Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
          vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar consectetur.
          Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
        </p>
        <p>
          Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
          orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
        </p>
        <p>
          Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
          scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
          commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
          condimentum nisi. Praesent fringilla augue vel elementum auctor.
        </p>
      </div>
    </div>
  </div>
</div>
<section id="main">
  <div class="container">
    <div class="row parallax">
      <div class="col-xs-6" id="left">
        <div  class="column">
          <div class="panel-group" id="accordion">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/410/320/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/210/340/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/400/314/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/210/300/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/236/300/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/205/300/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/200/321/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/252/300/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/211/500/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/432/445/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/212/430/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/384/561/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/213/452/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/231/435/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/241/323/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/210/330/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/240/400/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/420/300/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/454/300/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/246/301/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/243/380/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/300/400/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/205/300/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/210/300/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
          </div>
        </div>
      </div>
      <div class="col-xs-6" id="right">
        <div >
          <div class="panel-group" id="accordion">
            <p>	      <img src="https://unsplash.it/300/320/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/200/213/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/220/300/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/240/340/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/500/500/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/230/340/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/220/300/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/500/320/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/600/340/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/400/330/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/500/300/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
              sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
            </p>
            <p>	      <img src="https://unsplash.it/600/300/?random" class="img-responsive" alt="img"/>
              In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
              ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis
              sem.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
              vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar
              consectetur. Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
            </p>
            <p>	      <img src="https://unsplash.it/200/300/?random" class="img-responsive" alt="img"/>
              Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
              orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
            </p>
            <p>	      <img src="https://unsplash.it/220/300/?random" class="img-responsive" alt="img"/>
              Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
              scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
              commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
              condimentum nisi. Praesent fringilla augue vel elementum auctor.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="bottom_text">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
          sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
        </p>
        <p>
          In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
          ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis sem.
        </p>
        <p>
          Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
          vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar consectetur.
          Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
        </p>
        <p>
          Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
          orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
        </p>
        <p>
          Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
          scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
          commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
          condimentum nisi. Praesent fringilla augue vel elementum auctor.
        </p>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a pellentesque magna, ut ultricies quam. Sed bibendum ultricies venenatis. Proin faucibus nec ipsum quis efficitur. Maecenas congue magna vitae metus efficitur convallis. Lorem ipsum dolor
          sit amet, consectetur adipiscing elit. Donec dignissim ligula sed congue aliquet. Duis maximus venenatis orci, ut iaculis ante.
        </p>
        <p>
          In quis odio ut metus ullamcorper commodo. Aenean lacinia venenatis ex, vitae elementum diam venenatis id. Nulla molestie ultrices malesuada. Duis tristique elit a sapien porttitor sagittis. Proin sit amet est vitae neque commodo hendrerit. Ut non nunc
          ligula. Sed ac vestibulum risus. Suspendisse fermentum efficitur odio, nec faucibus ex dignissim id. Mauris sed maximus sem, nec elementum dui. Mauris lorem nulla, ultricies vitae justo sit amet, lacinia malesuada massa. Vivamus ac turpis sem.
        </p>
        <p>
          Cras venenatis venenatis consequat. Fusce neque justo, varius et ipsum non, imperdiet ullamcorper lacus. Cras at tempor nibh, quis volutpat odio. Vivamus elementum varius nisl et commodo. Integer ac sapien nulla. Integer rhoncus justo vitae felis laoreet,
          vel feugiat mi vehicula. Etiam porta, purus vitae auctor congue, tortor ex bibendum ex, a mollis quam urna quis orci. Morbi malesuada vestibulum aliquet. Duis eleifend lorem metus, at interdum elit maximus id. Aliquam efficitur pulvinar consectetur.
          Vivamus mauris est, iaculis sit amet justo ut, porta iaculis urna.
        </p>
        <p>
          Nulla eros odio, luctus ut justo sed, fringilla accumsan dolor. Etiam tincidunt dictum dictum. Maecenas in metus at dui dictum pharetra et eu risus. Curabitur nec ipsum non ex rutrum venenatis quis quis ex. Quisque facilisis mollis justo ac semper. Vivamus
          orci tellus, aliquam ut ipsum vitae, aliquam pretium leo. In nec accumsan metus.
        </p>
        <p>
          Proin molestie ante nisi, vel aliquet dolor vulputate in. Nullam enim purus, iaculis sit amet pretium ac, venenatis accumsan nibh. Donec at est sit amet enim vulputate lacinia non in diam. Donec non dapibus nunc. Curabitur quis urna eget diam consectetur
          scelerisque. Phasellus porta mollis ligula porttitor interdum. Nunc suscipit, diam quis tempor tempor, ligula augue gravida purus, eget pharetra lectus felis id ante. Donec semper quam nisi, sed lobortis felis convallis quis. Proin nec orci
          commodo, varius nunc ac, aliquet ipsum. Etiam accumsan neque id mi ullamcorper iaculis. Nam vehicula luctus neque, ac fermentum enim sodales ac. Duis pulvinar, libero id varius sollicitudin, lorem ligula malesuada ex, sed efficitur est lorem
          condimentum nisi. Praesent fringilla augue vel elementum auctor.
        </p>
      </div>
    </div>
  </div>
</div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>

    <script  src="js/index.js"></script>

</body>
</html>
/* Downloaded from https://ahoj.co.uk/ */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
  margin: 10px;
}
.top_text{
  margin-bottom:40px;
}
.top_text p{
  font-size: 16px;
  line-height:1.6;
}
#left p,
#right p {
  background: #f2f2f2;
  padding: 60px 50px;
  margin: 30px 0;
}

.bottom_text {
  padding: 10px;
  margin-top: 20px;
}

.header{
	background: #eb02a8; 
	color: #fff; 
	padding: 30px; 
	margin-bottom: 30px;
}
.header.header2{
	background: #0212eb; 
}
img{
  width:100%;
	margin: 30px auto;
	display: block;
}
/* Downloaded from https://ahoj.co.uk/ */


//calculate on load, resize, and Scroll        
$(window).on("load resize scroll",function(e){
	  var col1 = $("#left").outerHeight();
    var col2 = $("#right").outerHeight();
    var travel = col1 - col2;
    //top of columns
	  var topOfColumns = $('.parallax').offset().top;
    var columns = $('.parallax').outerHeight() - $(window).innerHeight();
	  var scrollInterval = columns / travel;
	  
  //where the magic happens
		var a = Math.round( ($(window).scrollTop() - topOfColumns ) / scrollInterval);
		//find the bottom of the right column and give a Bool (true)
		var b = $(window).scrollTop() >= $('#right').offset().top + $('#right').outerHeight() - window.innerHeight;

		//if the user scrolls to the top of the collumns and the user has not scrolled to the bottom of the right column
        if ($(window).scrollTop() >= topOfColumns && b == false ) {
	        $("#right").css({
	            "-webkit-transform": "translate3d(0px, " + a + "px, 0px)",
	           	   "-moz-transform": "translate3d(0px, " + a + "px, 0px)",
			   	        "-ms-transform": "translate3d(0px, " + a + "px, 0px)",
			   		       "-o-transform": "translate3d(0px, " + a + "px, 0px)",
			   		 	          transform: "translate3d(0px, " + a + "px, 0px)"
	        });
        }
        

});

This awesome code is write by Carlos1162, you can se more from this user in the personal repository