first commit

admin.py

@@ -0,0 +1,13 @@
+from django.contrib import admin
+from landing.models import *
+from landing.utils import create_pages_clean_admin
+
+@admin.register(LandingPage)
+class LandingPageAdmin(admin.ModelAdmin):
+    list_display = ('title', 'slug')
+    actions = [create_pages_clean_admin]
+
+@admin.register(FAQmodel)
+class LandingPageAdmin(admin.ModelAdmin):
+    list_display = ('question',)
+#admin.site.register(LandingPage)

apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class LandingConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'landing'

forms.py

@@ -0,0 +1,35 @@
+from django import forms
+from captcha.fields import CaptchaField
+import datetime
+
+class MyForm(forms.Form):
+    name = forms.CharField(label="", widget=forms.TextInput(attrs={'class':'form-control', 'placeholder':'Имя', 'id':'sendemailname'}))
+    email = forms.CharField(label="", widget=forms.TextInput(attrs={'class':'form-control', 'placeholder':'Email', 'type':'email', 'id':'sendemailemail'}))
+    message = forms.CharField(label="", widget=forms.Textarea(attrs={'class':'form-control', 'placeholder':'Сообщение', 'rows':'3', 'id':'sendemailmessage'}))
+    captcha = CaptchaField()
+
+SERVICE_CHOICES =(
+    (0, "xxxxxxxxxxxxxxxxxxxxxxxxxxxx"),
+    (1, "xxxxxxxxxxxxxxxxxxxxxxxx"),
+    (2, "xxxxxxxxxxxxxxxxxx"),
+    (3, "xxxxxxxxxxxxxxxxx"),
+    (4, "xxxxxxxxxxxxxxxxxxx"),
+    (5, "xxxxxxxxxxxxx"),
+    (6, "xxxxxx"),
+)
+number_errors = {
+    'required': 'Укажите номер в формате: +79876543210.',
+    'invalid': 'Номер должен быть в формате: +79876543210.'
+}
+service_errors = {
+    'required': 'Выберите хотя бы одну услугу.',
+    'invalid': 'Выберите хотя бы одну услугу.'
+}
+class OrderForm(forms.Form):
+    name = forms.CharField(label="", widget=forms.TextInput(attrs={'class':'form-control', 'placeholder':'Имя'}))
+    surname = forms.CharField(label="", widget=forms.TextInput(attrs={'class':'form-control', 'placeholder':'Фамилия'}))
+    service = forms.MultipleChoiceField( required=True, choices=SERVICE_CHOICES, widget=forms.CheckboxSelectMultiple(), error_messages=service_errors)
+    datetime = forms.DateTimeField(initial=datetime.date.today, widget=forms.DateTimeInput(attrs={'type':'datetime-local', 'class':'form-control', 'placeholder':'form-control'}) )
+    phone = forms.RegexField(regex=r'^\+?1?\d{9,15}$', error_messages=number_errors, widget=forms.TextInput(attrs={'class':'form-control', 'type':'tel', 'placeholder':'+79876543210'}))
+    comment = forms.CharField(label="", required=False, widget=forms.Textarea(attrs={'class':'form-control', 'placeholder':'Комментарий', 'rows':'5'}))
+    captcha = CaptchaField()

migrations/0001_initial.py

@@ -0,0 +1,39 @@
+# Generated by Django 4.1.3 on 2023-07-26 08:47
+
+import ckeditor.fields
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='ButlerPage',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=150)),
+                ('slug', models.SlugField(unique=True)),
+                ('content', ckeditor.fields.RichTextField(blank=True, null=True)),
+            ],
+            options={
+                'verbose_name': 'Простая страница',
+                'verbose_name_plural': 'Простые страницы',
+            },
+        ),
+        migrations.CreateModel(
+            name='FAQmodel',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('question', models.TextField(blank=True)),
+                ('answer', models.TextField(blank=True)),
+            ],
+            options={
+                'verbose_name': 'FAQ',
+            },
+        ),
+    ]

