more style adoptation

templates/landing/footer.html

@@ -13,13 +13,13 @@
         <div class="flex-column services-footer">
             <h4>О сервисе</h4>
             <ul class="list-none footer-text cursor-pointer decoration-none">
-                <li><a href="{% url 'about' %}">Преимущества</a></li>
+                <li>Преимущества</li>
                     <li>Правовая информация</li>
                 <li>Правила оказания услуг</li>
             </ul>
         </div>
         <div class="flex-column services-footer">
-            <h4>Услуги</h4>
+            <h4><a href="{% url 'price' %}">Услуги</a></h4>
             <ul class="list-none footer-text cursor-pointer">
                 <li>Услуга 1</li>
                 <li>Услуга 2</li>

templates/landing/menu.html

@@ -3,6 +3,12 @@
 <div class="flex-row service-wrapper">
     <div class="servises-block hideScrollbar">
         <h1 class="title new-font-size">Услуги</h1>
+        
+        {% for item in menu %}
+        {% comment %} {% url item.slug %} {% endcomment %}
+            <li><a href="#"><h5>{{ item.title }}</h5></a></li>
+        {% endfor %}
+        
         <button class="flex-row text-style button-selection cursor-pointer">
             <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <path

templates/landing/pages/faq.html

@@ -37,7 +37,7 @@
       <hr />
       <h2>ЗАДАТЬ СВОЙ ВОПРОС</h2>
     </div>
-    <form method="post" style="font-family: Forum" class="row g-2">
+    <form method="post" class="contacts-data">
       {% csrf_token %}
       <div class="row">
         {% if form.captcha.errors %}
@@ -48,17 +48,17 @@
         Неверный ответ на CAPTCHA
         </div>
         {% endif %}
-        <div class="col-12 col-md-6 row g-2">
+        <div class="input-group">
           {{ form.name }} {{ form.email }} {{ form.message }}
         </div>
-        <div class="col-12 col-md-6 mt-3">
+        <div class="input-group">
           <span class="my-3">{{ form.captcha}} </span>
 
           <button
-            class="btn btn-light mt-3 w-100"
+            class="proto-button send cursor-pointer"
             id="btnsend"
             type="submit"
-            style="color: #060936; margin: 0px; box-shadow: 1px 1px 2px gray"
+            
           >
             Отправить
           </button>

templates/landing/pages/main.html

@@ -10,11 +10,15 @@
         и описать ее преимущества и уникальные предложения. Важно, чтобы информация была представлена
         ясно и лаконично, чтобы посетители сайта могли
         быстро ознакомиться с основными аспектами деятельности компании.</p>
+        <p>
+        <iframe width="720" height="405" src="https://rutube.ru/play/embed/13dc8e0f0dab202617a6372b84a82bd1/" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+        </p>
+    <h1>Еще заголовок</h1>
     <figure class="sixteen-nine-img">
-        <iframe
-                src="https://rutube.ru/play/embed/13dc8e0f0dab202617a6372b84a82bd1/">
-        </iframe>
+        <img alt="image-place">
     </figure>
+        
+
     <h1>Наша команда</h1>
     <p>В данном разделе представлены сведения о ключевых сотрудниках компании, их профессиональном опыте
         и достижениях. Здесь можно рассказать о руководителях отделов, высококвалифицированных
@@ -44,6 +48,7 @@
             <p>Должность</p>
         </div>
     </div>
+    <p>Тут можно еще написать текст про компанию, это будет интересно потенциальным пользователям.</p>
 </div>
 </div>
 

templates/landing/pages/price.html

@@ -1,7 +1,6 @@
 {% extends 'landing/index.html' %}
 {% load static %} 
 {% block container %}
-{% include 'landing/menu.html' %}
 
 <h1>Уважаемые господа!</h1>
 <p>Здесь можно описать основные направления деятельности компании, перечень услуг, которые она оказывает, а
@@ -10,6 +9,93 @@
     указать цены на услуги, если это применимо, или описать систему ценообразования компании.</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 %}