Untitled

<html lang="ru">
  <head>
    <meta charset="utf-8">
    <title>Nerd's</title>
  </head>
  <body>
     <header class="main-header">
       <div class="index-logo">
        <img src="nerds-logo.png" width="160" height="65" alt="nerd's">
      </div>
      <div class="container">
         <nav class="main-navigation">
          <ul class="main-menu">
            <li>
              <a href="#">СТУДИЯ</a>
            </li>
            <li>
              <a href="#">КЛИЕНТЫ</a>
            </li>
            <li>
              <a href="#">МАГАЗИН</a>
            </li>
            <li>
              <a href="#">КОНТАКТЫ</a>
            </li>
            <li>
              <a href="#">КОРЗИНА</a>
            </li>
          </ul>
        </nav>
      </div>
      <div class="features">
        <b class="features-name">Долго, дорого,<br> скурпулезно.</b>
          <p>Математически выверенный дизайн<br> для вашего сайта или мобильного приложения.</p>
        <a class="btn" href="#">УЗНАТЬ БОЛЬШЕ</a>
      </div>
       <div class="gallery">
            <figure class="gallery-content">
              <img src="img/slide1.jpg" width="698" height="413" alt="">
            </figure>
          </div>
     </header>
     <main class="container">
       <div class="container-menu">
           <div class="container-menu__web-site">
             <p><b class="container-menu-link-name">ВЕБ САЙТЫ</b></p>
               <p>
                        Мир никогда не будет прежним<br> после того как увидит ваш сайт!
               </p>
                      <a class="btn btn-red" href="#">ЗАКАЗАТЬ</a>
                    </div>
                    <div class="container-menu__attachment">
                   <p><b class="container-menu-link-name">ПРИЛОЖЕНИЯ</b></p>
               <p>
                        Покорите топ-10 приложений в AppStore и Google Play
               </p>
                      <a class="btn btn-green" href="#">ЗАКАЗАТЬ</a>
                    </div>
           <div class="container-menu__presentations">
                 <p><b class="container-menu-link-name">ПРЕЗЕНТАЦИИ</b></p>
               <p>
                        Вы даже не подозреваете, насколько Вы изумительны!
               </p>
                      <a class="btn btn-yellow" href="#">ЗАКАЗАТЬ</a>
             <div class="about-company">
      <div class="about-company__left">
            <p><b class="main-title">Мы — маленькая, но гордая дизайн-студия из Краснодара.</b></p>
        <p>Исповедуем принципы минимализма и чистоты. Ставим математический расчет выше креатива. Работаем не покладая рук, как роботы.</p>
       <h2 class="second-title-1">Выполняем заказы на разработку:</h2>
        <ul>
          <li>Веб-сайтов любой сложности</li>
          <li>Мобильных приложений для iOS и Android</li>
          <li>Слайдшоу и видео для корпоративных презентаций</li>
        </ul>
      </div>
              </div>
             <div class="about-company__right">
        <img class="logo-1" src="nerds-logo-1.png" width="240" height="119" alt="logo">
        <h2 class="second-title-2">C 2004 года любим точность во всем:</h2>
        <ul>
          <li>
            <h2>146%</h2>
            <p>Уровень самоотдачи</p>
           </li>
          <li>
            <h2>100%</h2>
            <p>Соблюдение сроков</p>
          </li>
          <li>
            <h2>50%</h2>
            <p>Минимальная предоплата</p>
         </li>
        </ul>
      </div>
    </div>
     <div class="partners">
       <ul>
                        <li>
                            <b>html academy</b>
                        </li>
                        <li>
                            <b>Barbershop BORODINSKI</b>
                        </li>
                        <li>
                            <b>PINK</b>
                        </li>
                        <li>
                            <b>MISHKA</b>
                        </li>
                    </ul>
        </div>
         <footer class="main-footer">
    <div class="map">
      <div class="map-field" id="map"></div>
      <div class="map-content">
        <h2 class="map-content-title">Nerds design studio</h2>
        <p class="map-content-address">191186, Санкт-Петербург, ул. Б. Конюшенная, д. 19/8</p>
        <p class="contacts-telephone">тел. ‎‎‎‎‎+7 (812) 275-75-75</p>
        <a class="btn" href="#">Напишите нам</a>
      </div>
    </div>
    <div class="container">
      <div class="social-block">
        <a href="#" class="social-btn"><i class="icon_vk"></i></a>
        <a href="#" class="social-btn"><i class="icon-facebook"></i></a>
        <a href="#" class="social-btn"><i class="icon-instagramm"></i></a>
      </div>
      <div class="discount">
        <h2 class="discount-title">Давайте дружить, это выгодно!</h2>
        <p>Скидка 10% для друзей из социальных сетей.</p>
      </div>
    </div>
  </footer>

    </main>
  </body>
</html>