migrations/0002_rename_butlerpage_landingpage.py

@@ -0,0 +1,17 @@
+# Generated by Django 4.1.3 on 2023-08-01 09:28
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('landing', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.RenameModel(
+            old_name='ButlerPage',
+            new_name='LandingPage',
+        ),
+    ]

models.py

@@ -0,0 +1,25 @@
+from django.db import models
+from django.urls import reverse
+from ckeditor.fields import RichTextField
+
+class LandingPage(models.Model):
+    title = models.CharField(max_length=150)
+    slug = models.SlugField(unique=True)
+    content = RichTextField(blank=True, null=True)
+
+    def __str__(self) -> str:
+        return self.title
+    
+    class Meta:
+        verbose_name = 'Простая страница'
+        verbose_name_plural = 'Простые страницы'
+    
+class FAQmodel(models.Model):
+    question = models.TextField(blank=True)
+    answer = models.TextField(blank=True)
+
+    def __str__(self) -> str:
+        return self.question
+    
+    class Meta:
+        verbose_name = 'FAQ'

templates/landing/base.html

@@ -0,0 +1,36 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="ru" class="h-100">
+<head>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q1E14C3NE6"></script>
+    <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-Q1E14C3NE6');
+    </script>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="shortcut icon" type="image/png" href="{% static '/landing/img/letterlogo.png' %}">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    
+    <title></title>
+    <style type="text/css">
+        @import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
+        @import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');
+        * { 
+         font-family: 'Forum', 'Lobster', cursive;
+        }
+    </style>
+</head>
+<body class="h-100">
+    {% block content %}
+    {% endblock %}
+    <script>
+        document.getElementById("date-year").innerHTML = new Date().getFullYear();
+    </script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+</body>
+</html>

templates/landing/footer.html

@@ -0,0 +1,52 @@
+{% load static %} 
+<style>
+@media screen and (max-width: 860px) {
+  .mob-footer {
+    display: none;
+  }
+}
+</style>
+<footer class="footer mt-auto py-3">
+    <div class="container mob-footer">
+        <div class="row m-1 mx-4" style="font-size: 14px;">
+            <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>
+            
+            <div class="col-6 text-center">
+              <img src="{% static 'landing/img/letterlogo.png' %}" style="width: 40px;" />
+              <img src="{% static 'landing/img/main-logo.png' %}" style="width: 100px;" />
+            </div>
+            <div class="col-3 text-end" style="font-family: Lobster;">
+                телефон
+                <br>
+                 e-mail:<a href="#" style="text-decoration: none; color: black; font-family: Lobster;">email</a>
+            </div>
+          </div>
+          <div class="row m-1">
+            <div class="col-12">
+              <img
+                src="{% static 'landing/img/headerimage.png' %}"
+                style="width: 100%; height: 100%"
+              />
+            </div>
+          </div>
+          <div class="row " style="margin-top: -9px;">
+            <ul class="nav justify-content-center">
+              <li class="nav-item my-1 m-sm-1 mx-lg-4">
+                <a class="nav-link" href="{% url 'main' %}" style="color: #060936;"><h4>УСЛУГИ</h4></a>
+              </li>
+              <li class="nav-item my-1 m-sm-1 mx-lg-4">
+                <a class="nav-link" href="{% url 'order' %}" style="color: #060936;"><h4>ЗАКАЗ ОНЛАЙН</h4></a>
+              </li>
+              <li class="nav-item my-1 m-sm-1 mx-lg-4">
+                <a class="nav-link" href="{% url 'faq' %}" style="color: #060936;"><h4>FAQ</h4></a>
+              </li>
+              <li class="nav-item my-1 m-sm-1 mx-lg-4">
+                <a class="nav-link" href="{% url 'price' %}" style="color: #060936;"><h4>ЦЕНЫ</h4></a>
+              </li>
+              <li class="nav-item my-1 m-sm-1 mx-lg-4">
+                <a class="nav-link" href="{% url 'contact' %}" style="color: #060936;"><h4>КОНТАКТЫ</h4></a>
+              </li>
+            </ul>
+          </div>
+    </div>
+  </footer>

