Outiref

Code source de l'URL : https://histoires.en-aveyron.com/

<!DOCTYPE html>
<html lang="fr-FR">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="img/favicon.ico" />
    <title>Explorez des histoires fascinantes du passé en Aveyron racontées par nos auteurs</title>
    <meta name="description" content="Deux auteurs nous ont écrit quelques histoires et anecdotes d'autrefois en Aveyron. Le premier auteur, en parallèle de sa généalogie, nous a relevé quelques histoires cocasses. Pour le second, ce sont des faits vécus quant il était enfant." />
    <meta name="keywords" content="histoires du temps passé, histoires d'autrefois en Aveyron, passé, anecdotes, récits, Rodez, conte, évènements, affaire, aventure, souvenir, cas, faits, narration" />
    <meta name="author" content="Webmaster Histoires en Aveyron" />
    <meta name="robots" content="index, follow, max-image-preview:standard, max-snippet:-1" />
    <link rel="canonical" href="https://histoires.en-aveyron.com/" />
    <link rel="alternate" hreflang="fr-FR">
    <!--<link rel="preload" as="image" href="img/img-top-site-histoires.webp" />-->

            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />


        <!--<<link rel="preload" href="assets/css/new-font-awesomme.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <noscript>
            <link rel="stylesheet" href="assets/css/new-font-awesomme.css">
        </noscript>-->
        <!--<link rel="stylesheet" href="assets/css/new-font-awesomme.css" />-->

        <!--<link rel="stylesheet" href="assets/css/wireframe.min.css" />-->

        <link rel="preload" href="assets/css/wireframe.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
        <noscript>
            <link rel="stylesheet" href="assets/css/wireframe.min.css">
        </noscript>




        <!-- Matomo -->
    <script>
        var _paq = window._paq = window._paq || [];
        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function() {
            var u = "//analytics.en-aveyron.com/";
            _paq.push(['setTrackerUrl', u + 'matomo.php']);
            _paq.push(['setSiteId', '3']);
            var d = document,
                g = d.createElement('script'),
                s = d.getElementsByTagName('script')[0];
            g.async = true;
            g.src = u + 'matomo.js';
            s.parentNode.insertBefore(g, s);
        })();
    </script>
    <!-- End Matomo Code -->
</head>

