janedev
/
homework-html


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
							<!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>A-level</title>
    <link rel="shorttut icon" href="img/favicon.png" type="image/png">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div id="wrapper">
        <header id="header">
            <div class="header_content">
                <nav class="menu">
                    <a href="https://a-level-logo"><img src="img/a-level-logo.png" alt="logo-a-level"></a>
                    <input id="menu_btn" type="checkbox">
                    <label class="burger" for="menu_btn">
                        <span>opener</span>
                    </label>
                    <ul class="items">
                        <li><a class="menu__item" href="#">item1</a></li>
                        <li><a class="menu__item" href="#">item2</a></li>
                        <li><a class="menu__item" href="#">item3</a></li>
                        <li><a class="menu__item" href="#">item4</a></li>
                        <li><a class="menu__item" href="#">item5</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <main>
            <div class="content">
                <p>Lorem ipsum dolor sit amet consectetur adipiicing elit. Expicabo dolorem modi ispum, tenetur dignissimos ea repudiandae, temporibus in ex, fugit nisi autem voluptatibus est sit exercitationem rerum. Eligendi, necssitatibus nostrum!</p>
                <h1>OUR WORK</h1>
                <ul class="list">
                    <li>
                        <div class="list_box">
                            <img src="img/mercury.jpeg" alt="nature">
                            <div class="list_body">
                                <h2>Lorem ipsum dolor sit amet.</h2>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos totam eius minus harum pariatur distinctio similique quisquam deleniti iusto adipisci tempore in, fugit minima quaerat nulla.</p>
                            </div>
                            <a href="#">Go</a>
                        </div>
                    </li>
                    <li>
                        <div class="list_box">
                            <img src="img/venus.jpeg" alt="nature">
                            <div class="list_body">
                                <h2>Lorem ipsum dolor sit amet.</h2>
                                <p>Lorem ipsum dolor sit amet.</p>
                            </div>
                            <a href="#">Go</a>
                        </div>
                    </li>
                    <li>
                        <div class="list_box">
                            <img src="img/earth.jpeg" alt="nature">
                            <div class="list_body">
                                <h2>Lorem ipsum dolor sit amet.</h2>
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Qui, sequi explicabo! Ipsam, vitae temporibus.</p>
                            </div>
                            <a href="#">Go</a>
                        </div>
                    </li>
                    <li>
                        <div class="list_box">
                            <img src="img/mars.jpeg" alt="nature">
                            <div class="list_body">
                                <h2>Lorem ipsum dolor sit amet.</h2>
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Soluta, at.</p>
                            </div>
                            <a href="#">Go</a>
                        </div>
                    </li>
                    <li>
                        <div class="list_box">
                            <img src="img/jupiter.jpeg" alt="nature">
                            <div class="list_body">
                                <h2>Lorem ipsum dolor sit amet.</h2>
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda porro commodi provident laboriosam neque odit harum quasi facere labore. Nulla optio praesentium sapiente similique iure?</p>
                            </div>
                            <a href="#">Go</a>
                        </div>
                    </li>
                    <li> 
                        <div class="list_box">
                            <img src="img/saturn.jpeg" alt="nature">
                            <div class="list_body">
                                <h2>Lorem ipsum dolor sit amet.</h2>
                                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sit omnis rem ratione commodi dolor! Eius illum eaque ad consequuntur! Cumque doloremque hic ad molestias culpa?</p>
                            </div>
                            <a href="#">Go</a>
                        </div>
                    </li>
                </ul>
                <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>
            <aside class="one">Aside1</aside>
            <aside class="two">Aside2</aside>
        </main>
        <footer>
            <h4>Footer</h4>
        </footer>
    </div>
</body>
</html>