templates/landing/header.html

@@ -0,0 +1,52 @@
+{% load static %} 
+<style>
+  .header-line{
+    font-family:Roboto;
+    background-image: url("{% static 'landing/img/header-line.png' %}");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+</style>
+<div class="container-sm">
+    <div class="row m-3">
+      <div class="col-6" style="font-size: 22px; font-family: Lobster;">Москва</div>
+      <div class="col-6 text-end" style="font-size: 22px; font-family: Lobster;">телефон</div>
+    </div>
+    <div class="row m-3">
+      <div class="col-12" style="font-size: 22px; font-family: Lobster;">Lorem ipsum dolor sit amet consectetur adipisicing.</div>
+    </div>
+    <div class="row m-4">
+      <div class="col-12 text-center">
+        <img src="{% static 'landing/img/letterlogo.png' %}" alt="" />
+        <img src="{% static 'landing/img/main-logo.png' %}" alt="" />
+      </div>
+    </div>
+    <div class="row m-2">
+      <div class="col-12">
+        <img
+          src="{% static 'landing/img/headerimage.png' %}"
+          style="width: 100%; height: 100%"
+        />
+      </div>
+    </div>
+    <div class="row " style="margin-top: -9px;">
+      <ul
+        class="nav justify-content-center header-line">
+        <li class="nav-item my-1 m-sm-1 mx-lg-4">
+          <a class="nav-link" href="{% url 'main' %}" style="color: white; "><h4>УСЛУГИ</h4></a>
+        </li>
+        <li class="nav-item my-1 m-sm-1 mx-lg-4">
+          <a class="nav-link" href="{% url 'order' %}" style="color: white; "><h4>ЗАКАЗ ОНЛАЙН</h4></a>
+        </li>
+        <li class="nav-item my-1 m-sm-1 mx-lg-4">
+          <a class="nav-link" href="{% url 'faq' %}" style="color: white; "><h4>FAQ</h4></a>
+        </li>
+        <li class="nav-item my-1 m-sm-1 mx-lg-4">
+          <a class="nav-link" href="{% url 'price' %}" style="color: white; "><h4>ЦЕНЫ</h4></a>
+        </li>
+        <li class="nav-item my-1 m-sm-1 mx-lg-4">
+          <a class="nav-link" href="{% url 'contact' %}" style="color: white; "><h4>КОНТАКТЫ</h4></a>
+        </li>
+      </ul>
+    </div>
+  </div>

templates/landing/index.html

@@ -0,0 +1,12 @@
+{% extends 'landing/base.html' %} 
+
+{% block content %}
+
+{% include 'landing/header.html' %}
+
+<div class="container" style="min-height: 500px;">
+    {% block container %}
+    {% endblock container %}
+</div>
+{% include 'landing/footer.html' %}
+{% endblock %}

templates/landing/menu.html

@@ -0,0 +1,93 @@
+<style>
+    .menu-a li a {
+        font-family: Forum;
+        text-decoration: none;
+        color: black;
+        font-size: 18px;
+    }
+
+    .menu-a li a:hover {
+        text-shadow: 0.5px 0.5px black;
+    }
+</style>
+<div class="container">
+    <hr>
+    <h2 style="font-family: Forum; ">УСЛУГИ</h2>
+    <hr>
+    <ul class="menu-a" style="
+    list-style: none;
+    margin-left: -30px;
+    line-height: 25px;">
+    {% for item in menu %}
+    {% comment %} {% url item.slug %} {% endcomment %}
+        <li><a href="#"><h5>{{ item.title }}</h5></a></li>
+    {% endfor %}
+    </ul>
+    <hr>
+    <h2 style="font-family: Forum; ">ОТЗЫВЫ О НАС</h2>
+    <hr>
+    <figure class="text-end">
+        <blockquote class="blockquote">
+            <p style="
+                text-align: left;
+                font-family: Forum; 
+                font-size: 15px;">Lorem ipsum dolor sit amet consectetur adipisicing elit. A quis non autem eveniet consectetur quibusdam.</p>
+        </blockquote>
+        <figcaption class="blockquote-footer" style="font-family: Forum; font-size: 14px;">
+            Автор
+        </figcaption>
+    </figure>
+
+    <figure class="text-end">
+        <blockquote class="blockquote">
+            <p style="
+                font-family: Forum; 
+                text-align: left;
+                font-size: 15px;">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Sequi doloremque, atque aliquam dignissimos aperiam hic.</p>
+        </blockquote>
+        <figcaption class="blockquote-footer" style="font-family: Forum; font-size: 14px;">
+            Автор
+        </figcaption>
+    </figure>
+    <hr>
+    <form method="post" style="font-family: Forum;" class="row g-2">
+        {% csrf_token %}
+        {{ form.name }}
+        {{ form.email }}
+        {{ form.message }}
+        {{ form.captcha}}
+        {% if form.captcha.errors %}
+            <div class="alert alert-danger" role="alert">
+                Неверный ответ на CAPTCHA
+            </div>  
+        {% endif %}
+        <button class="btn btn-light my-1" id="btnsend" type="submit" 
+        style="color: #060936;
+        box-shadow: 1px 1px 2px gray;">Отправить</button>
+    </form>
+   <script>
+    //Скрипт для отображения капчи после заполнения всех полей
+    var captchaImage = document.getElementsByClassName('captcha')[0]
+    var captcha = document.getElementById('id_captcha_1')
+    var name = document.getElementById('sendemailname')
+    var email = document.getElementById('sendemailemail')
+    var message = document.getElementById('sendemailmessage')
+    var btnsend = document.getElementById('btnsend')
+    function checkFields(){
+        if(name.value != "" && email.value != "" && message.value != ""){
+            captcha.style.display = "initial"
+            captchaImage.style.display = "initial"
+        }else{
+            captcha.style.display = "none"
+            captchaImage.style.display = "none"
+        }
+    }
+    checkFields()
+    btnsend.addEventListener("mouseenter", (event) => {
+        checkFields()
+    });
+    captcha.className += " form-control";
+    captcha.placeholder = "Ответ на капчу";
+   </script>
+
+</div>

templates/landing/pages/about.html

@@ -0,0 +1,36 @@
+{% extends 'landing/main.html' %}
+
+{% block about %}
+
+  <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 %}
+{% endblock %}

