| Current Path : /home/kamilrogam/poligon/projekty/SVG/ |
| Current File : /home/kamilrogam/poligon/projekty/SVG/index.html |
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/style.css"> <link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Roboto+Mono" rel="stylesheet"> </head> <body> <header> <div class="wrapper"> <a href="https://kamilrogala.it"> <div class='logo flex-container'> <div class='svg'> <div class='svg-holder'> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="inner-svg" id="Capa_6" x="0px" y="0px" viewBox="0 0 184.751 184.751" style="enable-background:new 0 0 184.751 184.751;" xml:space="preserve" width="350px" height="350px"> <path d="M0,92.375l46.188-80h92.378l46.185,80l-46.185,80H46.188L0,92.375z" fill="#00293c"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="inner-svg" id="Capa_5" x="0px" y="0px" viewBox="0 0 184.751 184.751" style="enable-background:new 0 0 184.751 184.751;" xml:space="preserve" width="300px" height="300px"> <path d="M0,92.375l46.188-80h92.378l46.185,80l-46.185,80H46.188L0,92.375z" fill="#003f59"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="inner-svg" id="Capa_4" x="0px" y="0px" viewBox="0 0 184.751 184.751" style="enable-background:new 0 0 184.751 184.751;" xml:space="preserve" width="250px" height="250px"> <path d="M0,92.375l46.188-80h92.378l46.185,80l-46.185,80H46.188L0,92.375z" fill="#006088"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="inner-svg" id="Capa_3" x="0px" y="0px" viewBox="0 0 184.751 184.751" style="enable-background:new 0 0 184.751 184.751;" xml:space="preserve" width="200px" height="200px"> <path d="M0,92.375l46.188-80h92.378l46.185,80l-46.185,80H46.188L0,92.375z" fill="#00a2e8"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="inner-svg" id="Capa_2" x="0px" y="0px" viewBox="0 0 184.751 184.751" style="enable-background:new 0 0 184.751 184.751;" xml:space="preserve" width="150px" height="150px"> <path d="M0,92.375l46.188-80h92.378l46.185,80l-46.185,80H46.188L0,92.375z" fill="#79d7ff"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="inner-svg" id="Capa_1" x="0px" y="0px" viewBox="0 0 184.751 184.751" style="enable-background:new 0 0 184.751 184.751;" xml:space="preserve" width="100px" height="100px"> <path d="M0,92.375l46.188-80h92.378l46.185,80l-46.185,80H46.188L0,92.375z" fill="#99d9ea"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" style="opacity:0" id="Capa_7" x="0px" y="0px" viewBox="0 0 184.751 184.751" style="enable-background:new 0 0 184.751 184.751;" xml:space="preserve" width="350px" height="350px"> <path d="M0,92.375l46.188-80h92.378l46.185,80l-46.185,80H46.188L0,92.375z" fill="transparent"/> </svg> </div> </div> <h1><span class="cl1">Kamil</span><span class="cl2">Rogala</span><span class="cl3">.</span><span class="cl4">IT</span></h1> </div> </a> </div> </header> <main> <p> <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, quae, possimus! Laudantium provident dolor nulla ut, nihil adipisci harum facere laborum excepturi ad accusamus fuga sequi nam unde aliquam, magni in qui dicta optio dolores, voluptas natus quibusdam. Nesciunt, nostrum vel labore amet aliquam illo odio rerum atque officiis blanditiis?</span> <span>Blanditiis aspernatur facere quos nihil praesentium hic sapiente inventore earum omnis et nam veniam aut, quibusdam eos nemo veritatis reiciendis minus odit illo, excepturi ea assumenda fugiat! Ea totam laborum dolor, quia ratione ex ut? Totam, tenetur, temporibus. Rerum aut vero pariatur modi deleniti quo consequatur, illo laudantium et voluptatum!</span> <span>Voluptatum, odit sequi sapiente vero ducimus pariatur aliquid, magnam doloremque cumque aperiam? Ratione ducimus nam eos repudiandae suscipit magni, eum praesentium, eaque rem, fugit quos atque a sint in voluptas aut. Facilis modi ipsum sequi, esse optio sit ullam ipsa enim molestias fuga eligendi quas possimus quia, voluptatibus, non quo!</span> <span>Dolor assumenda obcaecati voluptatum, explicabo dignissimos eum a error. Id facere tempora, eius perspiciatis dolorum sint quod minus quidem ex iure! Nihil tenetur facere voluptas dolorum nisi quam odit amet beatae ipsa reiciendis autem suscipit deserunt adipisci, est rem consequuntur sed, expedita quas cupiditate, consequatur explicabo eos. Voluptatum, quidem, id.</span> <span>Cupiditate molestias dignissimos laudantium pariatur, vel. Magni soluta et ad! Temporibus, deserunt. Aspernatur nihil quisquam repellendus provident velit quaerat pariatur ratione illo quidem ipsum, in aut voluptatibus fugiat repudiandae natus, illum sunt asperiores. Magnam maiores hic optio reiciendis illum. Quia laboriosam minus unde accusantium fugiat nihil repudiandae perferendis, officia fugit?</span> <span>Sunt sed doloremque, vitae, fugiat vel, quia deleniti iusto fugit accusantium suscipit non! Veritatis repudiandae dolore qui amet quos atque exercitationem pariatur reprehenderit ab sed molestias, rerum perspiciatis nulla nesciunt inventore itaque ad, ut alias sunt. Inventore quo expedita nesciunt dolorum ipsam earum assumenda, perspiciatis amet id enim soluta! Voluptatibus.</span> <span>A quia cumque voluptatibus recusandae consectetur voluptates eos beatae porro rerum velit, possimus aliquid dolore odit, adipisci quo unde, iste deserunt ducimus ullam commodi dolores! Quam quia officiis, amet eos deserunt eius laboriosam corporis consequatur, quidem aliquam nemo, voluptatibus aut vitae optio architecto numquam nesciunt. Perspiciatis labore architecto nihil, fuga.</span> <span>Fugiat sequi commodi voluptas quasi pariatur eius, inventore cupiditate placeat aut molestias minus hic, a ullam tempore, laudantium velit voluptates illum dicta possimus eveniet voluptatibus! Mollitia ratione, architecto saepe quis suscipit voluptates laborum placeat tenetur, eos accusamus perferendis necessitatibus doloribus. Provident ea consequatur eos consequuntur deleniti quae accusamus cumque dolores!</span> <span>Laborum doloribus voluptatibus mollitia eligendi nemo blanditiis, distinctio quis similique laudantium, ex amet aspernatur quaerat repellendus, minima ipsam quidem animi autem placeat veritatis repellat excepturi illo. Voluptatibus unde, ullam iste maiores praesentium sapiente, soluta est officiis sit, harum delectus perferendis ratione recusandae. A, dolores. Provident, architecto, ea. Nihil, laboriosam sint.</span> <span>Repudiandae ratione delectus mollitia atque voluptates, sit ea inventore voluptatum, sequi ullam harum quasi. Incidunt fuga consequatur debitis doloremque eligendi eius laboriosam delectus harum accusantium rerum neque sint laborum, quisquam deserunt dicta eos dolorum? Ut quas officia sed mollitia necessitatibus natus non eligendi delectus. Doloribus minus unde quam blanditiis explicabo.</span> <span>Officia eum cum illo ipsum repellat. Tenetur voluptas, voluptatem animi quos qui nesciunt, numquam repellat facere veritatis dolorem, illum eius placeat facilis maxime atque. Voluptatibus aliquam id quam maxime ab, illum dolores facilis repellendus, voluptas totam, possimus nulla reprehenderit, blanditiis dolore provident inventore! Velit, quis odio pariatur reiciendis ut excepturi!</span> <span>Non et dolore facilis quidem. Provident quis et, repellendus. Magnam, nulla maiores, totam soluta, veritatis aliquid, minus corporis dolor iure natus sit! Dignissimos, illo architecto unde itaque amet quo? Suscipit nulla porro dolores veniam explicabo quas officiis nostrum. Omnis deserunt ipsam, voluptatum iure facilis nam non neque sapiente impedit ex!</span> <span>Inventore architecto, explicabo consequuntur voluptates! Veniam temporibus quos minima esse, deleniti ex sapiente harum delectus quasi officia, tempora alias tenetur? Voluptatibus eligendi aperiam fuga molestiae. Veritatis ipsum enim neque optio labore consequuntur laborum facilis quisquam hic facere ab laboriosam quidem voluptas reiciendis totam dolorum, impedit nemo temporibus, sequi debitis! Libero?</span> <span>Consequatur, dolorem. Nemo quidem commodi minus culpa nulla ullam tempore fugit ab natus veniam officiis magni eveniet illo, ea! Sit sed impedit, veniam, quo, eveniet ducimus natus ut magni recusandae fugit magnam blanditiis reprehenderit ullam sunt amet iure tenetur corporis architecto eum facere quis? Eius esse laboriosam quis sunt eaque.</span> <span>Itaque ullam, quas quia facere culpa debitis atque nihil recusandae laboriosam. Aspernatur esse error quasi deleniti culpa distinctio nam ipsam fuga possimus rerum quam repellat, incidunt maiores dolores aliquam suscipit voluptas enim. Laborum ipsa, veniam tenetur dicta enim vitae dolor deleniti sapiente. Temporibus similique, odit, quibusdam consequuntur at eos deleniti.</span> <span>Adipisci accusamus incidunt at explicabo nulla magnam dolores rerum dignissimos, ad, quos impedit laborum. Fuga, fugit. Recusandae libero soluta, ipsa eligendi hic obcaecati blanditiis porro nihil optio molestias aut illum quod sed, necessitatibus debitis reprehenderit incidunt commodi maiores qui eveniet velit dolore sequi excepturi! Rem eius laudantium, repudiandae distinctio quod!</span> <span>Molestiae labore reprehenderit officiis aperiam unde, optio, ipsa et deserunt deleniti saepe, molestias explicabo aut assumenda repudiandae dolore accusantium dolorem repellat adipisci ducimus. Numquam impedit omnis quidem, iure, ipsam unde. Voluptates ipsum, cumque dolor inventore, sit, consequatur cupiditate nulla, asperiores aliquid earum doloremque ratione. Eaque animi soluta asperiores ipsam iure.</span> <span>Quaerat cum quibusdam, nobis culpa inventore accusamus optio, nihil consequatur vero assumenda error est exercitationem laudantium ratione, veritatis numquam eum laborum nemo asperiores, similique commodi quis? Alias aperiam, repellat illum nemo nobis dolore aliquid veniam, sapiente distinctio ab necessitatibus sed quas nam adipisci, dolorem voluptas cumque fuga porro, numquam et.</span> <span>Quos, rerum distinctio accusamus a, cupiditate corrupti, molestiae ea quae odio sit incidunt facere consequatur modi voluptas? Expedita id quisquam saepe voluptatibus nam consequuntur enim modi, tempore distinctio corrupti mollitia officiis earum velit vel! Dolorem at numquam rem magni maxime mollitia architecto voluptate, rerum. Error debitis, eum in asperiores consequuntur.</span> <span>Quos mollitia molestiae id incidunt minus, quasi officia sequi. Deserunt fugiat, perferendis vitae a, tempore labore. Illo odit sapiente nobis accusamus ipsum nesciunt cum, molestias eius distinctio voluptates. Nihil iste, voluptates sequi, blanditiis molestias aliquid ea velit vitae quis eius quia mollitia, veniam atque ratione placeat autem rerum accusantium aut.</span> </p> </main> <script src="assets/init.js"></script> </body> </html>