diff --git a/frontend/assets/AppAsset.php b/frontend/assets/AppAsset.php
index fb502d3..43e0171 100644
--- a/frontend/assets/AppAsset.php
+++ b/frontend/assets/AppAsset.php
@@ -15,11 +15,11 @@
             'css/site.css',
             'css/animate.css',
             'css/style.css',
-            'css/custom.css',
             'css/style.default.css',
             'css/owl.carousel.css',
             'css/owl.theme.css',
             '//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,500,700,800',
+            'css/custom.css',
         ];
         public $js = [
             'js/jquery.cookie.js',
@@ -28,6 +28,7 @@
             'js/jquery.parallax-1.1.3.js',
             'js/front.js',
             'js/owl.carousel.min.js',
+            'js/script.js',
         ];
         public $depends = [
             'yii\web\YiiAsset',
diff --git a/frontend/assets/MapAsset.php b/frontend/assets/MapAsset.php
new file mode 100644
index 0000000..03bc41b
--- /dev/null
+++ b/frontend/assets/MapAsset.php
@@ -0,0 +1,25 @@
+<?php
+    
+    namespace frontend\assets;
+    
+    use yii\web\AssetBundle;
+    
+    /**
+     * Class MapAsset
+     *
+     * @package frontend\assets
+     */
+    class MapAsset extends AssetBundle
+    {
+        public $basePath = '@webroot';
+        public $baseUrl = '@web';
+        public $css = [];
+        public $js = [
+            'https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false',
+            'js/gmaps.js',
+            'js/gmaps.init.js',
+        ];
+        public $depends = [
+            'frontend\assets\AppAsset',
+        ];
+    }
\ No newline at end of file
diff --git a/frontend/controllers/SiteController.php b/frontend/controllers/SiteController.php
index 9f4db26..4582dd1 100644
--- a/frontend/controllers/SiteController.php
+++ b/frontend/controllers/SiteController.php
@@ -1,18 +1,18 @@
 <?php
 namespace frontend\controllers;
 
+use artbox\core\models\Feedback;
 use common\models\Settings;
 use Yii;
 use yii\base\InvalidParamException;
 use yii\web\BadRequestHttpException;
 use yii\web\Controller;
 use yii\filters\VerbFilter;
-use yii\filters\AccessControl;
 use common\models\LoginForm;
 use frontend\models\PasswordResetRequestForm;
 use frontend\models\ResetPasswordForm;
 use frontend\models\SignupForm;
-use frontend\models\ContactForm;
+use yii\web\Response;
 
 /**
  * Site controller
@@ -30,7 +30,22 @@ class SiteController extends Controller
             ],
         ];
     }
-
+    
+    /**
+     * @inheritdoc
+     */
+    public function behaviors()
+    {
+        return [
+            'verbs' => [
+                'class'   => VerbFilter::className(),
+                'actions' => [
+                    'feedback' => [ 'post' ],
+                ],
+            ],
+        ];
+    }
+    
     /**
      * Displays homepage.
      *
@@ -40,7 +55,7 @@ class SiteController extends Controller
     {
         return $this->render('index');
     }
-
+    
     /**
      * Logs in a user.
      *
@@ -51,7 +66,7 @@ class SiteController extends Controller
         if (!Yii::$app->user->isGuest) {
             return $this->goHome();
         }
-
+        
         $model = new LoginForm();
         if ($model->load(Yii::$app->request->post()) && $model->login()) {
             return $this->goBack();
@@ -61,7 +76,7 @@ class SiteController extends Controller
             ]);
         }
     }
-
+    
     /**
      * Logs out the current user.
      *
@@ -70,10 +85,10 @@ class SiteController extends Controller
     public function actionLogout()
     {
         Yii::$app->user->logout();
-
+        
         return $this->goHome();
     }
-
+    
     /**
      * Displays contact page.
      *
@@ -81,22 +96,15 @@ class SiteController extends Controller
      */
     public function actionContact()
     {
-        $model = new ContactForm();
-        if ($model->load(Yii::$app->request->post()) && $model->validate()) {
-            if ($model->sendEmail(Yii::$app->params['adminEmail'])) {
-                Yii::$app->session->setFlash('success', 'Thank you for contacting us. We will respond to you as soon as possible.');
-            } else {
-                Yii::$app->session->setFlash('error', 'There was an error sending your message.');
-            }
-
-            return $this->refresh();
-        } else {
-            return $this->render('contact', [
-                'model' => $model,
-            ]);
-        }
+        $contact = new Feedback();
+        return $this->render(
+            'contact',
+            [
+                'contact' => $contact,
+            ]
+        );
     }
-
+    
     /**
      * Displays about page.
      *
@@ -106,7 +114,7 @@ class SiteController extends Controller
     {
         return $this->render('about');
     }
-
+    
     /**
      * Signs user up.
      *
@@ -122,12 +130,12 @@ class SiteController extends Controller
                 }
             }
         }
-
+        
         return $this->render('signup', [
             'model' => $model,
         ]);
     }
-
+    
     /**
      * Requests password reset.
      *
@@ -139,18 +147,18 @@ class SiteController extends Controller
         if ($model->load(Yii::$app->request->post()) && $model->validate()) {
             if ($model->sendEmail()) {
                 Yii::$app->session->setFlash('success', 'Check your email for further instructions.');
-
+                
                 return $this->goHome();
             } else {
                 Yii::$app->session->setFlash('error', 'Sorry, we are unable to reset password for the provided email address.');
             }
         }
-
+        
         return $this->render('requestPasswordResetToken', [
             'model' => $model,
         ]);
     }
-
+    
     /**
      * Resets password.
      *
@@ -165,18 +173,23 @@ class SiteController extends Controller
         } catch (InvalidParamException $e) {
             throw new BadRequestHttpException($e->getMessage());
         }
-
+        
         if ($model->load(Yii::$app->request->post()) && $model->validate() && $model->resetPassword()) {
             Yii::$app->session->setFlash('success', 'New password saved.');
-
+            
             return $this->goHome();
         }
-
+        
         return $this->render('resetPassword', [
             'model' => $model,
         ]);
     }
     
+    /**
+     * Action to view robots.txt file dinamycli
+     *
+     * @return string
+     */
     public function actionRobots()
     {
         $response = \Yii::$app->response;
@@ -192,4 +205,25 @@ class SiteController extends Controller
         $response->headers->set('Content-Type', 'text/plain');
         return $this->renderFile($meta[ 'uri' ]);
     }
+    
+    public function actionFeedback()
+    {
+        Yii::$app->response->format = Response::FORMAT_JSON;
+        if (empty(Yii::$app->request->post())) {
+            throw new BadRequestHttpException();
+        } else {
+            $model = new Feedback();
+            if ($model->load(Yii::$app->request->post()) && $model->save()) {
+                return [
+                    'success' => true,
+                    'message' => 'Success message',
+                ];
+            } else {
+                return [
+                    'success' => false,
+                    'error'   => $model->errors,
+                ];
+            }
+        }
+    }
 }