templates/landing/pages/contact.html

@@ -0,0 +1,34 @@
+{% extends 'landing/index.html' %}
+{% load static %} 
+{% block container %}
+
+<div class="row" style="min-height: 500px;">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-12 col-md-7" style=" overflow-wrap: break-word;">
+                <div style="position:relative;overflow:hidden; border-radius: 15px;  box-shadow: 1px 1px 5px gray; margin: 30px 10px 40px 10px;">
+                    <iframe src="#" 
+                    width="100%" height="400" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe>
+                </div>
+            </div>
+            <div class="col-12 col-md-5" style="overflow-wrap: break-word;">
+                <div style="margin: 30px 10px 40px 10px;">
+                    <h2>КОНТАКТЫ:</h2>
+                    
+                    <h6>&nbsp;</h6>
+                    <h5>Адреса:</h5>
+                    <span style="font-size:18px; font-weight: bold;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae voluptatibus sunt nesciunt corporis fugit rem.</span>
+                    
+                    <h2>&nbsp;</h2>
+                    <h5>Телефон:</h5>
+                    <span style="font-size:18px; font-weight: bold;">телефон</span>
+                    
+                    <h2>&nbsp;</h2>
+                    <h5>E-mail:</h5>
+                    <span style="font-size:18px; font-weight: bold;"><a href="mailto: " style="text-decoration: none; color: black;">email</a></span>
+                </div>    
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/landing/pages/faq.html

