59 lines
3.7 KiB
HTML
59 lines
3.7 KiB
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>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"><span class="site-heading-lower">LE PAIN BLEU<span class="text-primary site-heading-upper mb-3" style="margin-top: 6px;">SEULEMENT BLEU <img src="assets/img/Logo%20Projet%20Fina_oofl.png" width="125"></span></span></span></h1>
|
|
<nav class="navbar navbar-dark navbar-expand-lg bg-dark py-lg-4" id="mainNav" style="margin-top: 0px;">
|
|
<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="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>
|
|
<li class="nav-item"><a class="nav-link" href="about.html">à propos</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<section class="page-section clearfix">
|
|
<div class="container">
|
|
<div class="intro"><img class="img-fluid intro-img mb-3 mb-lg-0 rounded" src="assets/img/intro.jpg">
|
|
<div class="text-center intro-text p-5 rounded bg-faded" style="height: 175.375px;">
|
|
<h2 class="section-heading mb-4"><span class="section-heading-upper">BLEU</span><span class="section-heading-lower" style="font-size: 40px;">Pourquoi bleu?</span></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="page-section cta">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-9 mx-auto">
|
|
<div class="text-center cta-inner rounded">
|
|
<h2 class="section-heading mb-4"><span class="section-heading-upper">Notre promesse</span><span class="section-heading-lower">Pour vous</span></h2>
|
|
<p class="mb-0">Seulement bleu.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer class="text-center footer text-faded py-5">
|
|
<div class="container">
|
|
<p class="m-0 small">copyright © 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> |