{% load static %} 
<style>
  .header-line{
    font-family:Roboto;
    background-image: url("{% static 'landing/img/header-line.png' %}");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
</style>
<div class="container-sm">
    <div class="row m-3">
      <div class="col-6" style="font-size: 22px; font-family: Lobster;">Москва</div>
      <div class="col-6 text-end" style="font-size: 22px; font-family: Lobster;">телефон</div>
    </div>
    <div class="row m-3">
      <div class="col-12" style="font-size: 22px; font-family: Lobster;">Lorem ipsum dolor sit amet consectetur adipisicing.</div>
    </div>
    <div class="row m-4">
      <div class="col-12 text-center">
        <img src="{% static 'landing/img/letterlogo.png' %}" alt="" />
        <img src="{% static 'landing/img/main-logo.png' %}" alt="" />
      </div>
    </div>
    <div class="row m-2">
      <div class="col-12">
        <img
          src="{% static 'landing/img/headerimage.png' %}"
          style="width: 100%; height: 100%"
        />
      </div>
    </div>
    <div class="row " style="margin-top: -9px;">
      <ul
        class="nav justify-content-center header-line">
        <li class="nav-item my-1 m-sm-1 mx-lg-4">
          <a class="nav-link" href="{% url 'main' %}" style="color: white; "><h4>УСЛУГИ</h4></a>
        </li>
        <li class="nav-item my-1 m-sm-1 mx-lg-4">
          <a class="nav-link" href="{% url 'order' %}" style="color: white; "><h4>ЗАКАЗ ОНЛАЙН</h4></a>
        </li>
        <li class="nav-item my-1 m-sm-1 mx-lg-4">
          <a class="nav-link" href="{% url 'faq' %}" style="color: white; "><h4>FAQ</h4></a>
        </li>
        <li class="nav-item my-1 m-sm-1 mx-lg-4">
          <a class="nav-link" href="{% url 'price' %}" style="color: white; "><h4>ЦЕНЫ</h4></a>
        </li>
        <li class="nav-item my-1 m-sm-1 mx-lg-4">
          <a class="nav-link" href="{% url 'contact' %}" style="color: white; "><h4>КОНТАКТЫ</h4></a>
        </li>
      </ul>
    </div>
  </div>