diff --git a/frontend/views/layouts/main.php b/frontend/views/layouts/main.php
index fee6025..fed59a5 100644
--- a/frontend/views/layouts/main.php
+++ b/frontend/views/layouts/main.php
@@ -7,15 +7,19 @@
      */
     
     use artbox\core\components\SeoComponent;
+    use artbox\core\models\Feedback;
     use artbox\core\models\User;
     use frontend\assets\AppAsset;
+    use yii\bootstrap\ActiveForm;
     use yii\bootstrap\Nav;
     use yii\helpers\Html;
     use yii\web\View;
+    use yii\widgets\Breadcrumbs;
     
     AppAsset::register($this);
     $user = \Yii::$app->user->identity;
     $seo = Yii::$app->get('seo');
+    $feedback = new Feedback();
 ?>
 
 <?php $this->beginPage() ?>
@@ -61,16 +65,16 @@ _________________________________________________________ -->
             </div>
           </div>
           <!-- *** TOP END *** -->
-      
+  
           <!-- *** NAVBAR ***
   _________________________________________________________ -->
           <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
-        
+  
             <div class="navbar navbar-default yamm" role="navigation" id="navbar">
-          
+    
               <div class="container">
                 <div class="navbar-header">
-              
+  
                   <a class="navbar-brand home" href="index.html">
                     <img src="/img/logo.png" alt="Universal logo" class="hidden-xs hidden-sm">
                     <img src="/img/logo-small.png" alt="Universal logo" class="visible-xs visible-sm"><span class="sr-only">Universal - go to homepage</span>
@@ -82,7 +86,7 @@ _________________________________________________________ -->
                     </button>
                   </div>
                 </div>
