You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
6.0 KiB
44 lines
6.0 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="index.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<div class="header">
|
|
<p style="text-align: left; width:49%; display: inline-block;color: black;font-size: 55px;"><b>Foundation</b></p>
|
|
<p style="text-align: right; width:50%; display: inline-block;color: gray;font-size: 25px;">Isaac Assimov</p>
|
|
</div>
|
|
|
|
<div class="text">
|
|
<div class="video">
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/xgbPSA94Rqg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
</div>
|
|
<p style=>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ratione, neque? Id fugit, dicta vero nemo porro quisquam illum possimus nulla itaque. Aspernatur unde a necessitatibus velit, vitae magnam, maxime soluta corporis ex dolorum dolore dolores magni itaque ipsam sunt deserunt tenetur hic facere reprehenderit ipsum id obcaecati mollitia cupiditate illo! Sed harum cupiditate inventore saepe repudiandae, esse dolorem. Dolor cumque eum veritatis dolores sint eaque tempore provident eveniet, odio soluta reprehenderit sunt cupiditate accusantium impedit expedita molestias laborum atque qui suscipit quis? Modi quod quidem autem doloribus necessitatibus sunt ratione enim est totam. Quos deserunt iusto provident, dicta voluptate eius at architecto, incidunt enim quam sint hic consequuntur similique quo asperiores aliquid. Tempore aperiam, a molestiae dolore eligendi nobis nemo ullam voluptates optio corporis necessitatibus exercitationem rem expedita neque reiciendis vitae nulla quis ex possimus perspiciatis culpa quam blanditiis! Numquam provident rerum aliquid amet accusantium ratione ducimus unde dolores possimus, nisi aut dignissimos magnam pariatur autem labore cumque voluptate, eaque qui consequatur voluptatibus facere.<br><br> Cumque quo, aspernatur numquam aperiam voluptatum accusamus ducimus quibusdam veritatis ea! Officia perferendis quam, impedit architecto possimus maxime corporis fuga in vitae! Vitae minima fugit quos rem illum quam sed alias sunt, ipsa, sint architecto tempore similique officiis natus labore ut corrupti voluptatem qui odit? Quo corporis excepturi, officiis eveniet possimus inventore. Minus, impedit consequuntur minima obcaecati accusantium esse ipsam quisquam magni quae consectetur illum ut perferendis sint doloribus maiores reiciendis modi, natus laudantium, hic optio dolor omnis. Voluptas eligendi sapiente dignissimos voluptatum, repellat sint, recusandae accusantium rerum, saepe officiis vitae similique optio pariatur obcaecati soluta quasi reiciendis deleniti animi ipsa. Architecto obcaecati reprehenderit illum sit inventore, aperiam repellendus quos ea quod vitae fuga ipsum adipisci voluptatibus dolor!
|
|
</p>
|
|
</div>
|
|
|
|
<div class="picture"></div>
|
|
|
|
<div class="text2">
|
|
<div class="text3">
|
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Delectus natus labore ab nostrum quam laborum earum ut sint nulla nam odit enim ratione culpa dolorum, voluptas qui repellat voluptate doloremque eaque expedita eius aut ducimus facere. Quaerat laboriosam maiores recusandae optio, rem iusto nihil asperiores libero laborum deserunt, officia cum necessitatibus voluptatum voluptate? At quos aperiam architecto et, eveniet sunt ratione recusandae. Voluptates, ipsum dolorum? Optio perferendis debitis quidem harum sed. Modi quam obcaecati, dolorem autem temporibus dolore maxime facere. Nulla magni repellendus quae deleniti. Sequi suscipit earum cum magnam sint saepe quos, unde temporibus numquam, aut dolores dolor minus?<br><br>
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, esse libero optio facere laboriosam, error ex, nulla nostrum similique molestiae sapiente id totam quisquam nam officia. Fugiat praesentium, architecto aperiam atque, numquam officiis aspernatur, temporibus aut nostrum unde laudantium doloribus reprehenderit laborum hic dignissimos accusantium minus ex consequuntur eligendi perspiciatis voluptate ipsam minima nisi quo? Maxime excepturi unde praesentium dolorem hic maiores molestias, vitae commodi architecto iusto illo quasi doloremque, quisquam possimus cupiditate repudiandae pariatur, quidem deleniti eligendi quaerat a delectus ex corrupti doloribus. Iste voluptatem quas labore ab corrupti accusantium dolorum nam! Temporibus distinctio velit pariatur nulla repellat sed?<br><br>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi maiores quaerat, modi, earum sapiente maxime et id tenetur magnam minima nisi? Neque possimus dicta officia suscipit sed aperiam, vitae amet vel. Voluptatem possimus doloremque voluptates voluptas tempora quos earum veniam architecto, sequi adipisci dolorum sed quia iure est nostrum ex pariatur beatae fuga repudiandae maxime accusamus distinctio ullam. Omnis est aliquid provident excepturi et tempore quas perspiciatis eaque sunt nisi quibusdam autem beatae mollitia officiis tenetur obcaecati ratione exercitationem, quae in repudiandae reprehenderit, odit quos! Quod eius fuga nesciunt sequi?
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="paticka">
|
|
<div class="patickatext">
|
|
© from wikipedia 2020 · used image: <a href="https://www.google.com/search?q=foundation+Isaac+Assimov&tbm=isch&ved=2ahUKEwjz3sTA6bfzAhXP04UKHf_kDXgQ2-cCegQIABAA&oq=foundation+Isaac+Assimov&gs_lcp=CgNpbWcQAzoFCAAQgAQ6BAgAEB46BAgAEBM6CAgAEAUQHhATOgYIABAeEBM6CAgAEAgQHhATUMQ6WOdtYLxxaABwAHgAgAFdiAHTB5IBAjE0mAEAoAEBqgELZ3dzLXdpei1pbWfAAQE&sclient=img&ei=EqheYfONEs-nlwT_ybfABw&bih=969&biw=1920&rlz=1C1GCEA_enCZ974CZ974#imgrc=d6Rf1DuzvpOsUM">Foundation-Isaac-Assimov</a>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|