footer.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. {% load static %}
  2. <style>
  3. @media screen and (max-width: 860px) {
  4. .mob-footer {
  5. display: none;
  6. }
  7. }
  8. </style>
  9. <footer class="footer mt-auto py-3">
  10. <div class="container mob-footer">
  11. <div class="row m-1 mx-4" style="font-size: 14px;">
  12. <div class="col-3" style="font-family: Lobster;">© <span id="date-year" style="font-family: Lobster;">2022</span> <a href="#" style="text-decoration: none; color: black; font-family: Lobster;"></a>ссылка на сайт</div>
  13. <div class="col-6 text-center">
  14. <img src="{% static 'landing/img/letterlogo.png' %}" style="width: 40px;" />
  15. <img src="{% static 'landing/img/main-logo.png' %}" style="width: 100px;" />
  16. </div>
  17. <div class="col-3 text-end" style="font-family: Lobster;">
  18. телефон
  19. <br>
  20. e-mail:<a href="#" style="text-decoration: none; color: black; font-family: Lobster;">email</a>
  21. </div>
  22. </div>
  23. <div class="row m-1">
  24. <div class="col-12">
  25. <img
  26. src="{% static 'landing/img/headerimage.png' %}"
  27. style="width: 100%; height: 100%"
  28. />
  29. </div>
  30. </div>
  31. <div class="row " style="margin-top: -9px;">
  32. <ul class="nav justify-content-center">
  33. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  34. <a class="nav-link" href="{% url 'main' %}" style="color: #060936;"><h4>УСЛУГИ</h4></a>
  35. </li>
  36. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  37. <a class="nav-link" href="{% url 'order' %}" style="color: #060936;"><h4>ЗАКАЗ ОНЛАЙН</h4></a>
  38. </li>
  39. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  40. <a class="nav-link" href="{% url 'faq' %}" style="color: #060936;"><h4>FAQ</h4></a>
  41. </li>
  42. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  43. <a class="nav-link" href="{% url 'price' %}" style="color: #060936;"><h4>ЦЕНЫ</h4></a>
  44. </li>
  45. <li class="nav-item my-1 m-sm-1 mx-lg-4">
  46. <a class="nav-link" href="{% url 'contact' %}" style="color: #060936;"><h4>КОНТАКТЫ</h4></a>
  47. </li>
  48. </ul>
  49. </div>
  50. </div>
  51. </footer>