| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>HomeWork</title>
- <link rel="icon" href="https://www.webfx.com/tools/emoji-cheat-sheet/graphics/emojis/house.png" sizes="35x35">
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/style.css">
- </head>
- <body>
- <header>
- <h1>Домашка</h1>
- </header>
- <main>
- <div>
- <h2>1.Первый уровень</h2>
- <p class="article">
- После подключения стилей reset.css
- все стили, установленные по умолчанию,
- обнулились, поэтому прописывались
- пользовательские стили в файле style.css.
- Так же было прописано свойство
- box-sizing: border-box для правильного
- отображения контента в границах элемента.
- </p>
- </div>
- <div>
- <h2>2.Второй уровень</h2>
- <p class="bear">
- Если б мишки были пчёлами, <br>
- То они бы нипочём <br>
- Никогда и не подумали <br>
- Так высоко строить дом. <br>
- </p>
- </div>
- <div>
- <h2>3.Третий уровень</h2>
- <p class="article">
- <img class="float__img--left"
- src="https://raw.githubusercontent.com/olgamaslovaolga/Alevel-Markup/master/images/hw-6.2.1.png"
- alt="">
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sit amet facilisis ligula, vel maximus
- diam. Duis vestibulum varius lorem, sed sagittis ipsum ornare a. Nulla convallis eros at turpis tempor
- viverra. Nunc quam mi, ultrices nec dolor sit amet, scelerisque consectetur orci. Mauris egestas nulla
- sem, eu laoreet odio euismod id. Sed quis turpis eu metus congue tincidunt. Ut maximus, ligula in
- pulvinar aliquam, tellus mauris cursus orci, ut aliquam leo mi et erat. Lorem ipsum dolor sit amet,
- consectetur adipiscing elit. Nullam ex urna, sodales ac orci at, rhoncus lobortis massa.
- Integer euismod nisl urna, sed placerat tortor sollicitudin at. Vestibulum eu felis nulla. Vestibulum at
- velit aliquet, tristique sem in, porta erat. Pellentesque aliquet massa sit amet nisl volutpat mattis.
- Curabitur in vulputate neque. Donec tincidunt turpis vel porttitor blandit. Pellentesque cursus urna ut
- neque scelerisque, euismod sagittis velit consequat. Sed varius tempus turpis eget finibus. Sed
- vehicula, justo a lacinia pretium, erat ligula ultrices enim, id pellentesque ligula odio nec justo.
- Praesent non est at magna viverra congue vel a odio. Proin molestie elementum posuere.
- Suspendisse nisl lorem, mollis et est et, venenatis lobortis tortor. Sed quam turpis, gravida ut augue
- non, faucibus feugiat dui. Quisque et consectetur velit. Sed egestas nunc sem, sit amet hendrerit tellus
- facilisis eget. Praesent mauris sapien, rhoncus vel ipsum at, iaculis porta velit. Donec interdum libero
- id consequat viverra. Maecenas et diam in dolor porttitor scelerisque at eu leo.
- Aenean auctor velit sed sem bibendum, nec dignissim orci varius. Praesent rhoncus tempor quam, vitae
- hendrerit lectus bibendum ac. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam molestie
- <img class="float__img--right"
- src="https://raw.githubusercontent.com/olgamaslovaolga/Alevel-Markup/master/images/hw-6.2.2.png"
- alt="">
- suscipit nulla, in finibus magna egestas interdum. Vivamus in dui in risus tincidunt congue. Nullam
- scelerisque, augue at eleifend molestie, orci justo maximus nisi, bibendum hendrerit eros est eget ex.
- Nunc a euismod risus. Curabitur dapibus dignissim elit eget mollis. Pellentesque ultrices eget arcu vel
- semper. Maecenas ipsum metus, tincidunt eu dui ut, finibus luctus magna. Nam faucibus lacus quam, eu
- efficitur nisl commodo vehicula. Nam vulputate, nunc eget mollis pellentesque, orci arcu auctor ante, ut
- varius ex libero non orci. Quisque venenatis magna vel nunc finibus, sit amet porta metus mollis.
- Phasellus eu urna et arcu faucibus cursus eu quis odio. Proin euismod id lorem eu egestas. Ut faucibus
- erat vitae ultricies ultricies. Sed libero felis, lacinia vitae ante vitae, suscipit ultrices sapien.
- Nullam cursus convallis sodales. Maecenas vehicula ac quam vitae egestas. Donec faucibus posuere ex,
- ornare vehicula nisi molestie in. Vestibulum at lorem sed nisi semper placerat eu a ante.
- Quisque bibendum, mi quis gravida maximus, arcu sem viverra velit, tempor mollis quam augue sit amet
- orci. Mauris luctus aliquam lectus, sed sollicitudin nisl iaculis quis. Mauris tincidunt sem vel
- fringilla feugiat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus
- mus. Fusce risus augue, tristique eu magna quis, scelerisque sollicitudin sem. Phasellus fermentum
- faucibus orci accumsan rhoncus. Aenean id convallis metus. Donec efficitur, mauris vel cursus commodo,
- lorem metus dapibus nisl, mattis consectetur tortor.
- </p>
- </div>
- </main>
- <footer></footer>
- </body>
- </html>
|