-            
+      
                 <div class="navbar-collapse collapse" id="navigation">
                     <?php
                         echo Nav::widget(
@@ -93,8 +97,8 @@ _________________________________________________________ -->
                                         'url'   => [ 'site/index' ],
                                     ],
                                     [
-                                        'label' => 'Dropdown',
-                                        'url'   => [ '#' ],
+                                        'label' => 'Contatcs',
+                                        'url'   => [ 'site/contact' ],
                                     ],
                                     [
                                         'label' => 'Login',
@@ -108,10 +112,10 @@ _________________________________________________________ -->
                         );
                     ?>
                 </div>
-            
-            
+      
+      
                 <div class="collapse clearfix" id="search">
-              
+        
                   <form class="navbar-form" role="search">
                     <div class="input-group">
                       <input type="text" class="form-control" placeholder="Search">
@@ -122,114 +126,175 @@ _________________________________________________________ -->
                 </span>
                     </div>
                   </form>
-            
+      
                 </div>
                 <!--/.nav-collapse -->
-          
+    
               </div>
-        
-        
+  
+  
             </div>
             <!-- /#navbar -->
-      
+
           </div>
-      
+  
           <!-- *** NAVBAR END *** -->
-    
+
         </header>
-    
-        <!-- *** LOGIN MODAL ***
+  
+        <!-- *** FeedBack MODAL ***
 _________________________________________________________ -->
-    
-        <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
-          <div class="modal-dialog modal-sm">
-        
+  
+        <div class="modal fade" id="feedback-modal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true">
+          <div class="modal-dialog">
+      
             <div class="modal-content">
               <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-                <h4 class="modal-title" id="Login">Customer login</h4>
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
+                <h3 class="modal-title" id="Login">Feedback</h3>
               </div>
               <div class="modal-body">
-                <form action="customer-orders.html" method="post">
-                  <div class="form-group">
-                    <input type="text" class="form-control" id="email_modal" placeholder="email">
-                  </div>
-                  <div class="form-group">
-                    <input type="password" class="form-control" id="password_modal" placeholder="password">
-                  </div>
-              
-                  <p class="text-center">
-                    <button class="btn btn-template-main"><i class="fa fa-sign-in"></i> Log in</button>
-                  </p>
-            
-                </form>
-            
-                <p class="text-center text-muted">Not registered yet?</p>
-                <p class="text-center text-muted">
-                  <a href="customer-register.html"><strong>Register now</strong></a>! It is easy and done in 1&nbsp;minute and gives you access to special discounts and much more!
+    
+                  <?php $form = ActiveForm::begin(
+                      [
+                          'id'     => 'feedback-form',
+                          'method' => 'POST',
+                          'action' => '/site/feedback',
+                      ]
+                  ); ?>
+    
+                  <?= $form->field($feedback, 'name')
+                           ->textInput(); ?>
+    
+                  <?= $form->field($feedback, 'email')
+                           ->textInput(); ?>
+    
+                  <?= $form->field($feedback, 'phone')
+                           ->textInput(); ?>
+    
+                  <?= $form->field($feedback, 'message')
+                           ->textarea(
+                               [
+                                   'rows' => 4,
+                               ]
+                           ); ?>
+  
+                <p class="text-center">
+                    <?= Html::submitButton(
+                        'Send',
+                        [
+                            'class' => 'send-form btn btn-lg btn-template-primary',
+                        ]
+                    ) ?>
                 </p>
-          
+    
+                  <?php ActiveForm::end(); ?>
+
               </div>
             </div>
           </div>
         </div>
-    
-        <!-- *** LOGIN MODAL END *** -->
+  
+        <!-- *** FeedBack MODAL END *** -->
+  
+        <!-- *** FeedBack MODAL ***
+_________________________________________________________ -->
+  
+        <div class="modal fade" id="success-modal" tabindex="-1" role="dialog" aria-labelledby="Success" aria-hidden="true">
+          <div class="modal-dialog">
       
+            <div class="modal-content">
+              <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times</button>
+                <h3 class="modal-title" id="Success">Success</h3>
+              </div>
+              <div class="modal-body">
+          
+                <p>Thank for your reply, we will call you, maybe.</p>
+                <p class="text-center">
+                  <button type="button" class="btn btn-template-primary" data-dismiss="modal">Close</button>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+  
+        <!-- *** FeedBack MODAL END *** -->
+  
+        <!-- *** Breadcrumbs *** -->
+        <div id="heading-breadcrumbs">
+          <div class="container">
+            <div class="row">
+              <div class="col-md-7">
+                <h1><?= $seo->h1 ?></h1>
+              </div>
+              <div class="col-md-5">
+                  <?= Breadcrumbs::widget(
+                      [
+                          'links' => isset($this->params[ 'breadcrumbs' ]) ? $this->params[ 'breadcrumbs' ] : [],
+                      ]
+                  ) ?>
+        
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- *** Breadcrumbs END *** -->
+          
           <?= $content ?>
