content: import React, { Component } from 'react';
  import './Experience.css';
  import experiencesdata from '../../assets/data/experiences';
  import ExperienceCard from '../../components/ExperienceCard/ExperienceCard';
  
  const experiences = experiencesdata.experiences
  
  class Experience extends Component {
  
      renderExperiences() {
        let cards = []
        for(let i = 0; i < experiences.length; i++) {
          cards.push(
            <ExperienceCard
              color={experiences[i].color}
              company={experiences[i].company}
              role={experiences[i].role}
              location={experiences[i].location}
              date={experiences[i].date}
              route={experiences[i].route}/>
          )
        }
        return (
          <div className="Experience-experiences">
            {cards}
          </div>
        )
      }
  
      render() {
          return (
              <div className="Experience">
                  <p className="Experience-title">Experience</p>
                  <div className="Experience-body">
                    <p className="Experience-heading">All Experiences</p>
                    <p>
                      { this.renderExperiences() }
                    </p>
                  </div>
              </div>
          );
      }
  }
  
  export default Experience;
  