@@ -0,0 +1,79 @@
+{% extends 'landing/index.html' %} {% load static %} {% block container %}
+<style>
+  .accordion-button:not(.collapsed) {
+    color: #000000;
+    background-color: #ffffff;
+    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
+  }
+  .accordion-button:focus {
+    z-index: 3;
+    border-color: #ffffff;
+    outline: 0;
+    box-shadow: 0 0 0 0.25rem transparent;
+  }
+</style>
+<div class="row" style="min-height: 500px">
+  <div class="container-fluid">
+    <div class="row mt-5">
+      <h2>ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ</h2>
+      <div class="accordion accordion-flush" id="accordionFlushExample">
+        {% for item in faq %}
+        <div class="accordion-item">
+            <h2 class="accordion-header" id="flush-headingOne">
+              <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapse{{item.id}}" aria-expanded="false" aria-controls="flush-collapse{{item.id}}">
+                <h5>{{ item.question }}</h5>
+              </button>
+            </h2>
+            <div id="flush-collapse{{item.id}}" class="accordion-collapse collapse" aria-labelledby="flush-heading{{item.id}}" data-bs-parent="#accordionFlushExample">
+              <div class="accordion-body" style="font-size: 18px">
+                {{ item.answer }}
+              </div>
+            </div>
+          </div>
+        {% endfor %}
+      </div>
+    </div>
+    <div class="row">
+      <hr />
+      <h2>ЗАДАТЬ СВОЙ ВОПРОС</h2>
+    </div>
+    <form method="post" style="font-family: Forum" class="row g-2">
+      {% csrf_token %}
+      <div class="row">
+        {% if form.captcha.errors %}
+        <div
+          class="alert alert-danger mt-3 w-100"
+          role="alert"
+        >
+        Неверный ответ на CAPTCHA
+        </div>
+        {% endif %}
+        <div class="col-12 col-md-6 row g-2">
+          {{ form.name }} {{ form.email }} {{ form.message }}
+        </div>
+        <div class="col-12 col-md-6 mt-3">
+          <span class="my-3">{{ form.captcha}} </span>
+
+          <button
+            class="btn btn-light mt-3 w-100"
+            id="btnsend"
+            type="submit"
+            style="color: #060936; margin: 0px; box-shadow: 1px 1px 2px gray"
+          >
+            Отправить
+          </button>
+        </div>
+      </div>
+    </form>
+    <script>
+      //Скрипт для отображения капчи после заполнения всех полей
+      var captchaImage = document.getElementsByClassName("captcha")[0];
+      var captcha = document.getElementById("id_captcha_1");
+      captchaImage.style.height = "80px";
+      captchaImage.style.marginBottom = "20px";
+      captcha.className += " form-control";
+      captcha.placeholder = "Ответ на капчу";
+    </script>
+  </div>
+</div>
+{% endblock %}

templates/landing/pages/in_work.html

@@ -0,0 +1,18 @@
+{% extends 'landing/index.html' %}
+{% load static %} 
+{% block container %}
+
+<div class="row" style="min-height: 500px;">
+    
+    <div class="col-12 col-sm-6 col-md-5 col-lg-4 col-xxl-3">
+        {% include 'landing/menu.html' %}
+    </div>
+
+    <div class="col-12 col-sm-6 col-md-7 col-lg-8 col-xxl-9" style="overflow-wrap: break-word;">
+        {{ mainpage.content|safe }}
+
+        <h1 class="display-6 my-5">Страница в разработке!</h1>
+        
+    </div>
+</div>
+{% endblock %}

templates/landing/pages/main.html

@@ -0,0 +1,59 @@
+{% 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 %}

templates/landing/pages/order.html