<body style="background-color: #F8F8F8;">
    <!-- ==================== NAVBAR BOOTSTRAP ==================== -->
    <nav role="navigation">
        <nav class="navbar navbar-expand-md navbar-dark bg-dark">
            <div class="container">
                <a class="navbar-brand" href="https://histoires.en-aveyron.com">
                    <img src="img/logo-50x90-1.png" alt="Logo Histoires en Aveyron" width="50" height="90">
                </a>
                <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
                    data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span> </button>
                <div class="collapse navbar-collapse text-center justify-content-between" id="navbar2SupportedContent">
                    <ul class="navbar-nav">
                        <li class="nav-item text-black">
                            <a class="nav-link mx-2" href="https://histoires.en-aveyron.com/accueil.html"><b>Accueil</b></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mx-2" href="https://histoires.en-aveyron.com/les-histoires-de-chantal.html"><b> Les histoires de Chantal </b></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mx-2" href="https://histoires.en-aveyron.com/les-histoires-de-jacques.html"><b> Les histoires de Jacques </b></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mx-2" href="https://histoires.en-aveyron.com/contact.html"><b> Contact </b></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link mx-2" href="https://histoires.en-aveyron.com/plan-du-site.html"><b> Plan du site </b></a>
                        </li>
                    </ul>
                    <form method="post" action="recherche.html" class="w-auto d-flex" role="search">
                        <input type="search" class="form-control bg-secondary text-white" name="keyword" placeholder="Rechercher" aria-label="Search">
                    </form>
                </div>
            </div>
        </nav>
    </nav>
    <!-- ==================== IMAGE TOP SITE ==================== -->
    <div class="py-4" role="banner">
        <div class="d-flex align-items-center pt-3">
            <div class="container" style="background-color: #F2F2F2;">
                <div class="row">
                    <img class="img-fluid" src="img/img-top-site-histoires.webp" width="1140" height="385" fetchpriority="high" alt="Vue sur la commune de St-Geniez en Aveyron" />
                </div>
            </div>
        </div>
    </div><main role="main">
    <div class="container mt-4">
        <div class="row">
            <!-- 1ère COLONNE -->
            <div class="col-md-9">

                <div class="text-left">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <h1 class="mb-3">Ces histoires du temps passé en Aveyron…</h1>
                                <div class="blockquote text-black"></div>
                                <p class="blockquote mb-0">Bonjour,<br>
                                    Ce site internet vous présente quelques histoires du passé en Aveyron.
                                    Il vous permettra de découvrir quelques événements ou anecdotes marquants ou non qui se sont déroulés
                                    autrefois en Rouergue.
                                    Si vous êtes passionnés d’histoire ou simplement curieux, nos auteurs ont mis à votre disposition quelques
                                    articles concernant le passé dans notre département. Merci à eux…</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
    <div class="container mt-5">
        <div class="card border-warning border-1 style=" max-width: 800px;">
            <div class="row g-0">
                <div class="col-md-3 d-flex align-items-center justify-content-center p-2">
                    <img src="img/auteurs/chantal.webp" class="img-fluid rounded-start" alt="Chantal, auteur d'histoires du temps passé" width="70" height="85">
                </div>
                <div class="col-md-6 d-flex align-items-center">
                    <div class="card-body">
                        <div class="card-title h5"><b>Chantal Souyris</b></div>
                        <p class="card-text">Les recherches, au-delà de la création de l’arbre généalogique, sont liées à des               époques différentes avec des us et coutumes, une vie sociale et politique différente, un parler différent              également. Au-delà de la recherche de liens et de dates, vous trouverez quelques histoires que j’ai plaisir à vous            faire partager.</p>
                    </div>
                </div>
                <div class="col-md-3 d-flex align-items-center justify-content-center">
                    <a class="btn btn-warning p-2" href="les-histoires-de-chantal.html"> Accédez aux histoires de Chantal</a>
                </div>
            </div>
        </div>
    </div>
</div><div>
    <div class="container mt-5">
        <div class="card border-warning border-1 style=" max-width: 800px;">
            <div class="row g-0">
                <div class="col-md-3 d-flex align-items-center justify-content-center p-2">
                    <img src="img/auteurs/jboutet.webp" class="img-fluid rounded-start" alt="Jacques, auteur d'histoires d'autrefois" width="70" height="85">
                </div>
                <div class="col-md-6 d-flex align-items-center">
                    <div class="card-body">
                        <div class="card-title h5"><b>Jacques Boutet</b></div>
                        <p class="card-text">Amoureux d’écriture, Jacques Boutet a bien voulu nous faire partager sa passion en nous confiant quelques uns de ses meilleurs souvenirs d’enfance aveyronnais des années 50 …<br>
Merci Jacques pour toutes ces histoires…</p>
                    </div>
                </div>
                <div class="col-md-3 d-flex align-items-center justify-content-center">
                    <a class="btn btn-warning p-2" href="les-histoires-de-jacques.html"> Accédez aux histoires de Jacques</a>
                </div>
            </div>
        </div>
    </div>
</div>
            </div>
            <!-- 2ème COLONNE -->
            <div class="col-md-3">
            </div>
        </div>
    </div>
</main>
<!-- ==================== FOOTER BOOTSTRAP ==================== -->
<footer role="contentinfo">
    <div class="bg-dark my-5">
        <div class="container">
            <div class="row d-flex justify-content-between">
                <div class="col-lg-5 col-md-6">
                    <p class="text-white mb-0">Copyright 2025 - Jean-François BIJAKOWSKI aka TustBart</p>
                </div>
                <div class="col-lg-5 col-md-6">
                    <p class="mb-0">Diffusion avec l'accord des auteurs -
                        <a href="https://histoires.en-aveyron.com/confidentialite.html" class="text-white">Politique de confidentialité</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>

</div>
</div>

</body>

</html></body>

</html>