example.html

<!-- this is an example of the usage of this CSS library  --> 
<!-- link to repository: https://github.com/Dominik-developer/BaseFrame_CSS_library -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Example page for CSS library</title>
    <meta name="author" content="Dominik-developer">

    <!-- This link adds CSS library-->
    <link rel="stylesheet" type="text/css" href="https://dominik-developer.github.io/BaseFrame_CSS_library/index.css"> 
  
    <!-- Additional styles for exemple webiste -->
    <style>
        body {
            font-size: larger;
        }
    </style>

</head>
<body class="reader">
    <section id="container">
        <header>
            <h1>Real page example of  usage of CSS library</h1>
            <p>link to repository: <a href="https://github.com/Dominik-developer/BaseFrame_CSS_library">LINK</a></p>

            <div>  
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam minima suscipit pariatur, quibusdam quis facere alias commodi. Repudiandae odit vel similique laudantium soluta, a sint distinctio consequuntur recusandae. Veniam, sint! At ut dolorem obcaecati inventore dolores rerum magnam ex possimus voluptatibus aliquid, illo aperiam amet debitis quae et illum non aut quam aspernatur voluptas nam sequi provident! Officia error cumque dolor rem voluptatibus incidunt veniam aperiam ut placeat minima, eos sequi, laudantium ipsum fugit repudiandae delectus soluta similique, doloribus sapiente aut iste. Optio ab necessitatibus deleniti iusto itaque facere harum dolor nihil amet dicta placeat odio, autem tempora nobis repellendus?
            </div>
        </header>
        <main>
            <h2>This page is to show how this library works</h2>

            <h3> First section </h3>
                <section>
                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam adipisci distinctio repudiandae nemo esse unde sit, dolore nam accusantium quo veniam at vero minus ducimus dolor voluptas asperiores perferendis aspernatur. Dolor praesentium ipsam amet corporis fugiat? Doloribus quidem at possimus iste debitis omnis magni maxime repellat aperiam corrupti soluta rerum vel aspernatur odio praesentium repudiandae minima, ullam, labore eius exercitationem saepe ipsam libero iure? Obcaecati id optio beatae repellendus, enim incidunt possimus sed nam! Illo, placeat! Ducimus maxime adipisci molestias excepturi ipsum, iusto vel accusantium cumque expedita quam delectus harum culpa aliquam? Minus laborum quos assumenda saepe amet? Recusandae nisi dolore nobis, fugiat blanditiis fugit similique quasi maxime odio, placeat nesciunt veniam voluptates ipsa eum quos nihil consequatur sunt quis quisquam ex? Debitis at harum eos quas beatae corrupti ex, repellat eligendi doloremque perferendis. Quo at, eveniet, non ex dolor tempora obcaecati quos nam in explicabo tenetur ad expedita aspernatur. Beatae assumenda deleniti non harum optio quas soluta quam animi pariatur? Voluptatibus officia, quae soluta expedita placeat non quisquam. Delectus ab quaerat provident, laudantium reprehenderit, doloribus magnam error aperiam saepe ducimus quidem quod minus assumenda et. Nostrum facilis veritatis laudantium nesciunt quo harum, obcaecati debitis nisi. Dolorum, excepturi, iusto voluptas accusamus facilis blanditiis ad consectetur officia eos, harum a architecto unde amet optio officiis aliquid commodi. Illum eveniet doloribus, consequatur quo fuga reiciendis consequuntur natus, ducimus culpa enim sunt, praesentium perferendis explicabo et eligendi non? Architecto porro nisi modi cumque ratione, voluptatum placeat dolore. Nemo hic voluptate consectetur repellendus repellat id excepturi sapiente dolor at totam adipisci assumenda porro nisi enim quam corporis asperiores maiores dicta exercitationem quidem, eligendi possimus cupiditate sunt provident? Similique nulla excepturi a reiciendis debitis saepe. Consequuntur illum eaque fugiat earum adipisci, totam blanditiis sunt optio. Veniam est ut aliquam minus voluptatem saepe. Officiis, exercitationem quia.
                </section>

            <h3> Second section </h3>
                <section>
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit. At, assumenda. Quisquam iure commodi maxime? Incidunt nemo, aut blanditiis perspiciatis eum sed explicabo eius ea ratione aperiam, ipsum dolorem hic? Vitae, fuga. Perspiciatis amet, quia quod corrupti saepe laborum rerum harum totam? Repudiandae aliquid saepe asperiores, repellat nulla aspernatur eaque minima ad quibusdam corrupti modi inventore a? Ipsam hic fuga, architecto dolorem ab rerum, accusantium debitis voluptate sunt dolor, obcaecati vero perferendis labore laudantium! Atque magnam officiis corporis obcaecati id fugit quae placeat inventore quaerat expedita incidunt in rerum omnis autem, voluptate molestiae! Excepturi sed nesciunt accusamus quod iure quasi alias magnam eius reprehenderit, odit officia nisi, tempore nihil tempora molestias esse? Voluptatum vel ipsa explicabo adipisci nobis, vero laboriosam quas aliquam porro sint! Numquam perspiciatis sint eum consectetur consequuntur repellat sunt magni ipsam eligendi, dolorem tenetur ad nulla aliquid similique totam, maiores, itaque enim voluptatibus nesciunt corrupti. Blanditiis laborum consequatur dicta magni libero exercitationem magnam officia repudiandae laboriosam atque. Fuga, fugit. Rem fuga odio magnam, quibusdam excepturi eos, soluta amet numquam repellendus corporis repudiandae ipsam! Suscipit, iusto facilis. Vel culpa, laboriosam nostrum accusantium laborum nam facilis iure. Ducimus repellendus, atque sit laboriosam eum tempora perspiciatis minima perferendis suscipit. Cumque adipisci non similique illum dignissimos recusandae sapiente magni? Vel ut, quibusdam autem obcaecati suscipit vitae voluptatem ad, iusto eveniet harum maxime nihil beatae dignissimos architecto distinctio. Quisquam magnam beatae eaque deleniti nemo consequatur reiciendis hic, debitis cum molestiae aperiam consectetur doloremque eum nisi! Asperiores assumenda, cumque dicta eveniet voluptate animi quasi cum non sunt, ex cupiditate autem commodi. Consequuntur, fugit iure qui inventore, ad reprehenderit eos tempora dicta optio culpa dolore ea suscipit voluptatibus, sapiente repellat pariatur laudantium rem asperiores! In, ad. Incidunt mollitia distinctio, recusandae deserunt reiciendis qui expedita laborum nihil quod omnis eligendi tempora cupiditate ut accusamus, praesentium nostrum?
                </section>
        </main>
        <footer>
            <h4>Footer</h4>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam eveniet asperiores doloremque at vero cum consequatur, quisquam doloribus earum aliquid et dolore libero debitis quam suscipit hic dolorem iure illum. Velit quidem porro amet ratione alias, voluptas nesciunt. Tenetur, nulla. Iste doloremque natus et. Accusamus facilis sequi qui laboriosam libero.
        </footer>
    </section>
    
</body>
</html>