@@ -0,0 +1,71 @@
+{% extends 'landing/index.html' %}
+{% load static %}
+{% block container %}
+
+<div class="row">
+    <div class="col-12 col-md-3"></div>
+    <div class="col-12 col-md-6 my-5" style=" min-height: 500px;">
+        <h2 class="w-100 text-center">ЗАКАЖИТЕ ОНЛАЙН</h2>
+        <h5 class="w-100 text-center">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias ab nemo nisi harum. Laboriosam pariatur facilis accusamus, suscipit assumenda odio.</h5>
+        <form method="post" style="font-family: Forum;" class="row g-2">
+            {% csrf_token %}
+           
+            <div class="col-md-6">
+                {{ form.name }}
+            </div>
+            <div class="col-md-6">
+                {{ form.surname }}
+            </div>
+            <div class="col-md-12">
+                <label for="exampleInputEmail1" class="form-label">Выберите услугу/услуги</label>
+                {{ form.service }}
+            </div>
+            <div class="col-md-6">
+                <label for="exampleInputEmail1" class="form-label">Желаемая дата оказания услуг</label>
+                {{ form.datetime }}
+            </div>
+            <div class="col-md-6">
+                <label for="exampleInputEmail1" class="form-label">Номер телефона</label>
+                {{ form.phone }}
+            </div>
+            <div class="col-md-6">
+                {{ form.comment }}
+            </div>
+            <div class="col-md-6">
+                {{ form.captcha}}
+            </div>
+            {% if form.errors %}
+            <div class="alert alert-danger mt-3 w-100"  role="alert">
+                <ul>
+                    {% if form.captcha.errors %}
+                        <li>Неверный ответ на CAPTCHA</li>
+                    {% endif %}
+                    {% if form.service.errors %}
+                        <li>Выберите хотя бы одну услугу</li>
+                    {% endif %}
+                    {% if form.phone.errors %}
+                        <li>Номер должен быть в формате: +79876543210</li>
+                    {% endif %}
+                </ul>
+                
+            </div>
+            {% endif %}
+            <div class="col-md-12">
+                <button class="btn btn-light mt-3 w-100" id="btnsend" type="submit" style="color: #060936;
+                margin: 0px;
+                box-shadow: 1px 1px 2px gray;">Отправить</button>
+            </div>
+        </form>
+    </div>
+    <div class="col-12 col-md-3"></div>
+    <script>
+        //Скрипт для отображения капчи после заполнения всех полей
+        var captchaImage = document.getElementsByClassName('captcha')[0]
+        var captcha = document.getElementById('id_captcha_1')
+        captchaImage.style.height = "80px";
+        captchaImage.style.marginBottom = "20px";
+        captcha.className += " form-control";
+        captcha.placeholder = "Ответ на капчу";
+    </script>
+</div>
+{% endblock %}

templates/landing/pages/price.html

@@ -0,0 +1,105 @@
+{% extends 'landing/index.html' %}
+{% load static %} 
+{% block container %}
+
+<div class="row" style="min-height: 500px;">   
+    <div class="col-12 mt-5" style="overflow-wrap: break-word;">
+        <h2>УВАЖАЕМЫЕ ГОСПОДА!</h2> 
+        <hr>       
+        <h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci mollitia vitae ratione. Culpa, corporis sit aperiam voluptas laudantium, modi libero labore ab blanditiis eligendi porro dignissimos ratione ipsam, possimus eos? </h5>
+        <h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae quae, sunt quis distinctio animi, illo atque dolores natus non voluptates quisquam a. Officia facilis provident magni? Praesentium?</h5>
+        <h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, optio!</h5>
+        <hr> 
+        <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>
+          
+          <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>
+</div>
+{% endblock %}

templates/landing/pages/simple.html

@@ -0,0 +1,15 @@
+{% extends 'landing/index.html' %}
+{% load static %} 
+{% block container %}
+
+<div class="row" style="min-height: 500px;">
+    
+    <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;">
+        {{ mainpage.content|safe }}
+    </div>
+</div>
+{% endblock %}

templates/landing/ser_btn.html