-    
-    
+  
+  
         <!-- *** GET IT ***
         _________________________________________________________ -->
-    
+  
         <div id="get-it">
           <div class="container">
             <div class="col-md-8 col-sm-12">
               <h3>Do you want cool website like this one?</h3>
             </div>
             <div class="col-md-4 col-sm-12">
-              <a href="#" class="btn btn-template-transparent-primary">Buy this template now</a>
+              <a href="#" class="btn btn-template-transparent-primary" data-toggle="modal" data-target="#feedback-modal">Contact us!</a>
             </div>
           </div>
         </div>
-    
-    
+  
+  
         <!-- *** GET IT END *** -->
-    
+  
         <!-- *** FOOTER ***
 _________________________________________________________ -->
-    
+  
         <footer id="footer">
           <div class="container">
             <div class="col-md-6 col-sm-12">
               <h4>About us</h4>
-          
+  
               <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
-          
+  
               <hr>
-          
+  
               <h4>Join our monthly newsletter</h4>
-          
+  
               <form>
                 <div class="input-group">
-              
+  
                   <input type="text" class="form-control">
-              
+  
                   <span class="input-group-btn">
 
                         <button class="btn btn-default" type="button"><i class="fa fa-send"></i></button>
 
                     </span>
-            
+
                 </div>
                 <!-- /input-group -->
               </form>
-          
+  
               <hr class="hidden-md hidden-lg hidden-sm">
-        
+
             </div>
             <!-- /.col-md-3 -->
-        
+  
             <!--                    <div class="col-md-3 col-sm-6">-->
             <!--                        -->
             <!--                        <h4>Blog</h4>-->
@@ -273,11 +338,11 @@ _________________________________________________________ -->
             <!--                    -->
             <!--                    </div>-->
             <!-- /.col-md-3 -->
-        
+  
             <div class="col-md-4 col-sm-12 col-md-offset-2">
-          
+    
               <h4>Contact</h4>
-          
+    
               <p><strong>Universal Ltd.</strong>
                 <br>13/25 New Avenue
                 <br>Newtown upon River
@@ -286,15 +351,15 @@ _________________________________________________________ -->
                 <br>
                 <strong>Great Britain</strong>
               </p>
-          
+    
               <a href="contact.html" class="btn btn-small btn-template-main">Go to contact page</a>
-          
+    
               <hr class="hidden-md hidden-lg hidden-sm">
-        
+  
             </div>
             <!-- /.col-md-3 -->
-        
-        
+  
+  
             <!--                    <div class="col-md-3 col-sm-6">-->
             <!--                        -->
             <!--                        <h4>Photostream</h4>-->
@@ -338,12 +403,12 @@ _________________________________________________________ -->
           <!-- /.container -->
         </footer>
         <!-- /#footer -->
-    
+  
         <!-- *** FOOTER END *** -->
-    
+  
         <!-- *** COPYRIGHT ***
 _________________________________________________________ -->
-    
+  
         <div id="copyright">
           <div class="container">
             <div class="col-md-12">
@@ -352,15 +417,15 @@ _________________________________________________________ -->
                 <a href="https://remoteplease.com">Remote Please</a>
                 <!-- Not removing these links is part of the license conditions of the template. Thanks for understanding :) If you want to use the template without the attribution links, you can do so after supporting further themes development at https://bootstrapious.com/donate  -->
               </p>
-        
+
             </div>
           </div>
         </div>
         <!-- /#copyright -->
-    
-        <!-- *** COPYRIGHT END *** -->
-  
   
+        <!-- *** COPYRIGHT END *** -->
+
+
       </div>
       <!-- /#all -->
         <?php $this->endBody() ?>
diff --git a/frontend/views/page/view.php b/frontend/views/page/view.php
index 57e422f..dbb88af 100644
--- a/frontend/views/page/view.php
+++ b/frontend/views/page/view.php
@@ -14,24 +14,6 @@
     $seo = \Yii::$app->get('seo');
 ?>
 
-<div id="heading-breadcrumbs">
-  <div class="container">
-    <div class="row">
-      <div class="col-md-7">
-        <h1><?= $seo->h1 ?></h1>
-      </div>
-      <div class="col-md-5">
-        <ul class="breadcrumb">
-          <li><a href="index.html">Home</a>
-          </li>
-          <li>Text page</li>
-        </ul>
-      
-      </div>
-    </div>
-  </div>
-</div>
-
 <div id="content">
   <div class="container">
     
