diff --git a/static/css/components/header.css b/static/css/components/header.css
index be6dbe8..0f3f848 100644
--- a/static/css/components/header.css
+++ b/static/css/components/header.css
@@ -171,6 +171,8 @@
     color: #c77814;
     opacity: .7;
     display: block;
+    padding: 27px 0;
+    padding-left: 8px;
 }
 
 .form__cell-header {
@@ -224,7 +226,8 @@
 }
 /* контент */
 .contacts__schedule_mod {
-    padding: 14px 0;
+    padding: 28px 0;
+    margin: 0;
 }
 .drop:hover .dropdown_mod {
     left: -25px;
diff --git a/templates/content.html b/templates/content.html
index 53c3d9d..b558cf3 100644
--- a/templates/content.html
+++ b/templates/content.html
@@ -26,9 +26,10 @@
                             <div class="dropdown dropdown_mod">
                                 <div class="drop-block">
                                     <div class="triangle triangle_mod"></div>
-                                    <a href="" class="input">
+                                    <!-- <a href="" class="input">
                                         <input type="button" href="" name="LogOut" class="header_btn header_btn_mod" value="Выйти" >
-                                    </a> 
+                                    </a>  -->
+                                    <button type="submit" value="Выйти" class="header_btn" name="LogOut" >Выход</button>
                                 </div>
                             </div>
                         </div>
@@ -84,7 +85,6 @@
                                     </div>
                                 </div>
                             </div>
-    
                         </div>
                     </form>
                 </div>
@@ -127,8 +127,7 @@
                     </form>
                 </div>
             </section>
-        </section>
-        
+        </section>     
     </div>
 
     <!-- заглушка -->
diff --git a/templates/hero.html b/templates/hero.html
new file mode 100644
index 0000000..88c0094
--- /dev/null
+++ b/templates/hero.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="ru-RU">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>jarvis</title>
+    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename = './css/main.css') }}">
+</head>
+
+<body>
+    <div class="wrapper">
+<!-- header -->
+    <header class="header">
+        <div class="container clearfix">
+            <div class="header_left clearfix">
+                <a href="" class="logo-decor">
+                    <img class="logo_icon" src="{{ url_for('static', filename='./img/815a836e51c6f20226cb07df7f32895c.png') }}" alt="">
+                    <p class="logo-text">J.a.r.v.i.s </p>
+                </a>
+            </div>
+            <div class="header_right">
+                <div class="contacts">
+                    <div class="drop">                   
+                        <p href="" class="contacts__schedule contacts__schedule_mod">nagbator228#264</p>
+                        <div class="dropdown dropdown_mod">
+                            <div class="drop-block">
+                                <div class="triangle triangle_mod"></div>
+                                <button type="submit" value="Выйти" class="header_btn" name="LogOut" >Выход</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+    <section class="container form_content">
+        <div class="hero"> 
+            <div class="container">
+                <div class="hero_con clearfix">
+                    <div class="rotateblock_orenge">
+                        <div class="ava_logo">
+                            <div class="rotateblock">
+                                <img src="{{ url_for('static', filename='./img/ava.png') }}" alt="" class="ava">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="content_form">
+                        <div class="animate_text">
+                            <h class="h_content">Jarvis</h>
+                        </div>
+                        <div class="content_form-text">
+                            <p class="text_content">Ваш индивидуальный помощник на каждый день</p>
+                        </div>
+                        <div class="input-button">
+                            <a href="/login" class="input">
+                                <input type="button" href="/login" name="LogButton" class="welcome__btn" value="Создать" >
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- заглушка -->
+    <footer class="footer clearfix">
+        <div class="container">
+            <div class="footer-q clearfix">
+                <p class="footer-full-text">Сделано с любовью и старанием на курсе ВГУ "Тестирование ПО"  <b class="footer-text_name"></b> </p>
+            </div>
+            <div class="footer-q clearfix">
+                <a href="" class="logo-text">j.a.r.v.i.s</a>
+            </div>
+            <div class="footer-q clearfix">
+                <p class="footer-messeger_text">Наши социальные сети</p>
+                <ul class="footer-messeger">
+                    <li class="footer-messeger__item ">
+                        <a href="" class="footer-messeger__link">
+                            <img src="{{ url_for('static', filename='./img/vk.png') }}" class="footer-messeger__icon" alt="">
+                        </a>
+                    </li>
+                    <li class="footer-messeger__item">
+                    <a href="" class="footer-messeger__link ">
+                            <img src="{{ url_for('static', filename='./img/fb.png') }}" class="footer-messeger__icon" alt="">
+                        </a>
+                    </li>
+                    <li class="footer-messeger__item">
+                        <a href="" class="footer-messeger__link">
+                            <img src="{{ url_for('static', filename='./img/google.png') }}" class="footer-messeger__icon" alt="">
+                        </a>
+                    </li>
+                    <li class="footer-messeger__item">
+                        <a href="" class="footer-messeger__link">
+                            <img src="{{ url_for('static', filename='./img/twitter.png') }}" class="footer-messeger__icon" alt="">
+                        </a>
+                    </li>
+                    <li class="footer-messeger__item">
+                        <a href="" class="footer-messeger__link">
+                            <img src="{{ url_for('static', filename='./img/mail.png') }}" class="footer-messeger__icon" alt="">
+                        </a>   
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/templates/registration.html b/templates/registration.html
index 081abd3..0b146c8 100644
--- a/templates/registration.html
+++ b/templates/registration.html
@@ -42,61 +42,48 @@
                         </div>
                     </div>
                 </div>
