Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="wrapper">
        <div class="container">
            <ul class="menu">
                <li><a href="">about</a></li>
                <li><a href="">contact</a></li>
                <li><a href="">portfolio</a></li>
                <li><a href="">quote</a></li>
                <li><a href="">products</a></li>
                <li><a href="">testimonials</a></li>
            </ul>
        </div>
    </div>
    <section>
        <div class="container site-title">
            <img src="http://placehold.it/80x50" alt="">
            <h3>
                ИУ - ВАРНА
            </h3>
        </div>
        <div class="container site-slider">
            <div class="l-arr">
                &#8701;
            </div>
            <div class="main-slider">
                <div class="slider-title">
                     Accusamus beatae, maiores vitae
                </div>
                <div class="slider-date">
                    Posted by admin in on 09 30th, 2018| 2 comments
                </div>
                <div class="slider-desc">
                    Lorem ipsum dolor sit, amet consectetur adipisicing, elit. Error amet blanditiis veniam, quaerat repellat molestias debitis officiis deserunt exercitationem culpa, repellendus inventore ut commodi libero recusandae reiciendis laudantium molestiae quae.
                </div>
            </div>
            <div class="r-arr">
                &#8702;
            </div>
        </div>

        <div class="articles container">
            <div class="popular">
                <div class="popular-title">
                    POPULAR ARTICLES
                </div>
                <div class="popular-item">
                    <div class="popular-item-title">
                        Maecenas maecenas maecenas
                    </div>
                    <div class="popular-item-date">
                        Posted by admin in on 09 30th, 2018| 2 comments
                    </div>
                    <div class="popular-item-show">
                        <img src="" alt="" class="popular-item-img">
                        <div class="popular-item-text">
                            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quae sequi, natus esse, quaerat aliquam doloremque, modi earum, libero aut placeat optio magni provident. Ab labore repudiandae amet minima est dolore.
                        </div>
                    </div>
                </div>

            </div>
            <div class="recent">

            </div>
            <div class="livestream">

            </div>
        </div>
    </section>
</body>
</html>