{% extends "container.html" %}
{% block corps %}
    <div class="container marketing" style="margin-top: 50px;">

      	<!-- START THE FEATURETTES -->

        <div class="row featurette">
          <div class="col-md-7">
            <h2 class="featurette-heading">Actes princiers <br/> <span class="text-muted">XII<sup>e</sup> siècle &mdash; XVI<sup>e</sup> siècle</span></h2>
            <p class="lead">Ce site présente des actes élaborés par les chancelleries de plusieurs princes et princessses de sang royal des XIVe et XVe siècles. Cet ensemble, en grande partie inédit, a pour but d'aider à mieux articuler les enjeux de pouvoir des princes de la fin du Moyen Âge avec les logiques d’écriture de leurs chancelleries.</p>
            <p><a class="btn btn-outline-success" href="{{url_for('main.about')}}" role="button">En savoir plus &raquo;</a></p>
          </div>
          <div class="col-md-5">
          	<figure>
          		
            <img class="featurette-image img-fluid mx-auto" src="{{url_for('static', filename='img/home_img/coeur_amour_epris.jpeg')}}" alt="Generic placeholder image" style="border-radius: 10%;">
            <figcaption>
                    <p class="caption-main">René d'Anjou, <em>Le livre du Coeur d'amour épris</em>.</p>
                    <p class="caption-sub">(BnF, ms. fr. 24399)</p>
            </figcaption>
          	</figure>
          </div>
        </div>

        <!-- <hr class="featurette-divider">

        <div class="row featurette">
          <div class="col-md-7 order-md-2">
            <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
            <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
          </div>
          <div class="col-md-5 order-md-1">
            <img class="featurette-image img-fluid mx-auto" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
          </div>
        </div> -->

        <hr class="featurette-divider">

        <!-- /END THE FEATURETTES -->

        <!-- Three columns of text below the carousel -->
        <div class="row">
          <div class="col-lg-4">
            <img class="rounded-circle" src="{{url_for('static', filename='img/home_img/anjou_armes.jpg')}}" width="140" height="140">
            <h2>d'Anjou</h2>
            <p><a class="btn btn-outline-success" href="{{url_for('main.actes', house='Anjou')}}" role="button">Accéder aux actes &raquo;</a></p>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
            <img class="rounded-circle" src="{{url_for('static', filename='img/home_img/berry_armes.jpg')}}" alt="Generic placeholder image" width="140" height="140">
            <h2>Berry</h2>
            <p><a class="btn btn-outline-success" href="{{url_for('main.actes', house='Berry')}}" role="button">Accéder aux actes &raquo;</a></p>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4">
            <img class="rounded-circle" src="{{url_for('static', filename='img/home_img/bourbon_armes.jpg')}}" width="140" height="140">
            <h2>Bourbon</h2>
            <p><a class="btn btn-outline-success" href="{{url_for('main.actes', house='Bourbon')}}" role="button">Accéder aux actes &raquo;</a></p>
          </div><!-- /.col-lg-4 -->
        </div><!-- /.row -->

    </div><!-- /.container -->
{% endblock %}