Roman456
/
js02_Romanenko


			
				
					
						
						
							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>