{% load i18n %}
{% load static %}
<!-- service -->
<div id="service">
    <div class="wrapper">
        <div class="service-block">
            <div class="item">
                <a href="/scope/b2b/">
                    <div class="img-block"><img src="{% static "images/case.svg" %}" alt=""></div>
                    <div class="title">B2B</div>
                    <p>Бизнес для бизнеса. Сайты компаний, которые продают товары или оказывают услуги другим
                        компаниям.</p>
                </a>
            </div>
            <div class="item">
                <a href="/scope/non_profit/">
                    <div class="img-block"><img src="{% static "images/charity.svg" %}" alt=""></div>
                    <div class="title">Некоммерческие проекты</div>
                    <p>Социальные проекты делают мир тем, чем он является — миром добра и взаимопомощи. Или стремятся к
                        этому.</p>
                </a>
            </div>
            <div class="item">
                <a href="/scope/b2c/">
                    <div class="img-block"><img src="{% static "images/camp-table.svg" %}" alt=""></div>
                    <div class="title">B2C</div>
                    <p>Бизнес для потребителя. В таких сайтах все подчинено вкусам и интересам ваших клиентов. Это сайты
                        для них. </p>
                </a>
            </div>
            <div class="item">
                <a href="/scope/apps/">
                    <div class="img-block"><img src="{% static "images/hand-and-phone.svg" %}" alt=""></div>
                    <div class="title">Мобильные приложения</div>
                    <p>Мобильные сайты, мобильные приложения — сегодня весь интернет в телефоне. И это надо
                        использовать. </p>
                </a>
            </div>
            <div class="item">
                <a href="/scope/smm/">
                    <div class="img-block"><img src="{% static "images/stick-man.svg" %}" alt=""></div>
                    <div class="title">Социальные сети</div>
                    <p>Лучший канал распространения информации. Сегодня люди больше общаются в социальных сетях, чем с
                        соседями. </p>
                </a>
            </div>
            <div class="item">
                <a href="/scope/market/">
                    <div class="img-block"><img src="{% static "images/shopping-cart.svg" %}" alt=""></div>
                    <div class="title">Интернет - торговля</div>
                    <p>Интернет-магазин — экономия времени, денег, пространство для экспериментов и введения
                        новшеств. </p>
                </a>
            </div>
        </div>
    </div>
</div>
<!-- service END -->