diff --git a/client/components/InfoMap/InfoMap.jsx b/client/components/InfoMap/InfoMap.jsx
new file mode 100644
index 0000000..11bdcd3
--- /dev/null
+++ b/client/components/InfoMap/InfoMap.jsx
@@ -0,0 +1,43 @@
+import { Map, InfoWindow, Marker, GoogleApiWrapper } from 'google-maps-react';
+import React from 'react';
+import PropTypes from 'prop-types';
+import './InfoMap.scss';
+
+
+const KEY = 'AIzaSyBPo6m3oLTozHOupA5V_kbBtxwgqbiVmOs';
+
+
+export class InfoMap extends React.Component {
+  constructor() {
+    super();
+    this.state = {
+    };
+  }
+
+  render() {
+    const { google } = this.props;
+    return (
+      <Map google={google} zoom={14}>
+
+        <Marker
+          onClick={this.onMarkerClick}
+          name="Current location"
+        />
+
+        <InfoWindow onClose={this.onInfoWindowClose}>
+          <div>
+            <h1>something</h1>
+          </div>
+        </InfoWindow>
+      </Map>
+    );
+  }
+}
+
+InfoMap.propTypes = {
+  google: PropTypes.objectOf(PropTypes.any).isRequired
+};
+
+export default GoogleApiWrapper({
+  apiKey: (KEY)
+})(InfoMap);
diff --git a/client/components/InfoMap/InfoMap.scss b/client/components/InfoMap/InfoMap.scss
new file mode 100644
index 0000000..df023a3
--- /dev/null
+++ b/client/components/InfoMap/InfoMap.scss
@@ -0,0 +1,5 @@
+.info-map {
+  font-family: 'Courier New', Courier, monospace;
+  border: 1px solid black;
+  width: 500px;
+}
diff --git a/client/pages/Info/Info.jsx b/client/pages/Info/Info.jsx
index 7df721a..6651de2 100644
--- a/client/pages/Info/Info.jsx
+++ b/client/pages/Info/Info.jsx
@@ -1,33 +1,40 @@
 import React from 'react';
