Oleksii
/
Homeworks_Oleksii.L


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!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>Classwork_5</title>
    <link rel="shortcut icon" href="/img/А_levelfav.ico" type="image/x-icon">
    <link rel="stylesheet" href="/Styles/style.css">
</head>

<body>
    <div class="wrapper">
        <header class="header">
            <div class="container">
                <div class="header-wrap">
                    <a href="#" class="logo">
                        <img src="/img/Logo.png" alt="Logo">
                    </a>
                    <nav class="nav">
                        <ul class="nav-list">
                            <li class="nav-item">
                                <a href="#" class="nav-link">Item 1</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link">Item 2</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link">Item 3</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link">Item 4</a>
                            </li>
                            <li class="nav-item">
                                <a href="#" class="nav-link">Item 5</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <div class="content">
            <main class="main">
                <p class="about">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde molestiae non dolorum,
                    magni asperiores ex illo,
                    expedita nihil explicabo rem a libero magnam soluta id totam? Debitis doloribus tempore veritatis.
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut nulla, tempora cupiditate excepturi
                    culpa vel officia placeat. Mollitia ullam hic labore quam recusandae esse quas vitae laborum
                    blanditiis,
                    perferendis quibusdam.
                </p>
                <h1>OUR WORK</h1>
                <div class="boxes">
                    <div class="box box1">
                        <img src="/img/Закат.jpg" alt="sunset" class="pict">
                        <div class="about">
                            <h2>Lorem ipsum dolor sit amet</h2>
                            <p class="about">Lorem ipsum dolor sit amet.</p>
                        </div>
                        <button class="btn">Go</button>
                    </div>
                    <div class="box box2">
                        <img src="/img/Закат.jpg" alt="sunset" class="pict">
                        <div class="about">
                            <h2>Lorem ipsum dolor sit amet</h2>
                            <p>Lorem ipsum dolor sit Lorem ipsum dolor sit, amet consectetur adipisicing elit.</p>
                        </div>
                        <button class="btn">Go</button>
                    </div>
                    <div class="box box3">
                        <img src="/img/Закат.jpg" alt="sunset" class="pict">
                        <div class="about">
                            <h2>Lorem ipsum dolor sit amet</h2>
                            <p>Lorem ipsum dolor sit amet.</p>
                        </div>
                        <button class="btn">Go</button>
                    </div>
                    <div class="box box4">
                        <img src="/img/Закат.jpg" alt="sunset" class="pict">
                        <div class="about">
                            <h2>Lorem ipsum dolor sit amet</h2>
                            <p class="about">
                                Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            </p>
                        </div>
                        <button class="btn">Go</button>
                    </div>
                    <div class="box box5">
                        <img src="/img/Закат.jpg" alt="sunset" class="pict">
                        <div class="about">
                            <h2>Lorem ipsum dolor sit amet</h2>
                            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde molestiae non
                                dolorum, magni asperiores ex illo,
                                expedita nihil explicabo rem a libero magnam soluta id totam? Debitis doloribus tempore
                                veritatis. Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            </p>
                        </div>
                    </div>
                    <div class="box box6">
                        <img src="/img/Закат.jpg" alt="sunset" class="pict">
                        <div class="about">
                            <h2>Lorem ipsum dolor sit amet</h2>
                            <p class="about">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde
                                molestiae non
                                dolorum, magni asperiores ex illo,
                                expedita nihil explicabo rem a libero magnam soluta id totam? Debitis doloribus
                                tempore
                                veritatis.
                            </p>
                        </div>
                        <button class="btn">Go</button>
                    </div>
                </div>
                <section class="task3">
                    <div class="holder">
                        <div class="item">1</div>
                        <div class="item">2</div>
                        <div class="item">3</div>
                        <div class="item">4</div>
                        <div class="item">5</div>
                    </div>
                </section>
            </main>
            <aside class="aside aside-left">
                <span>Aside Left</span>
            </aside>
            <aside class="aside aside-right">
                <span>Aside right</span>
            </aside>
        </div>
        <footer class="footer">
            <span>Footer</span>
        </footer>
    </div>
</body>

</html>