This commit is contained in:
MarcEricMartel 2022-09-10 11:33:46 -07:00
parent a265de0912
commit 14bc9b1611
14 changed files with 110 additions and 34 deletions

View File

@ -3,7 +3,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 17 # Visual Studio Version 17
VisualStudioVersion = 17.1.32210.238 VisualStudioVersion = 17.1.32210.238
MinimumVisualStudioVersion = 10.0.40219.1 MinimumVisualStudioVersion = 10.0.40219.1
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "GrossesMitaines", "GrossesMitaines\GrossesMitaines.csproj", "{6BFC8E3C-ED6F-4C61-BAAF-A8BB0686F5C1}" Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "GrossesMitaines", "GrossesMitaines\GrossesMitaines.csproj", "{6BFC8E3C-ED6F-4C61-BAAF-A8BB0686F5C1}"
EndProject EndProject
Global Global
GlobalSection(SolutionConfigurationPlatforms) = preSolution GlobalSection(SolutionConfigurationPlatforms) = preSolution

View File

@ -15,9 +15,10 @@
</ItemGroup> </ItemGroup>
<ItemGroup> <ItemGroup>
<Folder Include="ViewModels\" />
<Folder Include="ViewComponents\" /> <Folder Include="ViewComponents\" />
<Folder Include="Views\Shared\Components\" /> <Folder Include="ViewModels\" />
<Folder Include="wwwroot\img\" />
<Folder Include="wwwroot\audio\" />
</ItemGroup> </ItemGroup>
</Project> </Project>

View File

@ -1,3 +1,9 @@
@{ @{
ViewData["Title"] = "Maison"; ViewData["Title"] = "Maison";
} }
<div class="row"></div>
<div class="container col-10 offset-1 text-primary text-right text-sm-right" style="font-family:Comic Sans MS;">
<h1>Des produits bien commodes faits par des aînées d'expérience.</h1>
</div>

View File

@ -0,0 +1,46 @@
<div class="container col-7 offset-1 text-primary" style="font-family:Comic Sans MS;">
<h1>Nos produits vedettes:</h1>
</div>
<div class="carousel slide" data-ride="carousel">
<div class="carousel-inner offset-3">
<div class="carousel-item active">
<div class="row text-primary" style="font-family:Comic Sans MS;">
<div class="col-4">
<img class="d-block w-100" src="img/ceintureflechee.jpg">
</div>
<div class="col-6">
<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">85,86$+tx</h4>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row text-primary" style="font-family:Comic Sans MS;">
<div class="col-4">
<img class="d-block w-100" src="img/pantouflesCH.jpg">
</div>
<div class="col-6">
<h3>Pantoufles du Canadien en Phentex</h3>
<p>Parce que ça sent la coupe!</p>
<h5>Seulement</h5>
<h4 class="offset-1">15,64$+tx</h4>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row text-primary" style="font-family:Comic Sans MS;">
<div class="col-4">
<img class="d-block w-100" src="img/jeanlucmongrain.jpg">
</div>
<div class="col-6">
<h3>Jean-Luc Mongrain</h3>
<p>On ne lui ferait pas mal, en tout cas!!</p>
<h5>Seulement</h5>
<h4 class="offset-1">1453,12$+tx</h4>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,12 @@
using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
namespace GrossesMitaines.Views.Shared.Components.EnVedette
{
public class IndexModel : PageModel
{
public void OnGet()
{
}
}
}

View File