+import slack from 'images/slack.svg';
+import facebook from 'images/facebook.svg';
+import github from 'images/github-logo.svg';
+import { InfoMap } from '../../components/InfoMap/InfoMap';
 import './Info.scss';
 
 
 const Info = () => (
   <div className="main-info">
-    <div className="Map">
-      <p>Here will be map</p>
+    <div className="team">
+      <h1>Hi we are team RV-034.WebUI\Node.js</h1>
+      <p>We are hope that you have enjoyed to use our Trip-assistant</p>
     </div>
     <div className="contacts">
-      <h1>Contacts</h1>
+      <h1>Contact us!</h1>
       <p>Our phone 66-666-666</p>
-      <p>Our email ad@666.gmail.com</p>
+      <p>Our email email@666.gmail.com</p>
     </div>
     <div className="form">
       <form>
-        <input type="text" name="name" placeholder="input your name\login" required /> <br />
-        <input type="email" name="email" placeholder="input your email" required /> <br />
-        <textarea placeholder="your message here" />
-        <a href="# " className="waves-effect waves-light btn-large"><i className="material-icons left">Submit</i></a>
+        <input type="text" name="name" placeholder="your name\login" required /> <br />
+        <input type="email" name="email" placeholder="your email" required /> <br />
+        <textarea placeholder="your message here" required />
+        <button type="submit" className="waves-effect waves-light btn-large"><i className="material-icons left">Submit</i></button>
       </form>
     </div>
+    <div className="map">
+      <InfoMap />
+    </div>
     <footer>
-      <div className="copyright">Copyright</div>
+      <div className="copyright">Copyright &#169; by RV-034Web/UI</div>
       <div className="footer-menu">
         <ul>
-          <li><a href="# ">icon</a></li>
-          <li><a href="# ">icon</a></li>
-          <li><a href="# ">icon</a></li>
-          <li><a href="# ">icon</a></li>
+          <li><a href="https://rv-034webui.slack.com/ " rel="noopener noreferrer" target="_blank"><img src={slack} alt="slack" /></a></li>
+          <li><a href="https://uk-ua.facebook.com/SoftServeInc/ " rel="noopener noreferrer" target="_blank"><img src={facebook} alt="slack" /></a></li>
+          <li><a href="https://github.com/orgs/Social-projects-Rivne/teams/rv-034-webui/repositories " rel="noopener noreferrer" target="_blank"><img src={github} alt="slack" /></a></li>
         </ul>
       </div>
     </footer>
diff --git a/client/pages/Info/Info.scss b/client/pages/Info/Info.scss
index 1b0ce62..7f55fcc 100644
--- a/client/pages/Info/Info.scss
+++ b/client/pages/Info/Info.scss
@@ -1,20 +1,42 @@
 
 .main-info {
-  background-color: #f7f8fa;
   display: flex;
   flex-direction: column;
+  background: url('~@images/profile-page-bg.jpg') top;
 }
 
-.Map {
+.team {
+  background-color: rgba(255, 255, 255, 0.5);
+  width: 100%;
+  margin: 0 auto;
+
+  h1 {
+    text-align: center;
+  }
+
+  p {
+    text-align: center;
+  }
+}
+
+.map {
   width: 80%;
   height: 300px;
-  border: 1px, solid, black;
+  border: 1px solid black;
   margin: 0 auto;
-  background-color: lightblue;
+  margin-top: 50px;
+}
+
+.map div:first-child {
+  position: relative !important;
+  height: 100% !important;
+  width: 100% !important;
 }
 
 .contacts {
+  margin-top: 100px;
   text-align: center;
+  font-family: 'Courier New', Courier, monospace;
 }
 
 .form {
@@ -27,15 +49,15 @@ footer {
   margin-top: 50px;
   height: 100px;
   width: 100%;
-  background-color: rgb(140, 188, 243);
   display: flex;
   justify-content: center;
   flex-wrap: nowrap;
 }
 
 .copyright {
-  margin-top: 40px;
+  margin-top: 50px;
   width: 30%;
+  text-align: center;
 }
 
 .footer-menu {
@@ -47,16 +69,19 @@ footer {
     flex-direction: row;
 
     li {
-      margin-right: 30px;
+      margin-right: 20px;
       margin-left: 60px;
-      padding: 5px;
+      padding: 10px;
     }
 
     li:hover {
-      background-color: chocolate;
-      padding: 5px;
-      transition: 0.2s;
+      background-color: aquamarine;
+      padding: 10px;
+      transition: 0.8s;
+    }
+
+    img {
+      width: 30px;
     }
   }
 }
-
diff --git a/client/routes/index.js b/client/routes/index.js
index 30fdaf7..2614fda 100644
--- a/client/routes/index.js
+++ b/client/routes/index.js
@@ -5,7 +5,6 @@ import Login from '../pages/Login/Login';
 import SearchRoute from '../pages/SearchRoute';
 import NewTrip from '../pages/NewTrip';
 
-
 const Routes = [
   {
     path: '/',
diff --git a/public/data/feedbacksData.json b/public/data/feedbacksData.json
index 6171a33..24b7592 100644
--- a/public/data/feedbacksData.json
+++ b/public/data/feedbacksData.json
@@ -1,5 +1,5 @@
 [  
-  {  
+  {  "id":1,
      "name": "Lviv - Paris",
      "rating": 4.7,
      "feedback": "The driver was drunk! I liked everything!\n\n Quisque varius imperdiet auctor. In et dui elit. Nam metus lorem, imperdiet iaculis imperdiet sit amet, ullamcorper quis ipsum. Sed sed nisi vitae magna vestibulum commodo.",
@@ -7,6 +7,7 @@
      "date": "07/08/2018"
   },
   {  
+    "id":2,
     "name": "Lviv - Ternopil",
     "rating": 4.1,
     "feedback": "The driver was drunk! I liked everything!\n\n Quisque varius imperdiet auctor. In et dui elit. Nam metus lorem, imperdiet iaculis imperdiet sit amet, ullamcorper quis ipsum. Sed sed nisi vitae magna vestibulum commodo.",
@@ -14,10 +15,27 @@
     "date": "07/08/2018"
   },
   {  
+    "id":3,
     "name": "Lviv - Kyiv",
     "rating": 5,
     "feedback": "The driver was drunk! I liked everything!\n\n Quisque varius imperdiet auctor. In et dui elit. Nam metus lorem, imperdiet iaculis imperdiet sit amet, ullamcorper quis ipsum. Sed sed nisi vitae magna vestibulum commodo.",
     "userName": "Petro",
     "date": "07/08/2018"
+  },
+  {  
+    "id":4,
+    "name": "Kyiv -Lviv  ",
+    "rating": 5,
+    "feedback": "The driver was drunk! I liked everything!\n\n Quisque varius imperdiet auctor. In et dui elit. Nam metus lorem, imperdiet iaculis imperdiet sit amet, ullamcorper quis ipsum. Sed sed nisi vitae magna vestibulum commodo.",
+    "userName": "Petro",
+    "date": "07/08/2018"
+  },
+  {  
+    "id":5,
+    "name": "Rivne -Lviv  ",
+    "rating": 5,
+    "feedback": "The driver was drunk! I liked everything!\n\n Quisque varius imperdiet auctor. In et dui elit. Nam metus lorem, imperdiet iaculis imperdiet sit amet, ullamcorper quis ipsum. Sed sed nisi vitae magna vestibulum commodo.",
+    "userName": "Petro",
+    "date": "07/08/2018"
   }
 ]
diff --git a/public/images/facebook.svg b/public/images/facebook.svg
new file mode 100644
index 0000000..c728ddf
--- /dev/null
+++ b/public/images/facebook.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 408.788 408.788" style="enable-background:new 0 0 408.788 408.788;" xml:space="preserve">
+<path style="fill:#475993;" d="M353.701,0H55.087C24.665,0,0.002,24.662,0.002,55.085v298.616c0,30.423,24.662,55.085,55.085,55.085
+	h147.275l0.251-146.078h-37.951c-4.932,0-8.935-3.988-8.954-8.92l-0.182-47.087c-0.019-4.959,3.996-8.989,8.955-8.989h37.882
+	v-45.498c0-52.8,32.247-81.55,79.348-81.55h38.65c4.945,0,8.955,4.009,8.955,8.955v39.704c0,4.944-4.007,8.952-8.95,8.955
+	l-23.719,0.011c-25.615,0-30.575,12.172-30.575,30.035v39.389h56.285c5.363,0,9.524,4.683,8.892,10.009l-5.581,47.087
+	c-0.534,4.506-4.355,7.901-8.892,7.901h-50.453l-0.251,146.078h87.631c30.422,0,55.084-24.662,55.084-55.084V55.085
+	C408.786,24.662,384.124,0,353.701,0z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/public/images/github-logo.svg b/public/images/github-logo.svg
new file mode 100644
index 0000000..a2426a9
--- /dev/null
+++ b/public/images/github-logo.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.549px" height="438.549px" viewBox="0 0 438.549 438.549" style="enable-background:new 0 0 438.549 438.549;"
+	 xml:space="preserve">
+<g>
+	<path d="M409.132,114.573c-19.608-33.596-46.205-60.194-79.798-79.8C295.736,15.166,259.057,5.365,219.271,5.365
+		c-39.781,0-76.472,9.804-110.063,29.408c-33.596,19.605-60.192,46.204-79.8,79.8C9.803,148.168,0,184.854,0,224.63
+		c0,47.78,13.94,90.745,41.827,128.906c27.884,38.164,63.906,64.572,108.063,79.227c5.14,0.954,8.945,0.283,11.419-1.996
+		c2.475-2.282,3.711-5.14,3.711-8.562c0-0.571-0.049-5.708-0.144-15.417c-0.098-9.709-0.144-18.179-0.144-25.406l-6.567,1.136
+		c-4.187,0.767-9.469,1.092-15.846,1c-6.374-0.089-12.991-0.757-19.842-1.999c-6.854-1.231-13.229-4.086-19.13-8.559
+		c-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559
+		c-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-0.951-2.568-2.098-3.711-3.429c-1.142-1.331-1.997-2.663-2.568-3.997
+		c-0.572-1.335-0.098-2.43,1.427-3.289c1.525-0.859,4.281-1.276,8.28-1.276l5.708,0.853c3.807,0.763,8.516,3.042,14.133,6.851
+		c5.614,3.806,10.229,8.754,13.846,14.842c4.38,7.806,9.657,13.754,15.846,17.847c6.184,4.093,12.419,6.136,18.699,6.136
+		c6.28,0,11.704-0.476,16.274-1.423c4.565-0.952,8.848-2.383,12.847-4.285c1.713-12.758,6.377-22.559,13.988-29.41
+		c-10.848-1.14-20.601-2.857-29.264-5.14c-8.658-2.286-17.605-5.996-26.835-11.14c-9.235-5.137-16.896-11.516-22.985-19.126
+		c-6.09-7.614-11.088-17.61-14.987-29.979c-3.901-12.374-5.852-26.648-5.852-42.826c0-23.035,7.52-42.637,22.557-58.817
+		c-7.044-17.318-6.379-36.732,1.997-58.24c5.52-1.715,13.706-0.428,24.554,3.853c10.85,4.283,18.794,7.952,23.84,10.994
+		c5.046,3.041,9.089,5.618,12.135,7.708c17.705-4.947,35.976-7.421,54.818-7.421s37.117,2.474,54.823,7.421l10.849-6.849
+		c7.419-4.57,16.18-8.758,26.262-12.565c10.088-3.805,17.802-4.853,23.134-3.138c8.562,21.509,9.325,40.922,2.279,58.24
+		c15.036,16.18,22.559,35.787,22.559,58.817c0,16.178-1.958,30.497-5.853,42.966c-3.9,12.471-8.941,22.457-15.125,29.979
+		c-6.191,7.521-13.901,13.85-23.131,18.986c-9.232,5.14-18.182,8.85-26.84,11.136c-8.662,2.286-18.415,4.004-29.263,5.146
+		c9.894,8.562,14.842,22.077,14.842,40.539v60.237c0,3.422,1.19,6.279,3.572,8.562c2.379,2.279,6.136,2.95,11.276,1.995
+		c44.163-14.653,80.185-41.062,108.068-79.226c27.88-38.161,41.825-81.126,41.825-128.906
+		C438.536,184.851,428.728,148.168,409.132,114.573z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/public/images/slack.svg b/public/images/slack.svg
new file mode 100644
index 0000000..d595cb2
--- /dev/null
+++ b/public/images/slack.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512.005 512.005" style="enable-background:new 0 0 512.005 512.005;" xml:space="preserve">
+<path style="fill:#FFC107;" d="M332.034,31.529c-7.776-23.936-33.504-37.056-57.472-29.28s-37.056,33.504-29.28,57.472
+	l117.92,362.848c8.096,22.368,32.256,34.944,55.488,28.288c24.192-6.976,38.976-32.672,31.232-56.448
+	C449.634,393.481,332.034,31.529,332.034,31.529z"/>
+<path style="fill:#4CAF50;" d="M149.314,90.921c-7.808-23.968-33.536-37.088-57.472-29.28s-37.088,33.504-29.28,57.472
+	l117.92,362.816c8.096,22.368,32.256,34.944,55.488,28.288c24.192-6.976,38.976-32.672,31.232-56.448
+	C266.914,452.873,149.314,90.921,149.314,90.921z"/>
+<path style="fill:#EC407A;" d="M480.482,332.041c23.968-7.776,37.056-33.504,29.28-57.472s-33.504-37.056-57.472-29.28
+	L89.442,363.241c-22.368,8.096-34.944,32.256-28.288,55.488c6.976,24.192,32.672,38.976,56.448,31.232
+	C118.53,449.641,480.482,332.041,480.482,332.041z"/>
+<path style="fill:#472A49;" d="M165.058,434.537c23.616-7.68,54.048-17.568,86.72-28.192c-7.68-23.616-17.568-54.048-28.192-86.72
+	l-86.72,28.192L165.058,434.537z"/>
+<path style="fill:#CC2027;" d="M347.81,375.145c32.8-10.656,63.264-20.544,86.72-28.192c-7.68-23.616-17.568-54.08-28.192-86.752
+	l-86.72,28.192L347.81,375.145z"/>
+<path style="fill:#2196F3;" d="M421.09,149.321c23.968-7.776,37.056-33.504,29.28-57.472s-33.504-37.056-57.472-29.28
+	L30.082,180.489c-22.4,8.096-34.976,32.256-28.288,55.488c6.976,24.192,32.672,38.944,56.448,31.232
+	C59.138,266.921,421.09,149.321,421.09,149.321z"/>
+<path style="fill:#1A937D;" d="M105.666,251.785c23.616-7.68,54.08-17.568,86.752-28.192c-10.656-32.768-20.544-63.232-28.192-86.72
+	l-86.72,28.192L105.666,251.785z"/>
+<path style="fill:#65863A;" d="M288.418,192.425c32.8-10.656,63.264-20.544,86.752-28.192c-10.656-32.8-20.576-63.264-28.192-86.752
+	l-86.752,28.192L288.418,192.425z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>