Как исправить ошибку Line 62:15: Parsing error: Unterminated JSX contents?

Question

Governnment @Governnment

React

Как исправить ошибку Line 62:15: Parsing error: Unterminated JSX contents?

Подскажите, пожалуйста, как исправить ошибку

Line 62:15:  Parsing error: Unterminated JSX contents?

./src/App.js
  Line 62:15:  Parsing error: Unterminated JSX contents

  60 |         </div>
  61 |       </div>
> 62 |     </section>
     |               ^
  63 |     
  64 |     
  65 |   );


import React, {Component, Fragment} from 'react';
import './App.css';

class App extends React.Component {
  render(){
  return (
    <div className="App">
      <nav className="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
      <div className="container-fluid px-lg-5">
        <a className="navbar-brand" href="index.html">Aspiration</a>
        <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
          <span className="oi oi-menu"></span> Menu
        </button>

        <div className="collapse navbar-collapse" id="ftco-nav">
          <ul className="navbar-nav ml-auto">
            <li className="nav-item active"><a href="index.html" className="nav-link">Home</a></li>
            <li className="nav-item"><a href="about.html" className="nav-link">About us</a></li>
            <li className="nav-item"><a href="services.html" className="nav-link">Services</a></li>
            <li className="nav-item"><a href="causes.html" className="nav-link">Causes</a></li>
            <li className="nav-item"><a href="blog.html" className="nav-link">Blog</a></li>
            <li className="nav-item"><a href="contact.html" className="nav-link">Contact</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <div className="hero-wrap" style={{backgroundImage: "url('images/bg_4.jpg')", backgroundSize: 'cover'}}>
      <div className="overlay"></div>
      <div className="container">
        <div className="row no-gutters slider-text js-fullheight align-items-center justify-content-center" data-scrollax-parent="true">
          <div className="col-md-12 text ftco-animate mt-5 text-center" data-scrollax=" properties: { translateY: '70%' }">
              <div className="play-video d-flex align-items-center justify-content-center"><a href="https://vimeo.com/45830194" className="popup-vimeo"><span className="icon"><i className="ion-ios-play "></i></span></a></div>
            <h1 className="mb-4" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">Give A Hand To Make The Better World</h1>
          </div>
        </div>
      </div>
    </div>
    
    <section className="ftco-section ftco-no-pt ftco-no-pb ftco-volunteer">
      <div className="container-fluid px-md-0">
        <div className="row no-gutters">
          <div className="col-md-6 img-volunteer" style={{backgroundImage: "url('images/about.jpg')"}}>
            <div className="row no-gutters justify-content-end">
              <div className="col-lg-7">
                <div className="text py-5 pl-md-4 pr-md-3">
                  <h2 className="mb-4">Aspiration Charity</h2>
                  <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
                  <p><a href="#" className="btn btn-primary py-3 px-4">Join now</a></p>
                </div>
              </div>
            </div>
          </div>
          <div className="col-md-6 d-flex align-items-center bg-primary">
            <div className="about-text px-3 py-5 pl-md-5 pr-md-5">
              <h2>Donation so far <span>$</span><strong className="number" data-number="380000">0</strong></h2>
              <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics</p>
              <p><a href="#" className="btn btn-black py-3 px-4">Donate now</a></p>
            </div>
          </div>
        </div>
      </div>
    </section>
    
    
  );
}
}

export default App;