diff --git a/frontend/views/site/contact.php b/frontend/views/site/contact.php
index dc48410..48e05d8 100644
--- a/frontend/views/site/contact.php
+++ b/frontend/views/site/contact.php
@@ -1,45 +1,163 @@
 <?php
-
-/* @var $this yii\web\View */
-/* @var $form yii\bootstrap\ActiveForm */
-/* @var $model \frontend\models\ContactForm */
-
-use yii\helpers\Html;
-use yii\bootstrap\ActiveForm;
-use yii\captcha\Captcha;
-
-$this->title = 'Contact';
-$this->params['breadcrumbs'][] = $this->title;
+    
+    /**
+     * @var View     $this
+     * @var Feedback $contact
+     */
+    
+    use artbox\core\models\Feedback;
+    use frontend\assets\MapAsset;
+    use yii\helpers\Html;
+    use yii\bootstrap\ActiveForm;
+    use yii\web\View;
+    
+    MapAsset::register($this);
+    
+    $this->title = 'Contact';
+    $this->params[ 'breadcrumbs' ][] = $this->title;
 ?>
-<div class="site-contact">
-    <h1><?= Html::encode($this->title) ?></h1>
-
-    <p>
-        If you have business inquiries or other questions, please fill out the following form to contact us. Thank you.
-    </p>
-
-    <div class="row">
-        <div class="col-lg-5">
-            <?php $form = ActiveForm::begin(['id' => 'contact-form']); ?>
-
-                <?= $form->field($model, 'name')->textInput(['autofocus' => true]) ?>
-
-                <?= $form->field($model, 'email') ?>
-
-                <?= $form->field($model, 'subject') ?>
-
-                <?= $form->field($model, 'body')->textarea(['rows' => 6]) ?>
-
-                <?= $form->field($model, 'verifyCode')->widget(Captcha::className(), [
-                    'template' => '<div class="row"><div class="col-lg-3">{image}</div><div class="col-lg-6">{input}</div></div>',
-                ]) ?>
-
-                <div class="form-group">
-                    <?= Html::submitButton('Submit', ['class' => 'btn btn-primary', 'name' => 'contact-button']) ?>
-                </div>
 
+<div id="content">
+  <div class="container" id="contact">
+    
+    <section>
+      
+      <div class="row">
+        <div class="col-md-12">
+          <section>
+            <div class="heading">
+              <h2>We are here to help you</h2>
+            </div>
+            
+            <p class="lead">Are you curious about something? Do you have some kind of problem with our products? As am hastily invited settled at limited civilly fortune me. Really spring in extent an by. Judge but built gay party world. Of so am
+              he remember although required. Bachelor unpacked be advanced at. Confined in declared marianne is vicinity.</p>
+            <p>Please feel free to contact us, our customer service center is working for you 24/7.</p>
+          </section>
+        </div>
+      </div>
+    
+    </section>
+    
+    <section>
+      
+      <div class="row">
+        <div class="col-md-4">
+          <div class="box-simple">
+            <div class="icon">
+              <i class="fa fa-map-marker"></i>
+            </div>
+            <h3>Address</h3>
+            <p>13/25 New Avenue
+              <br>New Heaven, 45Y 73J
+              <br>England, <strong>Great Britain</strong>
+            </p>
+          </div>
+          <!-- /.box-simple -->
+        </div>
+        
+        
+        <div class="col-md-4">
+          
+          <div class="box-simple">
+            <div class="icon">
+              <i class="fa fa-phone"></i>
+            </div>
+            <h3>Call center</h3>
+            <p class="text-muted">This number is toll free if calling from Great Britain otherwise we advise you to use the electronic form of communication.</p>
+            <p><strong>+33 555 444 333</strong>
+            </p>
+          </div>
+          <!-- /.box-simple -->
+        
+        </div>
+        
+        <div class="col-md-4">
+          
+          <div class="box-simple">
+            <div class="icon">
+              <i class="fa fa-envelope"></i>
+            </div>
+            <h3>Electronic support</h3>
+            <p class="text-muted">Please feel free to write an email to us or to use our electronic ticketing system.</p>
+            <ul class="list-style-none">
+              <li><strong><a href="mailto:">info@fakeemail.com</a></strong>
+              </li>
+              <li><strong><a href="#">Ticketio</a></strong> - our ticketing support platform</li>
+            </ul>
+          </div>
+          <!-- /.box-simple -->
+        </div>
+      </div>
+    
+    </section>
+    
+    <section>
+      
+      <div class="row text-center">
+        
+        <div class="col-md-12">
+          <div class="heading">
+            <h2>Contact form</h2>
+          </div>
+        </div>
+        
+        <div class="col-md-8 col-md-offset-2">
+            <?php $form = ActiveForm::begin(
+                [
+                    'id'     => 'contact-form',
+                    'method' => 'POST',
+                    'action' => '/site/feedback',
+                ]
+            ); ?>
+          <div class="row">
+            <div class="col-sm-12">
+                <?= $form->field($contact, 'name')
+                         ->textInput(); ?>
+            </div>
+            
+            <div class="col-sm-6">
+                <?= $form->field($contact, 'email')
+                         ->textInput(); ?>
+            </div>
+            <div class="col-sm-6">
+                <?= $form->field($contact, 'phone')
+                         ->textInput(); ?>
+            </div>
+            <div class="col-sm-12">
+                <?= $form->field($contact, 'message')
+                         ->textarea(
+                             [
+                                 'rows' => 3,
+                             ]
+                         ); ?>
+            </div>
+            
+            <div class="col-sm-12 text-center">
+                <?= Html::submitButton(
+                    '<i class="fa fa-envelope-o"></i> Send message',
+                    [
+                        'class' => 'btn btn-template-main',
+                    ]
+                ) ?>
+            
+            </div>
+          </div>
+          <!-- /.row -->
             <?php ActiveForm::end(); ?>
