'use strict';

class Introduction extends React.Component 
{
  constructor(props) 
  {
    super(props);
  }

  render() 
  {
    return (
      <section id="content">
        <div className="grid-1">
          <div className="text-center font-bold">
              Introduction sur l'histoire de Rome
          </div>
          <div className="text-center">
              <img src="images/debut.gif" width="700" alt="Début" />
          </div>
          <div className="text-center">
              <img src="images/naissance.gif" width="700" alt="Naissance" />
          </div>
          <div className="text-center">
              <img src="images/chute.gif" width="700" alt="Chute" />
          </div>
          <div className="text-center">
              <img src="images/chrono.gif" width="700" alt="Chronologie" />
          </div>
          <div className="text-center">
              <img src="images/chrono2.gif" width="700" alt="Chronologie (suite)" />
          </div>
          <div className="text-center">
              <img src="images/souverains.gif" width="700" alt="Souverains" />
          </div>
          <div className="text-center">
            <Link to='/'>Retour à la page d'accueil</Link>
          </div>
        </div>      
      </section>
    );     
  }
}