var React = require('react');
import { Grid, Row, Col} from 'react-bootstrap';
import { Link } from 'react-router';
import moment from 'moment';

export default class Footer extends React.Component {
  constructor (){
    super();
  }

  render () {
      const year = moment().year();

    return (
      <footer className="footer section-padding">
        <Grid>
          <Row>
            <Col md={12} sm={12} xs={12} className="text-center" >
              <div className="footer_content">
                  <Col md={12} sm={2} xs={12} className="text-center">
                    <Link to="/"><img src="/img/logo.png" alt="" width="150"/></Link>
                  </Col>
                <div className="footer_social">
                  <ul>
                    <li><a className="f_facebook  wow bounceInDown" target="_blank" href="https://www.facebook.com/pret.coup.de.pouce.katapulta/"><i className="fa fa-facebook"></i></a></li>
                    <li><a className="f_twitter wow bounceInDown" data-wow-delay=".1s" href="#"><i className="fa fa-twitter"></i></a></li>
                    <li><a className="f_google wow bounceInDown" data-wow-delay=".2s" href="#"><i className="fa fa-google-plus"></i></a></li>
                    <li><a className="f_linkedin wow bounceInDown" data-wow-delay=".3s" href="#"><i className="fa fa-linkedin"></i></a></li>
                    <li><a className="f_youtube wow bounceInDown" data-wow-delay=".4s" href="#"><i className="fa fa-youtube"></i></a></li>
                    <li><a className="f_skype wow bounceInDown" data-wow-delay=".5s" href="#"><i className="fa fa-skype"></i></a></li>
                  </ul>
                </div>
                <p>Ufiix&copy; {year}  est une marque déposée de Finauxa sa. All Rights Reserved.</p>
              </div>

            </Col>
          </Row>
        </Grid>
      </footer>
    );
  }
}

@@ -1,32 +1,44 @@
-var React = require(
+import React, %7B Component %7D from 
 'react'
-)
 ;%0Aim
@@ -191,14 +191,8 @@
 nds 
-React.
 Comp
@@ -303,18 +303,16 @@
 n (%0A    
-  
 %3Cfooter 
@@ -326,35 +326,22 @@
 me=%22
+dark-
 footer
- section-padding
 %22%3E%0A
-  
     
@@ -361,314 +361,122 @@
     
-  %3CRow%3E%0A            %3CCol md=%7B12%7D sm=%7B12%7D xs=%7B12%7D className=%22text-center%22 %3E%0A              %3Cdiv className=%22footer_content%22%3E%0A                  %3CCol md=%7B12%7D sm=%7B2%7D xs=%7B12%7D className=%22text-center%22%3E%0A                    %3CLink to=%22/%22%3E%3Cimg src=%22/img/logo.png%22 alt=%22%22 width=%22150%22/%3E%3C/Link%3E%0A                  %3C/Col%3E%0A  
+%3Cp className=%22footer-info%22%3E%C2%A9 %7Byear%7D - %3Cstrong%3EUfiix%3C/strong%3E - Marque d%C3%A9pos%C3%A9e de Finauxa sa. All Rights Reserved.%0A
     
@@ -485,16 +485,13 @@
     
-    %3Cdiv
+%3Cspan
  cla
@@ -502,191 +502,54 @@
 me=%22
-footer_social%22%3E%0A                  %3Cul%3E%0A                    %3Cli%3E%3Ca className=%22f_facebook  wow bounceInDown%22 target=%22_blank%22 href=%22https://www.facebook.com/pret.coup.de.pouce.katapulta/
+social pull-right%22%3E%0A                %3Ca href=%22#
 %22%3E%3Ci
@@ -580,34 +580,25 @@
 ok%22%3E%3C/i%3E%3C/a%3E
-%3C/li%3E%0A    
+%0A
             
@@ -606,73 +606,9 @@
    %3C
-li%3E%3Ca className=%22f_twitter wow bounceInDown%22 data-wow-delay=%22.1s%22
+a
  hre
@@ -646,33 +646,25 @@
 er%22%3E%3C/i%3E%3C/a%3E
-%3C/li%3E%0A   
+%0A
             
@@ -671,74 +671,10 @@
     
- %3Cli%3E%3Ca className=%22f_google wow bounceInDown%22 data-wow-delay=%22.2s%22
+%3Ca
  hre
@@ -716,34 +716,25 @@
 us%22%3E%3C/i%3E%3C/a%3E
-%3C/li%3E%0A    
+%0A
             
@@ -742,74 +742,9 @@
    %3C
-li%3E%3Ca className=%22f_linkedin wow bounceInDown%22 data-wow-delay=%22.3s%22
+a
  hre
@@ -773,16 +773,17 @@
  fa-
-linkedin
+pinterest
 %22%3E%3C/
@@ -780,37 +780,32 @@
 terest%22%3E%3C/i%3E%3C/a%3E
-%3C/li%3E
 %0A               
@@ -809,78 +809,10 @@
     
-    %3Cli%3E%3Ca className=%22f_youtube wow bounceInDown%22 data-wow-delay=%22.4s%22
+%3Ca
  hre
@@ -841,15 +841,16 @@
  fa-
-youtube
+linkedin
 %22%3E%3C/
@@ -847,37 +847,32 @@
 nkedin%22%3E%3C/i%3E%3C/a%3E
-%3C/li%3E
 %0A               
@@ -876,76 +876,10 @@
     
-    %3Cli%3E%3Ca className=%22f_skype wow bounceInDown%22 data-wow-delay=%22.5s%22
+%3Ca
  hre
@@ -908,12 +908,15 @@
  fa-
-skyp
+dribbbl
 e%22%3E%3C
@@ -926,17 +926,9 @@
 %3C/a%3E
-%3C/li%3E%0A   
+%0A
     
@@ -939,202 +939,29 @@
     
-   %3C/ul%3E%0A                %3C/div%3E%0A                %3Cp%3EUfiix&copy; %7Byear%7D  est une marque d%C3%A9pos%C3%A9e de Finauxa sa. All Rights Reserved.%3C/p%3E%0A              %3C/div%3E%0A%0A            %3C/Col%3E%0A          %3C/Row%3E%0A  
+%3C/span%3E%0A        %3C/p%3E%0A
     
@@ -966,26 +966,24 @@
     %3C/Grid%3E%0A
-  
     %3C/footer

migrate class to component