fanalevel
/
HomeWork8_Anton_Frolov


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
							<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <title>Markup ext 2 Занятие № 9. Антон Фролов. Задание 2</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/all.css">
    <link rel="icon" href="image/favicon.ico">
</head>

<body>
    <header>
        <strong class="logo">
            <a href="index.html"><img src="image/logo-coral.png" alt="Логотип"></a>
        </strong>
        <nav>
            <ul>
                <li><a href="index.html">Item 1</a></li>
                <li><a href="level2.html">Уровень 2</a></li>
                <li><a href="level3.html">Уровень 3</a></li>
                <li><a href="#">Item 4</a></li>
                <li><a href="#">Item 5</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <div class="wrapper">
            <div class="center">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, vero minima ullam porro quis
                    maxime, fugit id distinctio facilis doloremque asperiores exercitationem nobis aliquam animi,
                    unde iure a? Corrupti, voluptatibus.</p>
                <h2>Our work</h2>
                <div class="bigsquare">
                    <div class="square1">
                        <img src="image/af.jpg" alt="Улыбка">
                        <h3>Lorem ipsum dolor sit amet</h3>
                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum id, sed ad sunt
                            exercitationem voluptate. Corporis modi beatae esse incidunt quasi ut assumenda.
                            Exercitationem neque quam facilis minima possimus suscipit?</p>
                        <button class="button">Go</button>
                    </div>
                    <div class="square2">
                        <img src="image/af.jpg" alt="Улыбка">
                        <h3>Lorem ipsum dolor sit amet</h3>
                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum id, sed ad sunt
                            exercitationem voluptate. Corporis modi beatae esse incidunt quasi ut assumenda.
                            Exercitationem neque quam facilis minima possimus suscipit?</p>
                        <button class="button">Go</button>
                    </div>
                    <div class="square3">
                        <img src="image/af.jpg" alt="Улыбка">
                        <h3>Lorem ipsum dolor sit amet</h3>
                        <p>Lorem </p>
                        <button class="button">Go</button>
                    </div>
                    <div class="square4">
                        <img src="image/af.jpg" alt="Улыбка">
                        <h3>Lorem ipsum dolor sit amet</h3>
                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum id, sed ad sunt
                            exercitationem voluptate. Corporis modi beatae esse incidunt quasi ut assumenda.
                            Exercitationem neque quam facilis minima possimus suscipit?</p>
                        <button class="button">Go</button>
                    </div>
                    <div class="square5">
                        <img src="image/af.jpg" alt="Улыбка">
                        <h3>Lorem ipsum dolor sit amet</h3>
                        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illum id, sed ad sunt
                            exercitationem voluptate. Corporis modi beatae esse incidunt quasi ut assumenda.
                            Exercitationem neque quam facilis minima possimus suscipit?</p>
                        <button class="button">Go</button>
                    </div>
                    <div class="square6">
                        <img src="image/af.jpg" alt="Улыбка">
                        <h3>Lorem ipsum dolor sit amet</h3>
                        <p>Lorem ipsum dolor sit amet consectetur</p>
                        <button class="button">Go</button>
                    </div>
                </div>
            </div>
            <div class="aside1">Aside1</div>
            <div class="aside2">Aside2</div>
        </div>
    </main>
    <footer>Footer</footer>
</body>

</html>