text: import React from 'react'
  
  //import WhatWeDoImage from '../../images/What-We-Do-collage.jpg'
  //import Truck from '../../images/vector-graphics/truck-md-75x31.jpg'
  //import Classroom from '../../images/vector-graphics/classroom-78x63.jpg'
  //import Research from '../../images/vector-graphics/science-75x54.jpg'
  
  import {
      WhatWeDoImage,
      Truck,
      Classroom,
      Research
  }
  from '../../../images/index'
  
  import Container from "react-bootstrap/Container"
  import Row from "react-bootstrap/Row"
  import Col from "react-bootstrap/Col"
  
  import homeStyle from './home.module.css'
  
  //import '../../css/HomePageCss/whatWeDo.css'
  
  const WhatWeDo = () => (
      <section className={homeStyle.sectionFive} >
          <Container fluid>
              <Row>
                  <div className="col-md-6 p-0">
                      <div className={homeStyle.cxLeft}><img alt="what-we-do" src={WhatWeDoImage} className="img-fluid" /></div>
                  </div>
                  <div className="col-md-6">
                      <div className={homeStyle.cxRightMission}>
                          <h2>OUR Mission</h2>
                          <h3>What We Do</h3>
                          <div className={homeStyle.cxMissionList}>
                              <div className={homeStyle.MissionIcon}><img alt="what-we-do" src={Truck} className="img-fluid" /></div>
                              <h4>Supply and Distribute LED Tech to Community Organizers</h4>
                              <p>
                                  
                          </p>
                          </div>
                          <div className={homeStyle.cxMissionList}>
                              <div className={homeStyle.MissionIcon}><img alt="what-we" src={Classroom} className="img-fluid" /></div>
                              <h4>Teach Sustainability, Renewable Energy, & Technology Training</h4>
                              <p>
                                 
                          </p>
                          </div>
                          <div className={homeStyle.cxMissionList}>
                              <div className={homeStyle.MissionIcon}><img alt="what-we" src={Research} className="img-fluid" /></div>
                              <h4>Research & Development: Looking Toward the Future</h4>
                              <p>
                                  
                          </p>
                          </div>
                          <div className={homeStyle.cxMissionList}>
                              {/**<div>
                                  <img src={Bulbplant} />
                              </div>**/}
                              {/**<div className="cx_icon"><img alt="what-we" src={IconFour} className="img-fluid" /></div>
                              <h4>Listen. </h4>
                              <p>
                                  Lorem Ipesum  Lorem Ipesum Lorem Ipesum Lorem Ipesum
                                  Lorem Ipesum  Lorem
                              </p>**/}
                          </div>
                      </div>
                  </div>
              </Row>
  
          </Container>
      </section>
  )
  
  export default WhatWeDo
  