ie intro

ie-intro.markdown

ie intro

A Pen by Sergio Peña on CodePen.

License.

index.html

<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ducimus voluptates libero maiores vitae omnis nihil, inventore culpa sapiente nobis corrupti, quidem ex eos officiis quo necessitatibus error dolor laboriosam odit.</p>
<p>Facere ipsam, eum pariatur aperiam ipsa quidem sint deserunt beatae consectetur quis minus, ad asperiores mollitia fugit repellendus tenetur non molestias autem labore consequuntur error aliquid, ab iusto delectus? Quae!</p>
<p>Eaque voluptatum, modi dolorem optio sunt eos. Cumque deserunt eius ex minus repellendus fugiat in nesciunt qui voluptate quis, mollitia tempora ullam adipisci id cum culpa ipsa. Consectetur, harum voluptatum.</p>
<p>Explicabo incidunt fugiat fugit in inventore, quasi ut eligendi quaerat delectus necessitatibus nam quisquam ipsam, recusandae iste voluptatem similique, odio id eum maxime repudiandae sed? Labore harum facilis numquam nostrum?</p>
<p>Dolorem libero ex saepe vitae assumenda? Nisi dolorem quis nostrum dolorum quo, deleniti necessitatibus accusantium totam culpa at beatae rerum, vero quas illo minima officia atque error fugit fugiat. Et!</p>
<p>Neque sint quam hic soluta, dolore minima obcaecati voluptate. Fuga aspernatur rem in voluptas excepturi ad rerum corporis porro ab? Distinctio cupiditate hic voluptatum laudantium soluta quis repellat temporibus possimus.</p>
<p>Aliquam eos inventore minima corrupti vitae doloribus officia laborum porro! Accusantium unde pariatur officia eveniet fugit, commodi maxime ea harum adipisci aperiam praesentium aliquid repellat non incidunt. Deleniti, numquam ex?</p>
<p>Fugit eos beatae aliquam excepturi, recusandae aspernatur voluptatum debitis perspiciatis labore nostrum tempore. Voluptas sed earum accusantium illum dolor tempore ab reprehenderit odio sequi quae reiciendis asperiores qui, quod aspernatur.</p>
<p>Maxime ratione officiis ullam labore! Odio at quae blanditiis quidem corrupti, facere odit assumenda ea ducimus autem sit aut excepturi, in id. Autem ea nostrum culpa placeat illo totam impedit!</p>
<p>Voluptate iure soluta tenetur quia, quidem alias tempore mollitia. Nam soluta, autem debitis ad dicta nemo voluptatem quas neque quibusdam officia et officiis temporibus modi molestiae, culpa, quisquam fuga deleniti.</p>
<p>Est, corrupti! Sunt alias voluptas cumque nam. Deleniti accusantium molestiae ratione corrupti nisi id excepturi non nam ab illo. Eum, at. Architecto voluptatum sequi suscipit debitis beatae nesciunt itaque molestiae.</p>
<p>Ut illum quam cum nam corrupti aspernatur deleniti? Provident nostrum, sit quis labore sapiente consequuntur delectus officiis minima! Aliquid quaerat eos quae veritatis asperiores hic ex atque molestiae reprehenderit ipsam.</p>
<p>Repudiandae eaque cum, beatae ratione officia adipisci sit animi expedita nesciunt illum, inventore nobis quo? Eligendi facilis veniam, necessitatibus impedit, officiis architecto iusto tenetur a, ex atque voluptatibus optio voluptatem!</p>
<p>Nostrum cupiditate, animi possimus provident, perferendis facilis voluptatem quae quas nemo eligendi inventore repellendus magnam sequi hic, pariatur nesciunt eius ut tempore nobis ipsam est ex? Rem tempore veniam id.</p>
<p>Temporibus quas, expedita unde maiores officia voluptate deleniti sed id possimus veniam fugiat itaque quia! Laborum deleniti culpa repudiandae illum adipisci illo exercitationem quis non excepturi voluptatum, perspiciatis aspernatur esse?</p>
<p>Ipsa consequuntur officiis ipsam dolores impedit! Quia delectus soluta magnam explicabo voluptate voluptas corrupti distinctio nam pariatur optio placeat perspiciatis quibusdam esse, non natus sint accusantium reiciendis unde repellendus vel?</p>
<p>Cumque commodi, ullam exercitationem delectus distinctio repudiandae dolore officiis veritatis tenetur quis sit officia at labore hic obcaecati soluta, corrupti autem molestiae eaque. Obcaecati, est consequuntur. Dolore laudantium consequuntur fuga.</p>
<p>Officiis facilis autem, consequuntur facere quo, blanditiis quisquam repudiandae obcaecati dignissimos quas commodi. Repellendus, veniam unde, placeat ducimus eum vero quis eius ex corporis amet soluta, laudantium ratione tenetur cupiditate.</p>
<p>Eveniet corporis doloribus ad deleniti laboriosam, alias aspernatur inventore omnis accusantium ipsam nulla fugiat quaerat enim ex tenetur nobis perspiciatis doloremque obcaecati! Quisquam aspernatur ipsam ipsa sequi totam? Non, ad!</p>
<p>Possimus reiciendis omnis reprehenderit architecto enim aliquam excepturi similique debitis error in impedit fugiat laudantium consequatur earum beatae unde ut id facilis maiores, eligendi dolor nesciunt dignissimos eius. Et, iusto!</p>
<p>Illo quaerat eum ut vel incidunt exercitationem totam voluptates inventore nostrum aspernatur molestias eligendi architecto quisquam ipsa fuga minus consectetur, consequatur at? Perferendis quas porro, quia voluptatibus quos libero nostrum!</p>
<p>Incidunt fugiat sint soluta! Modi ipsum earum eaque fugit consequuntur maxime quo quasi, ex esse voluptatum placeat doloribus, veniam officia ducimus obcaecati laboriosam laudantium sint tempora odio deleniti blanditiis aliquam?</p>
<p>Non quo ab magnam fugit, animi quia dolorem atque repudiandae earum enim quos, veniam quam nesciunt autem deserunt! Optio quo dignissimos velit fugiat perspiciatis! Molestias voluptate odio dolorem repellendus incidunt.</p>
<p>Officiis minima, amet nulla molestias excepturi repudiandae unde saepe id blanditiis hic dolorum suscipit, expedita a? Enim recusandae nisi magni quidem? Facilis accusamus veritatis perspiciatis laborum quasi saepe quo perferendis.</p>
<p>Modi praesentium minus nulla doloribus id cum omnis ea sequi accusamus. Sequi nisi laudantium et eligendi minus, nesciunt voluptatum beatae, animi sed magnam praesentium possimus. Distinctio voluptas consequatur ipsum voluptatem.</p>
<p>Maiores, laborum cumque. Corrupti architecto blanditiis quo tenetur quam voluptatibus molestias reiciendis laboriosam repudiandae, culpa, veritatis dicta facilis fugit quidem veniam aperiam, ut deleniti nesciunt. Dolorem nostrum sequi veritatis delectus.</p>
<p>Ad, molestiae magni natus fugiat officia, a harum mollitia, maxime deserunt molestias iste delectus pariatur quia doloremque assumenda laborum laudantium! Et vel veniam similique assumenda nesciunt. Earum omnis nemo quod.</p>
<p>Similique rerum explicabo voluptatum nobis aut, molestias praesentium omnis inventore debitis obcaecati maxime perferendis veritatis quidem repudiandae deleniti. Ipsam quam explicabo adipisci, quas ut hic enim ea corporis nulla voluptas?</p>
<p>Est inventore et voluptates dolor sequi unde repudiandae ratione aliquid molestiae autem a nihil laborum doloremque reprehenderit hic modi esse enim velit labore tempora, explicabo quas, sint animi magni! Expedita.</p>
<p>Sit animi sapiente repellat iure corrupti at fugiat cupiditate eos quam soluta possimus libero laboriosam consequuntur, dolore fuga culpa. Tenetur itaque atque numquam! Animi rerum quaerat velit soluta quos praesentium.</p>
<p>Dicta, fuga. Explicabo natus atque error hic rem, alias harum perferendis maxime expedita minus et quibusdam provident minima at ullam labore quisquam architecto dolor exercitationem quasi excepturi magnam? Laudantium, nulla.</p>
<p>Rerum ex sit vero nam quasi aliquam necessitatibus ut distinctio dignissimos. Quod repellendus nisi earum ex consequuntur officiis atque saepe, voluptatibus dolor corrupti culpa suscipit unde deleniti dicta magni reprehenderit.</p>
<p>Fugit deleniti omnis harum nesciunt, molestias quas consectetur dolore ipsam vero sunt facere hic dicta quasi itaque cupiditate vel, amet sapiente pariatur laboriosam eum. Ducimus quasi ad ipsa aut laborum!</p>
<p>Facilis, nulla perferendis? Quo eos dolor numquam debitis accusantium quam non totam ad expedita ipsam, repellat laudantium. Consectetur error, aspernatur quae non eveniet velit. Voluptatibus mollitia repellat quibusdam vero reiciendis.</p>
<p>Consectetur quaerat aliquam harum dicta molestiae placeat amet vero enim? Dolorum alias adipisci veritatis quisquam repudiandae exercitationem fuga harum obcaecati nostrum. Porro incidunt molestiae excepturi accusantium, maxime delectus suscipit reiciendis.</p>
<p>In aut maxime hic velit, mollitia nisi autem officiis, blanditiis quia doloremque neque itaque reprehenderit. At optio, sint et fugiat corrupti, magnam unde voluptates necessitatibus possimus eos nisi facere earum!</p>
<p>Doloremque autem magni excepturi totam sed ut id placeat accusamus illo tempore, laudantium delectus reiciendis, voluptatum similique aut voluptas dolorum? Rerum quam provident dolorum repudiandae quia ex natus at consequatur?</p>
<p>Doloribus laudantium adipisci laboriosam praesentium, ratione mollitia minima vitae corrupti quos voluptate ut quidem? Maiores, in voluptatibus eum consectetur quos minima obcaecati aliquid voluptatem maxime porro. Ex exercitationem veniam velit.</p>
<p>Quasi, voluptatum. Similique aut animi doloremque molestias non itaque assumenda, soluta voluptate rerum ea numquam dolorem quae fugit! Consectetur nemo quisquam quaerat optio id adipisci vitae et. Ad, reprehenderit reiciendis.</p>
<p>Tempora autem fugit explicabo incidunt illum voluptates quaerat a beatae. Excepturi dolore obcaecati cupiditate cum perspiciatis quae dolor numquam et odit iusto iure vel, officiis iste libero impedit accusamus aliquam!</p>
<p>Aspernatur rerum, quos iste fugiat praesentium, nemo ratione quaerat modi officia minima et temporibus molestiae! Dolorum ipsam culpa saepe sint ex possimus illum maxime. Eveniet quae maxime obcaecati fugit praesentium.</p>
<p>Iure quasi, tempore expedita fugiat non facilis natus repellendus accusamus ex exercitationem. Doloremque quis sunt repellendus delectus corrupti aspernatur molestias qui dolore velit, distinctio cupiditate impedit? Sequi laboriosam neque mollitia.</p>
<p>Recusandae eum tenetur accusantium incidunt inventore officia. Eveniet deleniti aliquid expedita pariatur at non possimus adipisci tempore sunt velit, temporibus fugit! Repellendus molestiae velit ipsum quod reprehenderit odit vero dolore.</p>
<p>Quis eveniet molestiae culpa perspiciatis saepe, et est debitis vitae aut ratione corporis in voluptatum sed, vero quam nostrum nesciunt nihil iusto illo ducimus similique, error velit sapiente ullam! Nihil.</p>
<p>Praesentium odit ipsa ipsum quis a quasi maxime quos exercitationem! Magni nihil cumque suscipit vitae voluptates delectus, tempore aspernatur odio quidem est aliquam soluta placeat nobis temporibus accusantium vel expedita!</p>
<p>Repellendus voluptates, porro nobis harum molestias distinctio nulla ea quod incidunt possimus eligendi ad accusantium asperiores voluptatibus doloremque id veniam ipsam similique mollitia totam nam est. Ratione, unde fugiat. Aut?</p>
<p>Dolor officia accusantium consequuntur voluptate eius aliquid earum fugiat aspernatur consectetur, numquam eligendi neque ea voluptates minima in vel natus quae asperiores quas veniam quasi aut repellat. Tempore, aliquam velit!</p>
<p>Beatae repudiandae libero corporis. Distinctio expedita atque dolorum similique reiciendis quas quam nisi, officiis, necessitatibus, ullam tempora tenetur blanditiis modi dignissimos mollitia voluptatum saepe nemo eos corrupti. A, necessitatibus dignissimos.</p>
<p>Numquam exercitationem consequuntur dignissimos possimus id, et nihil atque aperiam consectetur provident maiores quos sequi ad nesciunt eius doloribus enim aspernatur non, aut velit esse voluptatibus eum! Labore, rerum esse.</p>
<p>Enim nihil vel nobis quasi suscipit voluptates unde dicta doloremque! Placeat commodi sunt deleniti exercitationem asperiores nihil, veniam assumenda fuga facere maxime sequi provident quae ducimus aut. Obcaecati, sequi commodi.</p>
<p>Neque, optio sit. Fugit provident ipsa, cumque harum vero esse autem pariatur nam magnam a, voluptatum accusantium eius hic deserunt. Ipsa officiis itaque possimus, eveniet nemo tempore ipsum laudantium iste!</p>
<p>Ut sit quasi quia facere exercitationem, similique ab harum! Recusandae incidunt dignissimos, vel beatae assumenda quisquam quas exercitationem porro repellendus quasi non laboriosam tempora blanditiis omnis ipsum commodi dolore! Officiis.</p>
<p>Sed reiciendis sint quae minus enim esse, unde voluptates sequi optio sapiente soluta officia odio. Ipsum quae tempora, rem dignissimos, voluptates ad alias placeat temporibus voluptatem eum excepturi? Nisi, ea.</p>
<p>Hic corrupti magni, praesentium labore qui adipisci libero vitae quidem nobis, architecto sint eos placeat incidunt expedita perspiciatis. Aut soluta sit harum corrupti rerum? Suscipit assumenda facere magnam veniam non.</p>
<p>Voluptatum temporibus dolor aperiam quo deserunt voluptatem unde optio magni illum quis accusantium est velit molestiae rem cumque, deleniti adipisci perspiciatis nulla enim inventore. Dolor iste ab earum sit aliquam.</p>
<p>Dolor sint similique debitis architecto! Itaque deserunt sint asperiores adipisci consequuntur. Deserunt non cumque pariatur repellat optio, voluptas vel reprehenderit facilis quae, hic voluptates inventore architecto aliquid necessitatibus cupiditate omnis!</p>
<p>Incidunt, magni ducimus molestias illum aperiam nobis facilis officia debitis temporibus voluptas fuga ipsam necessitatibus alias non, earum est eveniet culpa provident eligendi. Commodi quia voluptas aliquam ex temporibus doloribus.</p>
<p>Quae modi repellendus tempore illum officia atque iste quaerat incidunt eum, accusantium ut at veritatis quos facere ducimus nesciunt expedita id culpa doloremque nulla. Rerum non aut officia doloribus accusamus.</p>
<p>Rerum ex odit id voluptas. Corporis ipsa quae sapiente doloremque tempore consequatur laudantium? Adipisci corrupti reprehenderit vero molestiae numquam autem rem omnis, doloribus ut libero illo accusamus voluptatem quas neque.</p>
<p>Dicta accusantium deserunt tempora beatae quidem doloremque nesciunt et fugiat. Similique iusto voluptatem at, necessitatibus, unde veniam consectetur deleniti animi esse quo sint ut? Sint dolor nisi vero culpa suscipit.</p>
<p>Quasi porro esse consequuntur nesciunt, facilis expedita reprehenderit voluptate. Deleniti, veritatis! Nam a nulla officiis doloremque, harum aliquam nostrum dolorum neque accusantium aspernatur doloribus fugit magni corporis asperiores! Quibusdam, facere.</p>
<p>Distinctio iure voluptatum ullam temporibus quidem in labore voluptates eligendi quo repellat illum perferendis eius, expedita cum veritatis necessitatibus id quos exercitationem vero sequi? Fuga aliquam molestiae voluptas quis. Praesentium.</p>
<p>Delectus sit ea atque possimus, dicta nesciunt rerum culpa cumque dolores ab quidem mollitia quos, animi facilis minus obcaecati, fugiat labore non ipsa perspiciatis aliquam nulla iure. A, suscipit nihil!</p>
<p>Labore ex ea quam, tempora aliquam hic quia, ratione fugiat exercitationem quibusdam porro commodi earum necessitatibus officia eum non! Nesciunt, nisi blanditiis? At a provident quo placeat, veritatis enim ducimus!</p>
<p>Incidunt ipsa consequuntur nobis at omnis possimus? Incidunt consequatur ex veniam itaque qui maiores pariatur porro eveniet est cupiditate maxime, officiis quam fugit distinctio harum nostrum minus! Nulla, sint consequatur?</p>
<p>Ipsum unde sed earum fugiat sapiente vero est officiis reiciendis exercitationem quam recusandae nobis odit, sint quas ipsam natus possimus? Qui possimus necessitatibus voluptatem. Modi, explicabo? Facere esse illum ducimus?</p>
<p>Labore nemo possimus obcaecati saepe fugiat provident voluptatem a quisquam, autem repellendus architecto, eaque temporibus beatae blanditiis at necessitatibus nisi aliquid sint voluptatum aut. Earum nostrum fugiat praesentium quos autem.</p>
<p>Repudiandae minus nostrum possimus eveniet aut quae animi maiores hic, totam nobis quasi aspernatur perferendis inventore vitae voluptatum, qui, repellat dolorem ipsum beatae cum sit. Autem officia deleniti illo minus?</p>
<p>Distinctio eum ipsa nobis error velit amet accusamus minima nam molestiae ad dolores dolorum quibusdam et, maxime voluptatibus, similique voluptatum! Animi placeat et impedit quaerat ab incidunt porro facilis debitis.</p>
<p>Quod doloremque maxime atque ad, amet deserunt quia maiores nobis ipsa. Accusamus, odio eligendi earum doloribus soluta quae fugiat, iusto minima saepe quia molestias quas eum non, cum corporis exercitationem.</p>
<p>Delectus asperiores ad ullam recusandae! Suscipit explicabo velit esse culpa non magnam tempora aliquam recusandae illum itaque repellendus minus deleniti doloribus sint, quod dolorum quos incidunt odit laborum maiores! Eius?</p>
<p>Deserunt et atque veniam reprehenderit, earum qui quas dolore repellendus similique ex nemo placeat voluptate itaque sequi explicabo. Delectus iste eum cumque incidunt sunt numquam at nulla saepe labore voluptates!</p>
<p>Ipsam soluta earum architecto dolorem harum fugiat aut, omnis ducimus temporibus sint cum magni commodi quam nobis corrupti nesciunt facere distinctio! Molestiae dicta blanditiis iusto earum magnam sed dolorem eius.</p>
<p>Eveniet voluptatem iste voluptates a iure tempore itaque? Impedit perferendis id molestiae expedita! Voluptatum ipsa error atque inventore quae mollitia, tempora, architecto sunt non earum fugiat beatae deleniti. Enim, at.</p>
<p>Nam omnis ipsa iusto ratione a! Nesciunt non, beatae amet eligendi ipsum mollitia quia impedit? Quos possimus maiores ratione minima aliquam assumenda alias non est iste, laudantium ducimus magni consequuntur.</p>
<p>Voluptatibus velit aliquid quisquam nisi dolores, est a iure magni architecto ratione pariatur? Aliquid consequuntur omnis nostrum dolorum nulla aut illum velit? Veritatis eius quibusdam, eaque laborum voluptatum quis odio!</p>
<p>Quis nesciunt ea dolorem ratione molestiae obcaecati suscipit, consectetur similique quod possimus consequatur quidem illo adipisci quisquam voluptas nihil repudiandae, in perferendis repellendus laboriosam assumenda quo! Quo dolorem eius temporibus.</p>
<p>Corrupti consequatur, cum veniam tenetur, neque incidunt voluptatum, nemo fugit recusandae labore beatae animi? Porro libero iusto dolores, consequatur doloribus pariatur, obcaecati nihil molestiae provident eaque deserunt. Amet, adipisci nobis!</p>
<p>Libero molestias dolorum facere perspiciatis reprehenderit voluptates fugiat nisi quod molestiae soluta ratione exercitationem consequuntur, adipisci facilis dolore, consectetur aperiam earum vel sit numquam eaque magnam? Temporibus porro ad exercitationem?</p>
<p>Suscipit exercitationem rem asperiores possimus natus adipisci sit, aspernatur tempore, tenetur quaerat error quasi itaque assumenda, nam excepturi sequi ut. Quos, minus. Odio libero aliquid dolorum perferendis, ex earum temporibus.</p>
<p>Deleniti neque, animi veniam asperiores placeat illum laudantium assumenda eius quibusdam exercitationem dicta cumque accusamus inventore delectus. Voluptatem voluptatibus accusantium, facere ea, quae maiores possimus dolorem aut porro et sequi.</p>
<p>Corporis nobis vel impedit! Eum fugit corrupti sed quod! Quae saepe blanditiis culpa molestias quisquam ab adipisci omnis incidunt perspiciatis est dignissimos recusandae consequuntur totam, atque debitis, voluptatum nobis eligendi?</p>
<p>Temporibus impedit nesciunt cumque! Ad, atque perferendis aut ea consectetur laudantium natus omnis eius sed! Velit quia sunt animi doloremque perspiciatis fuga enim? Rerum, incidunt maxime suscipit a delectus ipsum.</p>
<p>Labore provident exercitationem delectus sed. Sunt debitis asperiores tenetur porro quisquam consequuntur esse culpa enim possimus tempore, quae aliquid, commodi iure harum labore libero placeat ad cumque? Asperiores, exercitationem dolores!</p>
<p>Quos ipsam impedit quas quibusdam nostrum aliquam quasi assumenda? Aut esse dolorem at suscipit unde! Ea repellat culpa temporibus odit nihil, nulla mollitia itaque dolor modi alias eius perferendis voluptatem.</p>
<p>Numquam distinctio aspernatur enim placeat ipsam esse nemo fugiat, commodi non beatae, architecto labore mollitia modi sed? Libero odio enim, dolor ab a tenetur blanditiis provident recusandae nam assumenda saepe?</p>
<p>Aliquam consequatur nam, ratione quam ab beatae, corporis voluptatibus, voluptate sapiente iste ipsam illo excepturi! Cum beatae impedit eligendi modi aperiam iusto labore assumenda, reprehenderit quia blanditiis totam ex reiciendis.</p>
<p>Deserunt tempore esse ea tenetur et aspernatur. Ab nesciunt aperiam harum aspernatur, error architecto! Non expedita vel quos nemo ad molestiae necessitatibus at voluptates asperiores facere autem, libero eius similique.</p>
<p>Consequatur, aliquid alias nemo sed ad doloribus ratione sint dignissimos veritatis perferendis nulla modi doloremque aperiam earum! Quod adipisci ad est commodi odit repellendus provident voluptatum voluptates unde cumque! Nam?</p>
<p>Autem id pariatur culpa aliquid animi enim, maxime aperiam optio at sit alias nisi blanditiis quasi, assumenda iusto aut ex sint nulla voluptatem quam, soluta velit asperiores! Sed, magnam ratione!</p>
<p>Nemo libero at illo molestiae laborum deleniti! Consequatur aliquid vitae corrupti ducimus repudiandae non. Ad eveniet, molestias, officiis omnis eligendi tenetur reiciendis maiores quam accusantium dolore, laudantium aliquid odio quo.</p>
<p>Neque, nihil perspiciatis beatae nesciunt dolore inventore quod in eligendi ipsam facere officiis dolor nam qui laudantium iure impedit, tempora obcaecati veniam accusamus iste alias earum fugiat odio! Sunt, magnam?</p>
<p>Voluptatibus cupiditate harum beatae enim autem itaque, quod commodi modi in deserunt ipsum eaque repellat suscipit quas non pariatur cumque placeat sed inventore a alias. Explicabo voluptatum consectetur voluptates magnam?</p>
<p>Quidem tempore sint, alias est dolor culpa minus exercitationem sunt enim ducimus assumenda. Voluptate voluptates distinctio, aspernatur alias magni architecto quibusdam hic vitae cum. Perferendis asperiores maxime corporis nisi porro?</p>
<p>Cumque pariatur totam tempore amet atque blanditiis quas beatae adipisci, fugiat rerum quidem nam voluptatem! Nihil, iste eligendi sunt veniam unde mollitia inventore at earum ut reprehenderit? Nostrum, cupiditate! Cum!</p>
<p>Excepturi necessitatibus assumenda officia ipsa eaque temporibus ad itaque? Delectus tempora, dolorum necessitatibus architecto voluptas qui veritatis! Quod, esse dolor soluta tenetur officia, eos reiciendis maxime vel ullam quo ut?</p>
<p>Itaque quos fuga, molestias at laudantium sunt nisi animi consectetur, voluptate rem rerum? Fugiat quasi quam deleniti ea, facilis magni error! Facilis, aliquid repellat ullam eligendi et vel suscipit nostrum.</p>
<p>Soluta quas sequi maxime iure, at fugiat deserunt mollitia similique quis rem nam minus? Natus tempora ut fugit? Velit consequuntur praesentium nisi aperiam pariatur iusto amet cum officia harum aut.</p>
<p>Veniam officiis suscipit numquam quia. Recusandae perferendis, officiis accusantium eaque voluptatem amet quasi eveniet odio repellendus earum beatae cumque placeat aliquam voluptate fuga! Reprehenderit eos ratione facilis ut minima modi.</p>
<p>Nesciunt, ipsa ea quibusdam ipsum, cupiditate consectetur, alias quo assumenda nisi voluptas eum quas ut? Autem cupiditate labore dolorem molestias, sunt delectus excepturi earum odit veritatis porro. Sit, minus iusto.</p>


<div class="ie-intro">
  <div class="ie-intro__container">
    <video id="ie-video" autoplay muted>
      <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
  </div>
</div>

script.js

$(document).ready(function() {
  $('#ie-video').on('ended', function () {
    console.log('Video ended')
    $('.ie-intro').addClass('slide-up');
  })
});

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

style.scss

* {
  &,
  &:before,
  &:after {
    box-sizing: border-box;
  }
}

.ie-intro {
  background-color: skyblue;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
  &.slide-up {
    transform: translateY(-100vh);
  }
}

.ie-intro__container {
  border: 1px solid red;
  width: 80%;
  max-width: 900px;
  
  video {
    display: block;
    max-width: 100%;
    width: 100%;
  }
}