@@ -0,0 +1,7 @@
+{% load static %} 
+<a href="{% url 'order' %}">
+    <div style="float: right; width: 120px; height: auto; transform: rotate(5deg); cursor: pointer;">
+        <span style="position:relative; right: -30px; top: 75px; color: white; font-size: 18px; font-family: Lobster; ">Заказать</span>
+        <img src="{% static 'landing/img/orderimg.png' %}"  alt="">
+    </div>
+</a>

tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

urls.py

@@ -0,0 +1,29 @@
+from django.urls import path, include
+from .views import *
+
+urlpatterns = [
+    
+    #path('', include('django.contrib.flatpages.urls')),
+    path('', index_html, name='main'),
+    path('order/', order_html, name='order'),
+    path('faq/', faq_html, name='faq'),
+    path('price/', price_html, name='price'),
+    path('contact/', contact_html, name='contact'),
+    #pages
+    path('clean-car/', page_html, name='clean-car'),
+    path('clean-fit/', page_html, name='clean-fit'),
+    path('clean-office/', page_html, name='clean-office'),
+    path('clean-tcj/', page_html, name='clean-tcj'),
+    path('clean-area/', page_html, name='clean-area'),
+    path('clean-facades/', page_html, name='clean-facades'),
+    path('clean-apartments/', page_html, name='clean-apartments'),
+    path('clean-cottages/', page_html, name='clean-cottages'),
+    path('clean-out/', page_html, name='clean-out'),
+    path('clean-renovation/', page_html, name='clean-renovation'),
+    path('captcha/', include('captcha.urls')),
+
+    #path('services/<str:page>/', services_html, name="services"),
+    #path('', views.flatpage, {'url': ''}, name='about'),
+    #path('test/', views.flatpage, {'url': '/test/'}, name='test'),
+]
+

utils.py

@@ -0,0 +1,27 @@
+from landing.models import LandingPage
+
+
+
+def create_pages_clean():
+    if not LandingPage.objects.filter(slug='order'):
+        LandingPage.objects.create(title="Главная", slug="main", content="")
+        LandingPage.objects.create(title="Заказ онлайн", slug="order", content="")
+        LandingPage.objects.create(title="FAQ", slug="faq", content="")
+        LandingPage.objects.create(title="Цены", slug="price", content="")
+        LandingPage.objects.create(title="Контакты", slug="contact", content="")
+    if not LandingPage.objects.filter(slug__startswith="clean"):
+        LandingPage.objects.create(title="Уборка автосалонов", slug="clean-car", content="")
+        LandingPage.objects.create(title="Уборка фитнес клубов", slug="clean-fit", content="")
+        LandingPage.objects.create(title="Уборка офисов, ТЦ и БЦ", slug="clean-office", content="")
+        LandingPage.objects.create(title="Уборка ТСЖ", slug="clean-tcj", content="")
+        LandingPage.objects.create(title="Уборка прилегающей территории", slug="clean-area", content="")
+        LandingPage.objects.create(title="Мойка фасадов и остекления", slug="clean-facades", content="")
+        LandingPage.objects.create(title="Комплексная уборка квартир", slug="clean-apartments", content="")
+        LandingPage.objects.create(title="Комплексная уборка коттеджей", slug="clean-cottages", content="")
+        LandingPage.objects.create(title="Генеральная уборка", slug="clean-out", content="")
+        LandingPage.objects.create(title="Уборка после ремонта", slug="clean-renovation", content="")
+
+def create_pages_clean_admin(modeladmin, request, queryset):
+    create_pages_clean()
+
+create_pages_clean_admin.short_description = "Созадть страницы по умолчанию"

views.py

