text: import React from 'react';
  import { Accordion, Card, Button } from 'react-bootstrap';
  
  export default () => {
    return (
      <section className="faq-section section-gap">
        <div className="container">
          {/* FAQ Page Title */}
          <div className="row faq-page-title mb-60 align-items-center">
            <div className="col-lg-6">
              <div className="section-title left-border">
                <span className="title-tag">FAQ</span>
                <h2 className="title">Frequently Asked Questions</h2>
              </div>
            </div>
            <div className="col-lg-6">
              <p>
                But must explain to you how all this mistaken idea of denounc
                easure and praising pain was born and I will give you a compl the
                system, and expound the actual teachings of the great explorer the
                truth,
              </p>
            </div>
          </div>
          {/* FAQ LOOP */}
          <Accordion
            defaultActiveKey="0"
            className="faq-loop grey-header"
            id="faqAccordion"
          >
            <Card>
              <Accordion.Collapse eventKey="0" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="0">
                  How To Create A Mobile App In Expo And Firebase Meet
                  SmashingConf Live: Our New Interactive Online Conference
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="1" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="1">
                  Learning Resources Challenging Online Workshops Setting
                  TypeScript Modern React Projects Using Webpack ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="2" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="2">
                  How To Build A Vue Survey App Using Firebase Authentication And
                  Database Blessing Krofegha wrote ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="3" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="3">
                  How To Build A Vue Survey App Using Firebase Authentication And
                  Database Meet Sma Ove Online Conference ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="4" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="4">
                  How To Build A Vue Survey App Using Firebase Authentication And
                  Database Join Our New Online ccessibility ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="5" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="5">
                  How To Build A Vue Survey App Using Firebase Authentication And
                  Database Using components ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="6" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="6">
                  How To Build A Vue Survey App Using Firebase Authentication And
                  Interactive Online Conference ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="7" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="7">
                  How To Build A Vue Survey App Using Firebase Authentication And
                  Database Join Our New Online ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="8" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="8">
                  How To Build A Vue Survey App Using Firebase Authentication And
                  In React Apps Using components ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
            <Card>
              <Accordion.Collapse eventKey="9" className="collapseparent">
                <Card.Body>
                  At vero eos et accusamus et iusto odio dignissimos ducimus qui
                  blanditiis praesentium voluptatum deleniti atque corrupti quos
                  dolores et quas molestias excepturi sint occaecati cupiditate
                  non provident, similique sunt in culpa qui officia deserunt
                  mollitia animi, id est laborum et dolorum fuga. Et harum quidem
                  rerum facilis est et expedita distinctio. Nam libero tempore,
                  cum soluta nobis est eligendi optio cumque nihil impedit quo
                  minu
                </Card.Body>
              </Accordion.Collapse>
              <Card.Header>
                <Accordion.Toggle as={Button} variant="link" eventKey="9">
                  How To Build A Vue Survey App Using Firebase Authentication And
                  Interactive Online Conference ?
                  <span className="icons">
                    <i className="far fa-plus" />
                  </span>
                </Accordion.Toggle>
              </Card.Header>
            </Card>
          </Accordion>
          {/* End Faq LOOP */}
        </div>
      </section>
    );
  };
  