-                <!-- <div class="header_right">
-                    <div class="contacts">
-                        <div class="drop">                   
-                            <a href="" class="contacts__schedule">Нужна помощь?</a>
-
-                             <div class="dropdown dropdown_mod">
-                                <div class="drop-block drop-block_mod">
-                                    <div class="triangle triangle_mod"></div>
-                                    <p>Обратитесь в службу поддержки по адресу:<b>jarvis@mail.ru</b> </p>
-                                </div>
-                            </div> 
-                        </div>
-                    </div>
-                </div> -->
             </div>
         </header>
         
 
 
         <section class="form">
-            <div class="form__title">
-                Создать аккаунт
-            </div>
-            <!-- лейблы -->
-            <form action="/registration" method="POST">
-                <div class="form__fields">
-                    <div class="form__element">
-                        <div class="form__row clearfix">   
+            <div class="container">
+                <div class="form__title">
+                    Создать аккаунт
+                </div>
+                <!-- лейблы -->
+                <form action="/registration" method="POST">
+                    <div class="form__fields">
+                        <div class="form__element">
+                            <div class="form__row clearfix">   
 
-                            <label class="form__log">
-                                <div class="form__field-title">  
-                                    Введите логин     
-                                </div>
-                                <input type="text" class="form__input-text" placeholder="Введите логин" name = "RegUserLogin">
-                            </label> 
-                            <label class="form__log">
-                                <div class="form__field-title" > 
-                                    Введите пароль
-                                </div>
-                                <input type="password" class="form__input-text" placeholder="Введите пароль" name = "RegUserPassw">
-                            </label>   
-                        </div>
-                        <div class="form__btns">
-                            <div class="form__controls">
-                                <div class="form__controls-btns clearfix">
-                                    <div class="form__controls-right">
-                                        <button type="submit" value="Отправить" class="form__submit" name="RegButton" >Регистрация</button>
+                                <label class="form__log">
+                                    <div class="form__field-title">  
+                                        Введите логин     
+                                    </div>
+                                    <input type="text" class="form__input-text" placeholder="Введите логин" name = "RegUserLogin">
+                                </label> 
+                                <label class="form__log">
+                                    <div class="form__field-title" > 
+                                        Введите пароль
+                                    </div>
+                                    <input type="password" class="form__input-text" placeholder="Введите пароль" name = "RegUserPassw">
+                                </label>   
+                            </div>
+                            <div class="form__btns">
+                                <div class="form__controls">
+                                    <div class="form__controls-btns clearfix">
+                                        <div class="form__controls-right">
+                                            <button type="submit" value="Отправить" class="form__submit" name="RegButton" >Регистрация</button>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-
                     </div>
-                </div>
-            </form>
+                </form>
+            </div>
         </section>
     </div>
 