+        
+        
         </div>
-    </div>
-
+      </div>
+      <!-- /.row -->
+    
+    </section>
+  
+  
+  </div>
+  <!-- /#contact.container -->
 </div>
+<!-- /#content -->
+
+<div id="map">
+
+</div>
\ No newline at end of file
diff --git a/frontend/web/css/custom.css b/frontend/web/css/custom.css
index a4b5576..39db962 100644
--- a/frontend/web/css/custom.css
+++ b/frontend/web/css/custom.css
@@ -1 +1,87 @@
-/* your styles go here */
\ No newline at end of file
+/* your styles go here */
+/* CSS used here will be applied after bootstrap.css */
+.modal-header-success {
+    color: #fff;
+    padding: 9px 15px;
+    border-bottom: 1px solid #eee;
+    background-color: #5cb85c;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.modal-header-warning {
+    color: #fff;
+    padding: 9px 15px;
+    border-bottom: 1px solid #eee;
+    background-color: #f0ad4e;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.modal-header-danger {
+    color: #fff;
+    padding: 9px 15px;
+    border-bottom: 1px solid #eee;
+    background-color: #d9534f;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.modal-header-info {
+    color: #fff;
+    padding: 9px 15px;
+    border-bottom: 1px solid #eee;
+    background-color: #5bc0de;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.modal-header-primary {
+    color: #fff;
+    padding: 9px 15px;
+    border-bottom: 1px solid #eee;
+    background-color: #428bca;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.modal-header-theme {
+    color: #fff;
+    padding: 9px 15px;
+    border-bottom: 1px solid #eee;
+    background-color: #38a7bb;
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.has-success .form-control {
+    border-color: #d6e9c6;
+}
+
+.has-error .form-control {
+    border-color: #ebccd1;
+}
\ No newline at end of file
diff --git a/frontend/web/js/script.js b/frontend/web/js/script.js
new file mode 100644
index 0000000..2df5e90
--- /dev/null
+++ b/frontend/web/js/script.js
@@ -0,0 +1,35 @@
+$(
+    function() {
+        $(document)
+            .on(
+                'beforeSubmit', '#feedback-form', function(e) {
+                    var f = this;
+                    var form = $(this);
+                    var formData = form.serialize();
+                    $.ajax(
+                        {
+                            url: form.attr("action"),
+                            type: form.attr("method"),
+                            data: formData,
+                            success: function(data) {
+                                f.reset();
+                                $('#feedback-modal')
+                                    .modal('hide');
+                                $('#success-modal')
+                                    .modal('show');
+                            },
+                            error: function() {
+                                $('#feedback-modal')
+                                    .modal('hide');
+                            }
+                        }
+                    );
+                }
+            )
+            .on(
+                'submit', '#feedback-form', function(e) {
+                    e.preventDefault();
+                }
+            );
+    }
+);
\ No newline at end of file
--
libgit2 0.21.4