text: import React, { Component } from 'react';
  export default class Quotes extends Component {
    render() {
      let resumeData = this.props.resumeData;
      return (
        <section id="quotes">
          <div className="text-container">
            <div className="row">
              <div className="two columns header-col">
                <h1><span>Quotes</span></h1>
              </div>
              <div className="ten columns flex-container">
                <div className="flexslider">
                  <ul className="slides">
                    {
                      resumeData.quotes && resumeData.quotes.map((item)=>{
                        return(
                          <li>
                            <blockquote>
                              <p>
                              {item.description}
                              </p>
                              <cite>{item.name}</cite>
                            </blockquote>
                          </li>
                        )
                      })
                    }
                  </ul>
                </div> {/* div.flexslider ends */}
              </div> {/* div.flex-container ends */}
            </div> {/* row ends */}
          </div>  {/* text-container ends */}
        </section>
          );
    }
  }