diff --git a/frontend/controllers/SiteController.php b/frontend/controllers/SiteController.php
index d3fd46b..60555d4 100755
--- a/frontend/controllers/SiteController.php
+++ b/frontend/controllers/SiteController.php
@@ -144,4 +144,8 @@
                 }
             }
         }
+
+        public function actionAppment(){
+            return $this->render('appment');
+        }
     }
diff --git a/frontend/views/site/appment.php b/frontend/views/site/appment.php
index e69de29..4699b6d 100644
--- a/frontend/views/site/appment.php
+++ b/frontend/views/site/appment.php
@@ -0,0 +1,74 @@
+<?php
+use artbox\core\components\SeoComponent;
+use yii\web\View;
+
+/**
+ * @var View $this
+ */
+/**
+ * @var SeoComponent $seo
+ */
+$seo = \Yii::$app->get('seo');
+$this->title = \Yii::t('app', 'Записаться на приём');
+$this->params[ 'breadcrumbs' ][] = $this->title;
+?>
+<div class="container appment-page">
+    <section>
+        <div class="col-md-12">
+            <div class="heading text-center">
+                <h2><?=$this->title?></h2>
+            </div>
+            <div class="col-md-8 col-md-offset-2">
+                <div class="forms_wr">
+                    <div class="modal-body">
+
+                        <form id="appointment-form" action="/site/appointment" method="POST" role="form">
+                            <div class="form-group field-appointment-name">
+                                <div class="on_input_"></div>
+                                <label class="control-label" for="appointment-name">Имя</label>
+                                <input type="text" id="appointment-name" class="form-control" name="Appointment[name]" aria-invalid="false">
+
+                                <p class="help-block help-block-error"></p>
+                            </div>
+                            <div class="form-group field-appointment-name required">
+                                <div class="on_input_"></div>
+                                <label class="control-label" for="appointment-name">Номер телефона</label>
+                                <input type="text" id="appointment-phone" class="form-control" name="Appointment[phone]">
+
+                                <p class="help-block help-block-error"></p>
+                            </div>
+                            <div class="form-group field-appointment-date required has-datepicker">
+                                <div class="on_input_"></div>
+                                <label class="control-label" for="appointment-date">Дата</label>
+                                <input type="text" id="appointment-date" class="form-control" name="Appointment[date]">
+
+                                <p class="help-block help-block-error"></p>
+                            </div>
+                            <div class="datepicker-wr">
+                                <div id="datepicker"></div>
+                            </div>
+                            <div class="form-group field-appointment-time">
+                                <div class="on_input_"></div>
+                                <label class="control-label" for="appointment-service">Время</label>
+                                <input type="text" id="appointment-time" class="form-control" name="Appointment[time]">
+
+                                <p class="help-block help-block-error"></p>
+                            </div>
+                            <div class="form-group field-appointment-service">
+                                <div class="on_input_"></div>
+                                <label class="control-label" for="appointment-service">Услуга</label>
+                                <input type="text" id="appointment-service" class="form-control" name="Appointment[service]">
+
+                                <p class="help-block help-block-error"></p>
+                            </div>
+                            <p class="text-center">
+                                <button type="submit" class="send-form btn btn-lg btn-template-primary">Отправить</button>
+                            </p>
+                        </form>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
diff --git a/frontend/web/css/custom.css b/frontend/web/css/custom.css
index d6a2b27..301909f 100755
--- a/frontend/web/css/custom.css
+++ b/frontend/web/css/custom.css
@@ -205,4 +205,7 @@
     .header-kristal .mtop90 {
         margin-top: 0px;
     }
+}
+.appment-page .modal-body{
+    margin-bottom: 60px;
 }
\ No newline at end of file
diff --git a/frontend/web/css/style.turquoise.css b/frontend/web/css/style.turquoise.css
index 5b986d8..ee0aa07 100755
--- a/frontend/web/css/style.turquoise.css
+++ b/frontend/web/css/style.turquoise.css
@@ -2041,7 +2041,7 @@ fieldset[disabled] .btn-template-primary.active {
 }
 
 #heading-breadcrumbs {
-    background: url('../img/texture-bw.png') center center repeat;
+    background-color: #81e7d3;
     padding: 20px 0;
     margin-bottom: 40px;
 }
@@ -3809,7 +3809,7 @@ hr {
 }
 
 .breadcrumb > .active {
-    color: #999999;
+    color: #ffffff;
 }
 
 @media (max-width: 991px) {
--
libgit2 0.21.4