text: import React from 'react'
  import Card from 'react-bootstrap/Card'
  import Button from 'react-bootstrap/Button'
  import cfa from '../images/cfa.png'
  import cnwa from '../images/cnwa.png'
  import hbm from '../images/hbm.png'
  import { FaCode } from 'react-icons/fa'
  import { FaExpand } from 'react-icons/fa'
  
  function Project() {
      return (
          <>
              <div className="container-fluid overflow-hidden" >
                  <div class="row">
                      <div class="col-sm-12 col-md-6 col-lg-4 mb-3">
                          <Card>
                              <Card.Img variant="top" src={cfa} />
                              <Card.Body>
                                  <Card.Title>Color Font App</Card.Title>
                                  <Card.Text>
                                      Some quick example text to build on the card title and make up the bulk of
                                      the card's content.
                                  </Card.Text>
                                  <Button variant="primary"><FaExpand style={{ height: '12px' }} />Live Website</Button>
                                  <Button variant="secondary"><FaCode style={{ height: '12px' }} />Github Code</Button>
                              </Card.Body>
                          </Card>
                      </div>
                      <div class="col-sm-12 col-md-6 col-lg-4 ">
                          <Card>
                              <Card.Img variant="top" src={cnwa} />
                              <Card.Body>
                                  <Card.Title>CloudN9ne Weather App</Card.Title>
                                  <Card.Text>
                                      Some quick example text to build on the card title and make up the bulk of
                                      the card's content.
                                  </Card.Text>
                                  <Button variant="primary"><FaExpand style={{ height: '12px' }} />Live Website</Button>
                                  <Button variant="secondary"><FaCode style={{ height: '12px' }} />Github Code</Button>
                              </Card.Body>
                          </Card>
                      </div>
                      <div class="col-sm-12 col-md-6 col-lg-4 ">
                          <Card>
                              <Card.Img variant="top" src={hbm} />
                              <Card.Body>
                                  <Card.Title>Hele Bottle App</Card.Title>
                                  <Card.Text>
                                      Some quick example text to build on the card title and make up the bulk of
                                      the card's content.
                                  </Card.Text>
                                  <Button variant="primary"><FaExpand style={{ height: '12px' }} />Live Website</Button>
                                  <Button variant="secondary"><FaCode style={{ height: '12px' }} />Github Code</Button>
                              </Card.Body>
                          </Card>
                      </div>
                  </div>
              </div>
          </>
      )
  }
  
  export default Project