content: import { Classes } from '@blueprintjs/core';
  import React, { Component } from 'react';
  import './ExperienceCard.css';
  import Tilt from 'react-tilt';
  import { Link } from 'react-router-dom';
  
  class ExperienceCard extends Component {
  
      render() {
          return (
            <Tilt className="ExperienceCard-tilt" options= { { reverse: true, speed : 1000, scale: 1.05, max: 8 } } >
              <div style={ { borderTop: '30px solid' + this.props.color } } className={`ExperienceCard ${Classes.ELEVATION_3}`}>
                <div className="ExperienceCard-text">
                  <Link to={'/experiences/' + this.props.route}  className="ExperienceCard-icon">></Link>
                  <p className="ExperienceCard-company">{ this.props.company }</p>
                  <p className="ExperienceCard-role">{ this.props.role }</p>
                  <p className="ExperienceCard-location">{ this.props.location }</p>
                  <p className="ExperienceCard-date">{ this.props.date }</p>
                </div>
              </div>
            </Tilt>
          );
      }
  }
  
  export default ExperienceCard;
  