serg1557733
/
HomeWorks


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
							<!DOCTYPE html>
<html lang="zxx">
<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">
    <link rel="stylesheet" href="normalize.css">
    <link rel="stylesheet" href="main.css">
    <link rel="shortcut icon" href="icons/favicon.ico" type="image/x-icon">
    <title>HOME WORK 6</title>

</head>
<body>
    <div class="body__wrapper" >
        <header class="header">
            <a href="#" class="header__logo"><img src="img/logo.png" alt="A-level"></a>
            <nav>
                <ul class="header__nav">
                    <li> <a href="#">Item1</a></li>
                    <li><a href="#">Item2</a></li>
                    <li><a href="#">Item3</a></li>
                    <li><a href="#">Item4</a></li>
                    <li><a href="#">Item5</a></li>
                </ul>
            </nav>  
            <nav class="main-nav hamburger-menu">
                <input id="menu__toggle" type="checkbox" />
                <label class="menu__btn" for="menu__toggle">
                    <span></span>
                </label>
                
                <ul class="menu__box">
                  <li><a class="menu__item" href="#">Главная</a></li>
                  <li><a class="menu__item" href="#">Проекты</a></li>
                  <li><a class="menu__item" href="#">Команда</a></li>
                  <li><a class="menu__item" href="#">Блог</a></li>
                  <li><a class="menu__item" href="#">Контакты</a></li>
                </ul>
              </nav> 
        </header>
        <main class="main">
            <div class="main__wrapper">
                <div class="main__content">
                       <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores, impedit quasi recusandae minus similique voluptatem, fugit hic perspiciatis laboriosam accusantium numquam? Ea incidunt vel odit excepturi minima maxime, doloribus fugit!</p>  
                       <h1>our work</h1>
                       <div class="card__row">
                                <div class="col">
                                    <div class="card">
                                        <div class="card__img"></div>
                                        <!-- можно ли не использовать обертки под телокарты хедер и футер? -->
                                        <div class="card__body">
                                            <h3>Lorem ipsum dolor sit amet .</h3>
                                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis tempore, perspiciatis sit voluptatum totam sed laudantium iste ipsam adipisci aut laboriosam dignissimos nihil inventore molestiae sapiente praesentium, tempora illum aspernatur.</p> 
                                        </div>
                                        <div class="card__footer">
                                            <button class="card__btn"><b>Go</b> </button> 
                                        </div>
                                    </div>   
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <div class="card__img"></div>
                                        <!-- можно ли не использовать обертки под телокарты хедер и футер? -->
                                        <div class="card__body">
                                            <h3>Lorem ipsum dolor sit amet .</h3>
                                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis tempore, perspiciatis sit voluptatum totam sed laudantium iste ipsam adipisci aut laboriosam dignissimos nihil inventore molestiae sapiente praesentium, tempora illum aspernatur.</p> 
                                        </div>
                                        <div class="card__footer">
                                            <button class="card__btn"><b>Go</b> </button> 
                                        </div>
                                    </div>   
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <div class="card__img"></div>
                                        <!-- можно ли не использовать обертки под телокарты хедер и футер? -->
                                        <div class="card__body">
                                            <h3>Lorem ipsum dolor sit amet .</h3>
                                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis tempore, perspicimpora illum aspernatur.</p> 
                                        </div>
                                        <div class="card__footer">
                                            <button class="card__btn"><b>Go</b> </button> 
                                        </div>
                                    </div>   
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <div class="card__img"></div>
                                        <!-- можно ли не использовать обертки под телокарты хедер и футер? -->
                                        <div class="card__body">
                                            <h3>Lorem ipsum dolor sit amet .</h3>
                                            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis tempore, perspiciatis sil inventore molestiae sapiente praesentium, tempora illum aspernatur.</p> 
                                        </div>
                                        <div class="card__footer">
                                            <button class="card__btn"><b>Go</b> </button> 
                                        </div>
                                    </div>   
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <div class="card__img"></div>
                                        <!-- можно ли не использовать обертки под телокарты хедер и футер? -->
                                        <div class="card__body">
                                            <h3>Lorem ipsum dolor sit amet .</h3>
                                            <p>Lorem ipsum dolor sit amet consectetur adipisiciium, tempora illum aspernatur.</p> 
                                        </div>
                                        <div class="card__footer">
                                            <button class="card__btn"><b>Go</b> </button> 
                                        </div>
                                    </div>   
                                </div>
                                <div class="col">
                                    <div class="card">
                                        <div class="card__img"></div>
                                        <!-- можно ли не использовать обертки под телокарты хедер и футер? -->
                                        <div class="card__body">
                                            <h3>Lorem ipsum dolor sit amet .</h3>
                                            <p>Lorem ipsum dolor sit amet consectetur adipispsam adipisci aut laboriosam dignissimos nihil inventore molestiae sapiente praesentium, tempora illum aspernatur.</p> 
                                        </div>
                                        <div class="card__footer">
                                            <button class="card__btn"><b>Go</b> </button> 
                                        </div>
                                    </div>   
                                </div>
                            
                        </div>
                         
                        <div class="main__blocks">
                            <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>
                        </div>
                </div>
                <aside class="aside_l"> <span>Aside 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia nostrum, harum non molestiae officiis corporis accusamus eius blanditiis quibusdam consectetur odit obcaecati doloremque autem. Harum cumque distinctio unde rem eos.</span></aside>
                <aside class="aside_r"> <span>Aside 2 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Maiores, tenetur. Vitae iure eos sunt nihil reprehenderit sint vel, dignissimos tenetur possimus praesentium laborum perspiciatis ducimus nulla natus fuga officiis vero.</span></aside>
            </div>
            
        </main>      
        <footer class="footer">
           <span>Footer</span>
        </footer>
    </div>
</body>
</html>