text: import React from 'react';
  import CardPanel from '../src/CardPanel';
  import Col from '../src/Col';
  import Row from '../src/Row';
  
  export default
  <Row>
      <Col s={12} m={5}>
          <CardPanel className="teal">
              <span className="white-text">I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.</span>
          </CardPanel>
      </Col>
      <Col s={12} m={7}>
          For a simpler card with less markup, try using a card panel which just has padding and a shadow effect
      </Col>
  </Row>;
  