Blocs de navigation

<div class="container" id="scolarite">

  <div class="row">

        <div class="col-xs-12 col-md-6">

            <div class="card">

                <div class="titre">

                    <h2>Très Simplement</h2>

                </div>

                <div class="icone">

                    <a href="/moodle/upjv/course/view.php?id=8975#section-3" style="color:#46b29d;"><span class="fa fa-circle-o"></span></a>

                </div>

                <div class="bouton" style="background-color: #46b29d;">

                    <a href="/moodle/upjv/course/view.php?id=8975#section-3"><span class="fa fa-plus-circle"></span></a>

                </div>

            </div>

        </div>

        <div class="col-xs-12 col-md-6">

            <div class="card">

                <div class="titre">

                    <h2>Les modèles</h2>

                </div>

                <div class="icone">

                    <a href="/moodle/upjv/course/view.php?id=8975#section-4" style="color:#e37b40;"><span class="fa fa-cogs"></span></a>

                </div>

                <div class="bouton" style="background-color: #e37b40;">

                    <a href="/moodle/upjv/course/view.php?id=8975#section-4"><span class="fa fa-plus-circle"></span></a>

                </div>

            </div>

        </div>

        <div class="col-xs-12 col-md-6">

            <div class="card">

                <div class="titre">

                    <h2>Pour aller plus loin</h2>

                </div>

                <div class="icone">

                    <a href="/moodle/upjv/course/view.php?id=8975#section-5" style="color:#f53855;"><span class="fa fa-plus-square-o"></span></a>

                </div>

                <div class="bouton" style="background-color: #f53855;">

                    <a href="/moodle/upjv/course/view.php?id=8975#section-5"><span class="fa fa-plus-circle"></span></a>

                </div>

            </div>

        </div>

        <div class="col-xs-12 col-md-6">

            <div class="card">

                <div class="titre">

                    <h2>Aide-mémoire</h2>

                </div>

                <div class="icone">

                    <a href="/moodle/upjv/course/view.php?id=8975#section-6" style="color:#2e83a9;"><span class="fa fa-graduation-cap"></span></a>

                </div>

                <div class="bouton" style="background-color: #2e83a9;">

                    <a href="/moodle/upjv/course/view.php?id=8975#section-6"><span class="fa fa-plus-circle"></span></a>

                </div>

            </div>

        </div>

    </div>

</div>

Pour utiliser les blocs de navigation :

1) Copier-coller ce code dans une étiquette située de préférence dans la première partie du cours c'est-à-dire là où il y a le forum "Annonces";

2) Modifier les titres (en rouge);

3) Modifier les liens (en vert) avec l'identifiant de votre cours (dans la barre d'adresse de votre navigateur : id=....) ainsi que le numéro de la section en comptant 1 à partir de votre première section avec l'en-tête bleu;

4) Modifier les icônes  (en bleu): choisissez celles qui vous conviennent sur le site Font awesome et copier coller le nom de l'icône (fa-XXXX).