sharix-open-landing/templates/landing/pages/main.html

{% extends 'landing/index.html' %}
{% load static %} 
{% block container %}

<div class="row" style="min-height: 500px;">
    <!-- видео -->
    <div class="ratio ratio-21x9">
        <iframe 
        src="#">
         </iframe>
    </div>
    
    <div class="col-12 col-sm-6 col-md-5 col-lg-4 col-xxl-3 order-1 order-md-0">
        {% include 'landing/menu.html' %}
    </div>
    
    <div class="col-12 col-sm-6 col-md-7 col-lg-8 col-xxl-9 order-0 order-md-1" style="overflow-wrap: break-word;">
        <!-- {% comment %} {{ flatpage.content|safe }} {% endcomment %}
        {{ mainpage.content|safe }} -->
        {% block about %}{% endblock %}
        <h3>&nbsp;</h3>

        <h1>О КОМПАНИИ</h1>
      
        <h4><span style="font-size:20px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor, culpa cum vel veniam, quaerat assumenda unde deserunt mollitia architecto nemo alias ullam omnis odit labore</span></h4>
      
        <h2>&nbsp;</h2>
      
        <h1>НАШИ ПРЕИМУЩЕСТВА</h1>
      
        <h4><span style="font-size:20px">Lorem ipsum dolor sit amet consectetur, adipisicing elit.</span></h4>
      
        <h4><span style="font-size:20px">Lorem ipsum dolor sit amet consectetur adipisicing elit.</span></h4>
      
        <h4><span style="font-size:20px">Lorem ipsum, dolor sit amet consectetur adipisicing </span></h4>
      
        <h4><span style="font-size:20px">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</span></h4>
      
        <h4><span style="font-size:20px">Lorem ipsum dolor sit amet consectetur adipisicing elit.</span></h4>
      
        <h4><span style="font-size:20px">Lorem ipsum dolor sit amet consectetur adipisicing elit.</span></h4>
      
        <h2>&nbsp;</h2>
      
        {% comment %} <h1>ПАКЕТНОЕ ОБСЛУЖИВАНИЕ</h1>
      
        <h4><span style="font-size:20px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat impedit quas iure eos pariatur deserunt facilis architecto animi ipsum, atque, distinctio iusto dolores deleniti q</span></h4>
      
        <h4><span style="font-size:20px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias aliquam amet ulla</span></h4>
      
        <h4><span style="font-size:20px">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam quas iusto autem fugiat aut architecto quidem sit totam fugit adipisci? Odio, dolor</span></h4> {% endcomment %}
        {% include 'landing/ser_btn.html' %}
        
    </div>
    <div class="col-12 order-2">
        <img src="{% static 'landing/img/bigimg.png' %}" style="width: 100%; height: 100%;" alt="">
    </div>
</div>
{% endblock %}