quoije/web_lepainbleu.ca
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First commit

Browse Source
This commit is contained in:
unknown
2022-02-16 07:24:09 -05:00
commit fea9b76208
13 changed files with 210 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+1
View File
@@ -0,0 +1 @@
# web_lepainbleu.ca
about.html
+56
View File
@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>À propos - 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="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<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&nbsp;&nbsp;<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: 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="store.html">boutique</a></li>
</ul>
</div>
</div>
</nav>
<section class="page-section about-heading">
<div class="container"><img class="img-fluid rounded about-heading-img mb-3 mb-lg-0" src="assets/img/about.jpg">
<div class="about-heading-content">
<div class="row">
<div class="col-lg-10 col-xl-9 mx-auto">
<div class="bg-faded rounded p-5">
<h2 class="section-heading mb-4"><span class="section-heading-upper">le pain dans seulement une couleur</span><span class="section-heading-lower">bleu</span></h2>
<p>Fondé en 1987 par les frères Hernandez, notre établissement sert du pain bleu riche provenant d'agriculteurs artisanaux de diverses régions d'Amérique du Sud et d'Amérique centrale. Nous nous engageons à parcourir le monde, à trouver le meilleur pain bleu et à vous ramener ici dans notre boutique de pain bleue.<br></p>
<p class="mb-0">Nous vous garantissons que vous tomberez dans la convoitise avec nos mélanges décadents au moment où vous entrerez jusqu'à ce que vous ayez terminé votre dernière bouchée de pain bleu. Rejoignez-nous pour votre routine quotidienne, une sortie entre amis, ou tout simplement pour profiter d'un moment seul entre pains bleus.<br></p>
</div>
</div>
</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>
assets/bootstrap/css/bootstrap.min.css
Vendored
+8
View File
File diff suppressed because one or more lines are too long
assets/img/Logo Projet Fina_oofl.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

assets/img/about.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 345 KiB

assets/img/bg.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

assets/img/external-content.duckduckgo.com.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

assets/img/intro.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 382 KiB

assets/img/products-01.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 359 KiB

assets/img/products-02.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 407 KiB

assets/img/products-03.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 268 KiB

index.html
+62
View File
@@ -0,0 +1,62 @@
<!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="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<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&nbsp;&nbsp;<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="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="store.html">boutique</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&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>
products.html
+83
View File
@@ -0,0 +1,83 @@
<!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="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/external-content.duckduckgo.com.png">
<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="store.html">boutique</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>