@ -8,43 +8,49 @@
<link rel="stylesheet" href="~/css/site.css" /> <link rel="stylesheet" href="~/css/site.css" />
<link rel="stylesheet" href="~/font-awesome/css/all.min.css" /> <link rel="stylesheet" href="~/font-awesome/css/all.min.css" />
</head> </head>
<body> <body class="bg-dark">
<header> <audio autoplay>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"> <Source src="audio/poupee.mp3" type="audio/mpeg" />
</audio>
<header class="bg-primary">
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light border-bottom box-shadow text-white mb-3">
<div class="container"> <div class="container">
<a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">GrossesMitaines</a> <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index"><img style="width:64px;" src="img/LesGrossesMitaines.png" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent" <button class="navbar-toggler bg-light text-primary" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation"> aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="navbar-collapse collapse d-sm-inline-flex justify-content-between"> <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
<ul class="navbar-nav flex-grow-1"> <ul class="navbar-nav flex-grow-1">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a> <a class="nav-link text-light" asp-area="" asp-controller="Home" asp-action="Index" style="font-family:Comic Sans MS;">Maison</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a> <a class="nav-link text-light" asp-area="" asp-controller="Home" asp-action="Privacy" style="font-family:Comic Sans MS;">Vie Privée</a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</nav> </nav>
</header> </header>
<div id="research-bar" class="input-group col-12">
<input type="search" class="form-control rounded col-sm-10 col-md-11" placeholder="Search" aria-label="Search" aria-describedby="search-addon" /> <div id="research-bar" class="container input-group col-12 d-sm-inline-flex justify-content-between mb-3">
<button type="button" id="btn-search" class="btn btn-outline-primary col-sm-2 col-md-1"> <input type="search" class=" form-control rounded col-sm-10 col-md-11 col-10" placeholder="Recherche" aria-label="Search" aria-describedby="search-addon" />
<button type="button" id="btn-search" class="btn btn-outline-primary btn-light col-sm-2 col-md-1 box-shadow col-2 ">
<div id="search-icon" class="fa fa-search"></div> <div id="search-icon" class="fa fa-search"></div>
</button> </button>
</div> </div>
<div class="container"> <div class="container">
<main role="main" class="pb-3"> <main role="main" class="pb-3">
@RenderBody() @RenderBody()
</main> </main>
</div> </div>
<footer class="border-top footer text-muted"> <footer class="border-top footer text-light bg-primary">
<div class="container"> <div class="container" style="font-family:Comic Sans MS;">
&copy; 2022 - GrossesMitaines - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a> &copy; 2022 - Les Grosses Mitaines à Ginette et Monique, inc. - <a asp-area="" asp-controller="Home" asp-action="Privacy" class="text-info" style="font-family:Comic Sans MS;">Vie Privée</a>
</div> </div>
</footer> </footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script> <script src="~/lib/jquery/dist/jquery.min.js"></script>

View File

@ -1,3 +1,4 @@
@using GrossesMitaines @using GrossesMitaines
@using GrossesMitaines.Models @using GrossesMitaines.Models
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, GrossesMitaines

View File

@ -1,6 +1,7 @@
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification /* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */ for details on configuring this project to bundle and minify static web assets. */
a.navbar-brand { a.navbar-brand {
white-space: normal; white-space: normal;
text-align: center; text-align: center;
@ -29,11 +30,13 @@ a {
html { html {
font-size: 14px; font-size: 14px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
html { html {
font-size: 16px; font-size: 16px;
} }
} }
.border-top { .border-top {
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;
@ -62,13 +65,6 @@ body {
/* Margin bottom by footer height */ /* Margin bottom by footer height */
margin-bottom: 60px; margin-bottom: 60px;
} }
.footer {
position: absolute;
bottom: 0;
width: 100%;
white-space: nowrap;
line-height: 60px; /* Vertically center the text there */
}
#btn-search{ #btn-search{
margin-left:10px; margin-left:10px;
@ -77,3 +73,11 @@ body {
#search-icon{ #search-icon{
margin:auto; margin:auto;
} }
.footer {
position: absolute;
bottom: 0;
width: 100%;
white-space: nowrap;
line-height: 60px; /* Vertically center the text there */
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 410 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 917 KiB

View File

@ -18,8 +18,8 @@
--white: #fff; --white: #fff;
--gray: #6c757d; --gray: #6c757d;
--gray-dark: #343a40; --gray-dark: #343a40;
--primary: #007bff; --primary: #3ab250;
--secondary: #6c757d; --secondary: #b800ba;
--success: #28a745; --success: #28a745;
--info: #17a2b8; --info: #17a2b8;
--warning: #ffc107; --warning: #ffc107;
@ -54,7 +54,7 @@ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
body { body {
margin: 0; margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Comic Sans MS", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;