'use strict';

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

  render() 
  {
    return (
      <section id="content">
        <div className="grid-1">
          <div className="text-center font-bold">
            Le Panthéon
          </div>
          <div className="text-justify">
            Le mieux conservé de tous les monuments de la Rome antique était en principe, comme son nom l'indique, dédié à tous le dieux.
          </div>
        </div>
        <div className="grid-2">
          <div className="text-center">
            <img src="images/panth.jpg" height="300" alt="L'extérieur" />
          </div>
          <div>
            <span className="font-bold">L'extérieur</span>
            <div className="text-justify">
              Le panthéon est un corps cylindrique trapu greffé sur un impressionnant portique (33 m. de large) soutenu par 16 colonnes monolithiques de granit à chapiteau de marbre blanc. Dans l'Antiquité, le monument était exhaussé sur un perron de cinq marches et précédé d'une place qui était encadrée de portiques. La porte de bronze est antique.
            </div>
          </div>
        </div>
        <div className="grid-2">
          <div>
            <span className="font-bold">L'intérieur</span>
            <div className="text-justify">
              Il est recouvert d'une calotte hémisphérique: le diamètre (43,3 m.) est exactement égal à la hauteur de l'édifice. L'oculus central, ouvrant sur le ciel, à 9 m. de diamètre; le mur qui soutient la coupole, 6 m. d'épaisseur.<br/> 
              Les statues des dieux qui ornaient les niches ont disparu depuis longtemps. Le panthéon abrite aujourd'hui les tombeaux de Victor-Emmanuel II (mort en 1878), premier roi d'Italie, et d'Umberto Ier (mort en 1900). Vous verrez également le tombeau de Raphaël, ceux de Peruzzi, d'Annibal Carrache et d'autres artistes.
            </div>
          </div>
          <div className="text-center">
            <img src="images/panth2.jpg" height="300" alt="L'intérieur" />
          </div>
        </div>
        <div className="grid-1">
          <div className="text-center">
            <img src="images/pantheon.gif" width="700" alt="Le Panthéon" />
          </div>
        </div>                        
        <div className="grid-1">
          <div className="text-center">
            <Link to='/'>Retour à la page d'accueil</Link>
          </div>
        </div>
      </section>
    );     
  }
}