Helen
/
markup


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215
							<!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="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="wrapper">
        <header>
            <div class="menu">
                <div class="menu__logo">
                    <a class="menu__link" href="#">
                        <img class="menu__img" src="images/logo.png" alt="logo">
                    </a>
                </div>
                <div class="menu__list">
                    <nav class="menu__nav">
                        <input id="opener" type="checkbox">
                        <label class="burger" for="opener">
                            <span>menu</span>
                        </label>
                        <ul>
                            <li>
                                <a class="menu__link" href="#">Item1</a>
                            </li>
                            <li>
                                <a class="menu__link" href="#">Item2</a>
                            </li>
                            <li>
                                <a class="menu__link" href="#">Item3</a>
                            </li>
                            <li>
                                <a class="menu__link" href="#">Item4</a>
                            </li>
                            <li>
                                <a class="menu__link" href="#">Item5</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>

        <main>
            <div class="box">
                <div class="content">
                    <div class="container">
                        <div class="content__wrapper">
                            <p class="content__text">
                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi ad provident
                                voluptatem ab tenetur? Nesciunt, neque!
                                Optio totam perferendis rem, iste voluptas, tempore eos itaque neque molestiae delectus,
                                quo harum.
                                Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi ad provident
                                voluptatem ab tenetur? Nesciunt, neque!
                                Optio totam perferendis rem, iste voluptas, tempore eos itaque neque molestiae delectus,
                                quo harum.
                            </p>
                            <h1>
                                Our work
                            </h1>
                            <div class="content__cards">
                                <ul class="content__list">
                                    <li class="content__item">
                                        <div class="item__box">
                                            <div class="item__img">
                                                <img src="images/card.jpg" alt="card">
                                            </div>
                                            <div class="item__text">
                                                <h3 class="item__title">
                                                    Lorem ipsum
                                                </h3>
                                                <p class="item__paragraph">
                                                    Lorem ipsum dolor. Rem accusantium consectetur debitis mollitia quia
                                                    sequi nostrum voluptatibus qui ad?
                                                </p>
                                            </div>
                                            <a class="item__btn" href="#">Go</a>
                                        </div>
                                    </li>
                                    <li class="content__item">
                                        <div class="item__box">
                                            <div class="item__img">
                                                <img src="images/card.jpg" alt="card">
                                            </div>
                                            <div class="item__text">
                                                <h3 class="item__title">
                                                    Lorem ipsum
                                                </h3>
                                                <p class="item__paragraph">
                                                    Lorem ipsum dolor. Rem accusantium consectetur debitis mollitia quia
                                                    sequi nostrum voluptatibus qui ad?
                                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi
                                                    ad provident voluptatem ab tenetur? Nesciunt, neque!
                                                    Optio totam perferendis rem, iste voluptas, tempore eos itaque neque
                                                    molestiae delectus, quo harum.
                                                </p>
                                            </div>
                                            <a class="item__btn" href="#">Go</a>
                                        </div>
                                    </li>
                                    <li class="content__item">
                                        <div class="item__box">
                                            <div class="item__img">
                                                <img src="images/card.jpg" alt="card">
                                            </div>
                                            <div class="item__text">
                                                <h3 class="item__title">
                                                    Lorem ipsum
                                                </h3>
                                                <p class="item__paragraph">
                                                    Lorem ipsum dolor. Rem accusantium consectetur debitis mollitia quia
                                                    sequi nostrum voluptatibus qui ad?
                                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi
                                                    ad provident voluptatem ab tenetur? Nesciunt, neque!
                                                    Optio totam perferendis rem, iste voluptas, tempore eos itaque neque
                                                    molestiae delectus, quo harum.
                                                </p>
                                            </div>
                                            <a class="item__btn" href="#">Go</a>
                                        </div>
                                    </li>
                                    <li class="content__item">
                                        <div class="item__box">
                                            <div class="item__img">
                                                <img src="images/card.jpg" alt="card">
                                            </div>
                                            <div class="item__text">
                                                <h3 class="item__title">
                                                    Lorem ipsum
                                                </h3>
                                                <p class="item__paragraph">
                                                    Lorem ipsum dolor. Rem accusantium consectetur debitis mollitia quia
                                                    sequi nostrum voluptatibus qui ad?
                                                </p>
                                            </div>
                                            <a class="item__btn" href="#">Go</a>
                                        </div>
                                    </li>
                                    <li class="content__item">
                                        <div class="item__box">
                                            <div class="item__img">
                                                <img src="images/card.jpg" alt="card">
                                            </div>
                                            <div class="item__text">
                                                <h3 class="item__title">
                                                    Lorem ipsum
                                                </h3>
                                                <p class="item__paragraph">
                                                    Lorem ipsum dolor. Rem accusantium consectetur debitis mollitia quia
                                                    sequi nostrum voluptatibus qui ad?
                                                </p>
                                            </div>
                                            <a class="item__btn" href="#">Go</a>
                                        </div>
                                    </li>
                                    <li class="content__item">
                                        <div class="item__box">
                                            <div class="item__img">
                                                <img src="images/card.jpg" alt="card">
                                            </div>
                                            <div class="item__text">
                                                <h3 class="item__title">
                                                    Lorem ipsum
                                                </h3>
                                                <p class="item__paragraph">
                                                    Lorem ipsum dolor. Rem accusantium consectetur debitis mollitia quia
                                                    sequi nostrum voluptatibus qui ad?
                                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi
                                                    ad provident voluptatem ab tenetur? Nesciunt, neque!
                                                    Optio totam perferendis rem, iste voluptas, tempore eos itaque neque
                                                    molestiae delectus, quo harum.
                                                </p>
                                            </div>
                                            <a class="item__btn" href="#">Go</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="holder__wrapper">
                                <div class="holder">
                                    <div class="item item__one">1</div>
                                    <div class="item item__two">2</div>
                                    <div class="item item__three">3</div>
                                    <div class="item item__four">4</div>
                                    <div class="item item__five">5</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <aside class="aside__first">
                    <p>
                        Aside 1
                    </p>
                </aside>
                <aside class="aside__second">
                    <p>
                        Aside 2
                    </p>
                </aside>
            </div>
        </main>
        <footer class="footer">
            Footer
        </footer>
    </div>
</body>
</html>