web_lepainbleu.ca/products.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Produits - Le pain bleu</title>
    <meta name="description" content="Boulangerie où l'on ne sert que du pain bleu. Seulement bleu.">
    <link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i">
</head>

<body style="background:linear-gradient(rgba(47, 23, 15, 0.65), rgba(47, 23, 15, 0.65)), url('assets/img/bg.jpg');">
    <h1 class="text-center text-white d-none d-lg-block site-heading"><span class="site-heading-lower">LE PAIN BLEU<span class="text-primary site-heading-upper mb-3" style="margin-top: 6px;">SEULEMENT BLEU&nbsp;&nbsp;<img src="assets/img/Logo%20Projet%20Fina_oofl.png" width="125"></span></span></h1>
    <nav class="navbar navbar-dark navbar-expand-lg bg-dark py-lg-4" id="mainNav" style="margin-top: 0;">
        <div class="container"><a class="navbar-brand text-uppercase d-lg-none text-expanded" href="#" style="color: rgb(86,144,230);">Le pain bleu</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navbarResponsive"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse" id="navbarResponsive">
                <ul class="navbar-nav mx-auto">
                    <li class="nav-item"><a class="nav-link" href="index.html">Accueil</a></li>
                    <li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
                    <li class="nav-item"><a class="nav-link" href="products.html">produits</a></li>
                    <li class="nav-item"><a class="nav-link" href="https://nop.lepainbleu.ca">boutique</a></li>
                    <li class="nav-item"><a class="nav-link" href="login.html">login</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <section class="page-section">
        <div class="container">
            <div class="product-item">
                <div class="d-flex product-item-title">
                    <div class="d-flex me-auto bg-faded p-5 rounded">
                        <h2 class="section-heading mb-0"><span class="section-heading-upper">pain #1</span><span class="section-heading-lower">bleu</span></h2>
                    </div>
                </div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" src="assets/img/products-01.jpg">
                <div class="bg-faded p-5 rounded">
                    <p class="mb-0">Nous sommes fiers de notre travail, et cela se voit. Chaque fois que vous commandez un pain bleu de chez nous, nous garantissons que ce sera une expérience qui en vaudra la peine. Qu'il s'agisse de notre pain bleu vénézuélien de renommée mondiale, d'un pain bleu glacé ou de quelque chose d'aussi simple qu'un pain bleu d'origine spécialisée, vous reviendrez pour en savoir plus sur nos pains bleus.<br></p>
                </div>
            </div>
        </div>
    </section>
    <section class="page-section">
        <div class="container">
            <div class="product-item">
                <div class="d-flex product-item-title">
                    <div class="d-flex ms-auto bg-faded p-5 rounded">
                        <h2 class="section-heading mb-0"><span class="section-heading-upper">pain #2</span><span class="section-heading-lower">bleu cosmos</span></h2>
                    </div>
                </div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" src="assets/img/products-02.jpg">
                <div class="bg-faded p-5 rounded">
                    <p class="mb-0">Notre menu de saison propose de délicieux pains bleus, des produits de pains bleus et même des repas complets parfaits pour les amateurs de pains bleus. Nous nous approvisionnons en ingrédients auprès de fermes locales ou organiques chaque fois que cela est possible, aux côtés de fournisseurs haut de gamme pour des pains bleus de spécialité.<br></p>
                </div>
            </div>
        </div>
    </section>
    <section class="page-section">
        <div class="container">
            <div class="product-item">
                <div class="d-flex product-item-title">
                    <div class="d-flex mx-auto bg-faded p-5 rounded">
                        <h2 class="section-heading mb-0"><span class="section-heading-upper">pain #3</span><span class="section-heading-lower">bleu fort</span></h2>
                    </div>
                </div><img class="img-fluid d-flex mx-auto product-item-img mb-3 mb-lg-0 rounded" src="assets/img/products-03.jpg">
                <div class="bg-faded p-5 rounded">
                    <p class="mb-0">Voyager dans le monde pour le pain bleu de la meilleure qualité est quelque chose dont nous sommes fiers. Lorsque vous nous visitez, vous trouverez toujours de nouveaux mélanges du monde entier, principalement de régions d'Amérique centrale et d'Amérique du Sud. Nous vendons nos pains bleus en plus petits à grandes quantités en vrac. S'il vous plaît, visitez-nous en personne pour plus de détails.<br></p>
                </div>
            </div>
        </div>
    </section>
    <footer class="text-center footer text-faded py-5">
        <div class="container">
            <p class="m-0 small">copyright&nbsp;© le pain bleu - deux mille vingt-deux<br><br></p>
        </div>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>