Ajouts pour EF04

GrossesMitaines/GrossesMitaines/GrossesMitaines.csproj

@@ -23,6 +23,7 @@
 
   <ItemGroup>
     <Folder Include="wwwroot\audio\" />
+    <Folder Include="wwwroot\img\partenaires\" />
   </ItemGroup>
 
 </Project>

GrossesMitaines/GrossesMitaines/Views/Home/Index.cshtml

@@ -11,7 +11,7 @@
 
 <br>
 <br>
-<div class="row col-12 text-primary text-right text-sm-right bg-light" style="font-family:Comic Sans MS;">
+<div class="row col-12 text-primary text-right text-sm-right bg-light rounded-right" style="font-family:Comic Sans MS;">
     <h1>Des produits bien commodes faits par des aînées d'expérience.</h1>
 </div>
 <br>

GrossesMitaines/GrossesMitaines/Views/Shared/Components/EnVedette/Default.cshtml

@@ -16,7 +16,7 @@
                             <h3>Ceinture flèchée</h3>
                             <p>Pour faire votre propre bonhomme de 1837, comme dans le bon vieux temps.</p>
                             <h5>Seulement</h5>
-                            <h4 class="offset-1 bg-white text-success">85,86$+tx</h4>
+                            <h4 class="offset-1 bg-white text-success pl-1">85,86$+tx</h4>
                         </div>
                     </div>
                 </div>
@@ -29,7 +29,7 @@
                             <h3>Pantoufles du Canadien en Phentex</h3>
                             <p>Parce que ça sent la coupe!</p>
                             <h5>Seulement</h5>
-                            <h4 class="offset-1 bg-white text-success">15,64$+tx</h4>
+                            <h4 class="offset-1 bg-white text-success pl-1">15,64$+tx</h4>
                         </div>
                     </div>
                 </div>
@@ -42,7 +42,7 @@
                             <h3>Jean-Luc Mongrain</h3>
                             <p>On ne lui ferait pas mal, en tout cas!!</p>
                             <h5>Seulement</h5>
-                            <h4 class="offset-1 bg-white text-success">1453,12$+tx</h4>
+                            <h4 class="offset-1 bg-white text-success pl-1">1453,12$+tx</h4>
                         </div>
                     </div>
                 </div>

GrossesMitaines/GrossesMitaines/Views/Shared/_Layout.cshtml

@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>@ViewData["Title"] - GrossesMitaines</title>
-    <link rel="icon" type="image/x-icon" href="~/img/favicon.ico"/>
+    <link rel="icon" type="image/x-icon" href="~/img/favicon.ico" />
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" />
     <link rel="stylesheet" href="~/font-awesome/css/all.min.css" />
@@ -42,24 +42,38 @@
         </main>
     </div>
 
-    <div style="height:100px;"/>
+
+    <div style="min-height:100px;"/>
     <footer class="border-top footer text-light bg-primary">
-        <div class="container" style="font-family:Comic Sans MS;">
+        <div class="row">
-            <div class="offset-1">
+            <div class="col-4">
-                <div class="row">
+                <a asp-area="" asp-controller="Home" asp-action="AboutUs" class="text-light" style="font-family:Comic Sans MS;">À Propos</a>
-                    <div class="col">
+            </div>
-                        <a asp-area="" asp-controller="Home" asp-action="AboutUs" class="text-light" style="font-family:Comic Sans MS;">À Propos</a>
+            <div class="col-4">
-                    </div>
+                <a asp-area="" asp-controller="Home" asp-action="ContactUs" class="text-light" style="font-family:Comic Sans MS;">Nous Contacter</a>
-                    <div class="col">
+            </div>
-                        <a asp-area="" asp-controller="Home" asp-action="ContactUs" class="text-light" style="font-family:Comic Sans MS;">Nous Contacter</a>
+            <div class="col-4">
-                    </div>
+                <a asp-area="" asp-controller="Home" asp-action="Privacy" class="text-light" style="font-family:Comic Sans MS;">Vie Privée</a>
-                    <div class="col">
-                        <a asp-area="" asp-controller="Home" asp-action="Privacy" class="text-light" style="font-family:Comic Sans MS;">Vie Privée</a>
-                    </div>
-                </div>
             </div>
         </div>
-        <div class="container text-white" style="font-family:Comic Sans MS;">
+        <br />
+        <div class="row">
+            <h4 class="col-12">
+                Joignez les plus de 1 000 Québécois qui ont décidés d'acheter GM!
+            </h4>
+        </div>
+        <div class="row">
+            <h6 class="col-12">- Nos partenaires -</h6>
+        </div>
+        <div class="row">
+            <div class="col-4 logo-gouv">
+            </div>
+            <div class="col-4 logo-tg">
+            </div>
+            <div class="col-4 logo-sqdc">
+            </div>
+        </div>
+        <div class="row text-white" style="font-family:Comic Sans MS;">
             &copy; 2022 - Les Grosses Mitaines à Ginette et Monique, inc.
         </div>
     </footer>

GrossesMitaines/GrossesMitaines/wwwroot/css/site.css

@@ -31,6 +31,15 @@ html {
     font-size: 14px;
 }
 
+footer{
+    margin-top:50px;
+    padding-left:25px;
+}
+
+footer > div{
+    margin-top:10px;
+}
+
 @media (min-width: 768px) {
     html {
         font-size: 16px;
@@ -61,11 +70,6 @@ html {
   min-height: 100%;
 }
 
-body {
-    /* Margin bottom by footer height */
-    margin-bottom: 60px;
-}
-
 .bg-image {
     background-image: url(../img/blured_wool_carpet.png);
 
@@ -83,14 +87,33 @@ body {
     margin:auto;
 }
 
-.footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    white-space: nowrap;
-    line-height: 60px; /* Vertically center the text there */
-}
-
 .vedette-title{
     background-color:rgba(0, 0, 0,.75);
+}
+
+.logo-tg {
+    background-image: url(/img/partenaires/logo-guidelines-fy21-GTlogo-colour.jpg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    height: 30px;
+    width: auto;
+}
+
+.logo-sqdc {
+    background-image: url(/img/partenaires/sqdc1.jpg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    height:30px;
+    width:auto;
+}
+
+.logo-gouv {
+    background-image: url(/img/partenaires/Logo_du_le_gouvernement_du_Québec.svg);
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: contain;
+    height: 30px;
+    width: auto;
 }