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

<h1>Уважаемые господа!</h1>
<p>Здесь можно описать основные направления деятельности компании, перечень услуг, которые она оказывает, а
    также примеры проектов, выполненных компанией в рамках этих услуг. Важно, чтобы информация была
    представлена ясно и понятно, с подробным описанием услуг и их преимуществ для клиентов. Также можно
    указать цены на услуги, если это применимо, или описать систему ценообразования компании.</p>
    
<div id="informationTable" class="information-table">
    <h2>СТОИМОСТЬ УСЛУГ</h2>
            <table class="table table-striped">
                <thead>
                  <tr>
                    <th scope="col">#</th>
                    <th scope="col">Услуга</th>
                    <th scope="col">Цена</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th scope="row">1</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">2</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">3</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">4</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">5</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">6</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                </tbody>
              </table>
              
              <h2>&nbsp;</h2>
              
            <h2>ДОПОЛНИТЕЛЬНЫЕ УСЛУГИ</h2>
            <table class="table table-striped">
                <thead>
                  <tr>
                    <th scope="col">#</th>
                    <th scope="col">Услуга</th>
                    <th scope="col">Цена</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <th scope="row">1</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">2</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">3</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">4</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">5</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                  <tr>
                    <th scope="row">6</th>
                    <td>Lorem ipsum dolor sit amet.</td>
                    <td>Lorem, ipsum.</td>
                  </tr>
                </tbody>
              </table>
            {% include 'landing/ser_btn.html' %}
</div>
{% endblock %}