text: import React, { Component } from 'react';
  import { Cell, Grid } from 'react-mdl';
  
  class Landing extends Component {
    render() {
      return(
        <div style={{width: '100%', margin: 'auto'}}>
          <Grid className="landing-grid">
            <Cell col={12}>
              <img
                src = "https://www.apa.org/images/2020-03-feature-giraffe_tcm7-269465.png"
                alt="avatar"
                className="avatar-img"
                />
  
              <div className="banner-text">
                <h1>Full Stack Web Developer</h1>
  
              <hr/>
  
            <p>HTML/CSS | Bootstrap | JavaScript | React | React Native | NodeJS | Express | MongoDB</p>
  
          <div className="social-links">
  
            {/* LinkedIn */}
            <a a a href = "https://www.linkedin.com/in/saidnazar-rakhimboev-05649b151/"
            rel = "noopener noreferrer"
            target = "_blank" >
              <i className="fa fa-linkedin-square" aria-hidden="true" />
            </a>
  
            {/* Github */}
            <a a href = "https://github.com/Saidnazar97"
            rel = "noopener noreferrer"
            target = "_blank" >
              <i className="fa fa-github-square" aria-hidden="true" />
            </a>
  
            {/* Freecodecamp */}
            <a href="http://google.com" rel="noopener noreferrer" target="_blank">
              <i className="fa fa-free-code-camp" aria-hidden="true" />
            </a>
  
            {/* Youtube */}
            <a href="http://google.com" rel="noopener noreferrer" target="_blank">
              <i className="fa fa-youtube-square" aria-hidden="true" />
            </a>
  
          </div>
              </div>
            </Cell>
          </Grid>
        </div>
      )
    }
  }
  
  export default Landing;
  