@@ -0,0 +1,136 @@
+from django.shortcuts import render
+from django.http import HttpResponseRedirect
+from .models import *
+from landing.forms import *
+# Create your views here.
+from django.core.mail import EmailMessage, get_connection
+import core.config_template as settings
+
+
+def send_email_mess(body, sub):
+    with get_connection(  
+        host=settings.EMAIL_HOST, 
+        port=settings.EMAIL_PORT,  
+        username=settings.EMAIL_HOST_USER, 
+        password=settings.EMAIL_HOST_PASSWORD, 
+        use_tls=settings.EMAIL_USE_TLS,
+        use_ssl=settings.EMAIL_USE_SSL
+        ) as connection:
+        #print(form.cleaned_data)
+        subject = sub  
+        email_from = settings.EMAIL_HOST_USER  
+        recipient_list = [settings.EMAIL_TO]  
+        message = body 
+        EmailMessage(subject, message, email_from, recipient_list, connection=connection).send() 
+
+def index_html(request):
+    if request.POST:
+        form = MyForm(request.POST)
+        if form.is_valid():
+            body = f"""
+            Имя: {form.cleaned_data['name']}\n
+            Email: {form.cleaned_data['email']}\n
+            Комментарий: {form.cleaned_data['message']}
+            """
+            send_email_mess(body, "Пользователь оставил отзыв")
+    else:
+        form = MyForm()
+
+    menu = LandingPage.objects.filter(slug__startswith='clean')
+    context = {
+        # "mainpage":LandingPage.objects.get(slug="main"),
+        "menu":menu,
+        "form":form
+    }
+    return render(request, 'landing/pages/main.html', context=context)
+
+
+
+def page_html(request):
+    if request.POST:
+        form = MyForm(request.POST)
+        if form.is_valid():
+            print(form.cleaned_data)
+    else:
+        form = MyForm()
+    slug = (request.path[1:-1])
+    if not LandingPage.objects.filter(slug=slug):
+        menu = LandingPage.objects.filter(slug__startswith='clean')
+        print(menu)
+        if not LandingPage.objects.filter(slug__startswith='clean'):
+            menu = LandingPage.objects.filter(slug__startswith='clean')
+            context = {
+                "form":form
+            }
+        else:
+            context = {
+                "form":form,
+                "menu":menu
+            }
+        return render(request, 'landing/pages/in_work.html', context=context)
+    else:
+        menu = LandingPage.objects.filter(slug__startswith='clean')
+        print(menu)
+        context = {
+            "mainpage":LandingPage.objects.get(slug=slug),
+            "form":form,
+            "menu":menu
+        }
+        return render(request, 'landing/pages/simple.html', context=context)
+
+def send_email(request):
+    if request.method == 'POST':
+        print(request.POST['email'])
+    
+    return HttpResponseRedirect('/')
+
+#simple page
+def contact_html(request):
+    return render(request, 'landing/pages/contact.html')
+
+def price_html(request):
+    return render(request, 'landing/pages/price.html')
+
+def order_html(request):
+    if request.POST:
+        form = OrderForm(request.POST)
+        if form.is_valid():
+            services = ""
+            for item in form.cleaned_data['service']:
+                services += f"{SERVICE_CHOICES[int(item)][1]}, " 
+            body = f"""
+            Имя: {form.cleaned_data['name']}\n
+            Фамилия: {form.cleaned_data['surname']}\n
+            Номер телефона: {form.cleaned_data['phone']}\n
+            Выбранные услуги: {services}\n
+            Желаемое время оказания услуги: {form.cleaned_data['datetime']}\n
+            Комментарий: {form.cleaned_data['comment'] or "Комментарий отсутствует"}
+            """
+            send_email_mess(body, "ЗАКАЗ")
+    else:
+        form = OrderForm()
+    context = {
+            "form":form
+        }
+    return render(request, 'landing/pages/order.html', context)
+
+def faq_html(request):
+    if request.POST:
+        form = MyForm(request.POST)
+        if form.is_valid():
+            body = f"""
+            Имя: {form.cleaned_data['name']}\n
+            Email: {form.cleaned_data['email']}\n
+            Вопрос: {form.cleaned_data['message']}
+            """
+            send_email_mess(body, "Пользователь задал вопрос")
+    else:
+        form = MyForm()
+    context = {
+            "form":form,
+            "faq":FAQmodel.objects.all()
+        }
+    return render(request, 'landing/pages/faq.html', context)
+
+
+