header.html 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. {% load static %}
  2. <style>
  3. .header-line{
  4. font-family:Roboto;
  5. background-image: url("{% static 'landing/img/header-line.png' %}");
  6. background-repeat: no-repeat;
  7. background-size: 100% 100%;
  8. }
  9. </style>
  10. <div class="container-sm">
  11. <div class="row m-3">
  12. <div class="col-6" style="font-size: 22px; font-family: Lobster;">Москва</div>
  13. <div class="col-6 text-end" style="font-size: 22px; font-family: Lobster;">телефон</div>
  14. </div>
  15. <div class="row m-3">
  16. <div class="col-12" style="font-size: 22px; font-family: Lobster;">Lorem ipsum dolor sit amet consectetur adipisicing.</div>
  17. </div>
  18. <div class="row m-4">
  19. <div class="col-12 text-center">
  20. <img src="{% static 'landing/img/letterlogo.png' %}" alt="" />
  21. <img src="{% static 'landing/img/main-logo.png' %}" alt="" />
  22. </div>
  23. </div>
  24. <div class="row m-2">
  25. <div class="col-12">
  26. <img
  27. src="{% static 'landing/img/headerimage.png' %}"
  28. style="width: 100%; height: 100%"
  29. />
  30. </div>
  31. </div>
  32. <div class="row " style="margin-top: -9px;">
  33. <ul
  34. class="nav justify-content-center header-line">
  35. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  36. <a class="nav-link" href="{% url 'main' %}" style="color: white; "><h4>УСЛУГИ</h4></a>
  37. </li>
  38. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  39. <a class="nav-link" href="{% url 'order' %}" style="color: white; "><h4>ЗАКАЗ ОНЛАЙН</h4></a>
  40. </li>
  41. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  42. <a class="nav-link" href="{% url 'faq' %}" style="color: white; "><h4>FAQ</h4></a>
  43. </li>
  44. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  45. <a class="nav-link" href="{% url 'price' %}" style="color: white; "><h4>ЦЕНЫ</h4></a>
  46. </li>
  47. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  48. <a class="nav-link" href="{% url 'contact' %}" style="color: white; "><h4>КОНТАКТЫ</h4></a>
  49. </li>
  50. </ul>
  51. </div>
  52. </div>