From 2827102d96f64457c86e4de1fc54fef9b2a6cc55 Mon Sep 17 00:00:00 2001
From: semianchuk <fix20152@gmail.com>
Date: Sat, 28 May 2016 22:18:29 +0300
Subject: [PATCH] add img

---
 assets/css/styles.css | 47 ++++++++++++++++++++++++++++++++++++++++++-
 components/App.js     |  9 ++++++---
 2 files changed, 52 insertions(+), 4 deletions(-)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index 2105a18..4d9d7ee 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -226,4 +226,49 @@ a.list-group-item span.createdAt {
 .myName{
     position: relative;
     top: 65px;
-}
\ No newline at end of file
+}
+.nav-pills{
+    padding-top: 12px;
+}
+.header-img{
+    position: absolute;
+    left: 0;
+}
+.header-img img{
+    width: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    height: 277px;
+    margin-top: -20px;
+}
+.main-page .main-label{
+    color: #fff;
+}
+.main-page .main-label h1{
+    color: #FFF;
+    position: relative;
+    top: 30px;
+    padding-top: 19px;
+}
+.main-page .nav-pills li a{
+    color: #fff;
+}
+@media (max-width: 992px){
+    .main-page .main-label h1{
+        padding: 0;
+    }
+    .main-page .header-img{
+        position: relative
+    }
+}@media (max-width: 992px){
+    .main-page .main-label h1{
+        display: none;
+    }
+    .main-page #geocoding_form{
+        margin: 40px auto 100px;
+    }
+    .main-page .header-img{
+        position: relative
+    }
+}
diff --git a/components/App.js b/components/App.js
index 599f456..9ab9bd5 100644
--- a/components/App.js
+++ b/components/App.js
@@ -215,12 +215,15 @@ var App = React.createClass({
 
     var routeType = (this.props.params.type ? this.props.params.type : 'chast');
     return (
-			<div>
+			<div className="main-page">
+                <div className="col-md-12 header-img">
+                    <img src="site-images/header-img.jpg"/>
+                </div>
                 <div className="col-md-12">
                     <MainNav type={routeType} typeFilter={this.typeFilter}></MainNav>
                 </div>
-                <div className="col-md-12">
-				    <h2>Поиск жилья в железном порту</h2>
+                <div className="col-md-12 main-label">
+				    <h1>Поиск жилья в железном порту</h1>
                 </div>
                 <div className="col-md-12">
                     <SearchField onSearch={this.searchForAddress} onFilterInput={this.handleFilterText} filterText={this.state.filterText}/>