Ajout d'image de background flou, favicon

This commit is contained in:
Victor Turgeon 2022-09-11 12:25:30 -07:00
parent d12f4412e7
commit 5d56ff641d
9 changed files with 54 additions and 41 deletions

View File

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

View File

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

View File

@ -1,10 +1,11 @@
<div style="height:280px;"> <div style="height:280px;">
<div class="row"> <div class="row">
<div class="col-md-7 col-sm-12 offset-md-1 offset-sm-0 text-primary" style="font-family:Comic Sans MS;"> <div class="col-md-7 col-sm-12 offset-md-1 offset-sm-0 text-primary vedette-title" style="font-family:Comic Sans MS;">
<h1>Nos produits vedettes:</h1> <h1>Nos produits vedettes:</h1>
</div> </div>
</div> </div>
<div class="carousel slide" data-ride="carousel"> <div class="row">
<div class="carousel slide col-12" data-ride="carousel">
<div class="carousel-inner"> <div class="carousel-inner">
<div class="carousel-item bg-secondary rounded active"> <div class="carousel-item bg-secondary rounded active">
<div class="row text-primary" style="font-family:Arial;"> <div class="row text-primary" style="font-family:Arial;">
@ -47,4 +48,5 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>

View File

@ -4,11 +4,12 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - GrossesMitaines</title> <title>@ViewData["Title"] - GrossesMitaines</title>
<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="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<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 class="bg-dark"> <body class="bg-image">
<audio autoplay muted> <audio autoplay muted>
<Source src="~/audio/poupee.mp3" type="audio/mpeg" /> <Source src="~/audio/poupee.mp3" type="audio/mpeg" />
</audio> </audio>
@ -35,10 +36,8 @@
</nav> </nav>
</header> </header>
<div class="container"> <div class="container">
<main role="main">
<main role="main" class="pb-3">
@RenderBody() @RenderBody()
</main> </main>
</div> </div>

View File

@ -66,6 +66,15 @@ body {
margin-bottom: 60px; margin-bottom: 60px;
} }
.bg-image {
background-image: url(../img/blured_wool_carpet.png);
background-attachment:fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#btn-search{ #btn-search{
margin-left:10px; margin-left:10px;
} }
@ -81,3 +90,7 @@ body {
white-space: nowrap; white-space: nowrap;
line-height: 60px; /* Vertically center the text there */ line-height: 60px; /* Vertically center the text there */
} }
.vedette-title{
background-color:rgba(0, 0, 0,.75);
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 527 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB