content: import React from 'react';
  
  export default class Contact extends React.Component {
  
    constructor(props) {
      super(props);
      this.state = {
        tabs : [
          {
            img: "https://assets-cdn.github.com/images/modules/logos_page/Octocat.png", 
            link: "https://github.com/jlekas",
            descrp: "Github account"
          }, 
          {
            img: "https://pbs.twimg.com/profile_images/614583061448036352/CBpFkPaz.png",
            link: "https://www.linkedin.com/in/jameslekas",
            descrip: "Linkedin account"
          },
          {
            img: "http://www.mylesnoland.com/wp-content/uploads/2012/05/green-resume-logo.png",
            link: "https://cmu.box.com/s/9p3erl988ttng6qhovp469i0vzol0t5d",
            descrip: "resume link"
          }
        ]
      }
    }
  
    render() {
      var TABS = [];
      this.state.tabs.forEach(function(t) {
        console.log(t);
        TABS.push(<Link t={t} />)}
      );
  
      return(
        <div className="contactContainer" id="Contact">
          <h2>Contact</h2> 
          <ul>
            {TABS}
          </ul>
          <h4>(508) 330-1527 |  
            <a href="mailto:jlekas@andrew.cmu.edu"> jlekas@andrew.cmu.edu</a>
          </h4>
        </div>
      );
    }
  }
  
  class Link extends React.Component {
    
    constructor(props) {
      super(props);
    }
  
    render() {
      
      return(
        <li>
          <a href={this.props.t.link}>
            <img src = {this.props.t.img} alt={this.props.t.descrip}/>
          </a>
        </li>
      );
    }
  }
  
  