chebser/MyDarling
0
0
Fork 0
Code Actions Packages

styles and sripts edit

Browse Source
This commit is contained in:
Sergey Chebotar 2023-02-08 07:58:46 +03:00
parent 0105789fa3
commit 2aba547539
4 changed files with 48 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
Views/Bundle/Show.cshtml
View File

@ -1,62 +1,47 @@
@model MyDarling.Models.UnderwearBundle; @model MyDarling.Models.UnderwearBundle;
@{ <!DOCTYPE html>
Layout = "_Layout"; <html lang="ru-RU">
}
<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-black" id="mainNav"> <head>
<div class="container px-4 px-lg-5"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css">
<a class="navbar-brand" href="/"><img height="40" src="/assets/img/logo.svg"></a> </head>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" <body>
aria-label="Toggle navigation"> <div id="carouselIndicators" class="carousel slide" data-ride="carousel">
Menu <ol class="carousel-indicators">
<i class="fas fa-bars"></i> <li data-target="#carouselIndicators" data-slide-to="0" class="active"></li>
</button> @for (int i = 1; i < @Model?.Figures.Count(); i++)
<div class="collapse navbar-collapse" id="navbarResponsive"> {
<ul class="navbar-nav ms-auto"> <li data-target="#carouselIndicators" data-slide-to="@i"></li>
<li class="nav-item"><a class="nav-link" href="/Home/Index#about">About</a></li> }
<li class="nav-item"><a class="nav-link" href="/Home/Index#projects">Projects</a></li> </ol>
<li class="nav-item"><a class="nav-link" href="/Home/Index#signup">Contact</a></li> <div class="carousel-inner">
</ul> <div class="carousel-item active">
</div> <img class="d-block w-100" src="@Model?.Figures[0].FilePath" alt="...">
</div> </div>
</nav> <div class="carousel-caption d-none d-md-block">
<section class="projects-section bg-light"> <h5>@Model?.Name</h5>
<div class="container px-3 px-lg-4 mt-4"> <p>@Model?.Description</p>
<div class="row gx-4 gx-lg-5 justify-content-center "> </div>
<div class="col-md"> @for (int i = 1; i < @Model?.Figures.Count(); i++)
<div id="carouselIndicators" class="carousel slide" data-ride="carousel"> {
<ol class="carousel-indicators"> <div class="carousel-item">
<li data-target="#carouselIndicators" data-slide-to="0" class="active"></li> <img class="d-block w-100" src="@Model?.Figures[i].FilePath" alt="...">
@for (int i = 1; i < @Model?.Figures.Count(); i++)
{
<li data-target="#carouselIndicators" data-slide-to="@i"></li>
}
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="@Model?.Figures[0].FilePath" alt="...">
</div>
@for (int i = 1; i < @Model?.Figures.Count(); i++)
{
<div class="carousel-item">
<img class="d-block w-100" src="@Model?.Figures[i].FilePath" alt="...">
</div>
}
</div>
<a class="carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div> </div>
</div> }
<div class="col-md">
<h1 class="mb-4">@Model?.Name</h1>
<p class="projects-section">@Model?.Description</p>
</div>
</div> </div>
<a class="carousel-control-prev" href="#carouselIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div> </div>
</section> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>

4
Views/Home/Index.cshtml
View File

@ -27,8 +27,8 @@
<div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center"> <div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
<div class="d-flex justify-content-center"> <div class="d-flex justify-content-center">
<div class="text-center"> <div class="text-center">
<img class="mx-auto my-0" height="140" src="assets/img/logo.svg"/> <img class="mx-auto my-0" height="140" src="/assets/img/logo.svg"/>
<h2 class="text-white-50 mx-auto mt-2 mb-5">>Нижнее бельё ручной работы по индивидуальным меркам</h2> <h2 class="text-white-50 mx-auto mt-2 mb-5">Нижнее бельё ручной работы по индивидуальным меркам</h2>
<a class="btn btn-primary" href="#about">Узнать больше</a> <a class="btn btn-primary" href="#about">Узнать больше</a>
</div> </div>
</div> </div>

5
Views/Shared/_Layout.cshtml
View File

@ -17,10 +17,9 @@
<footer class="footer bg-black small text-center text-white-50"> <footer class="footer bg-black small text-center text-white-50">
<div class="container px-4 px-lg-5">&copy; My Darling underwear 2023</div> <div class="container px-4 px-lg-5">&copy; My Darling underwear 2023</div>
</footer> </footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bs5-lightbox@1.8.3/dist/index.bundle.min.js"></script>
<script src="/js/scripts.js"></script> <script src="/js/scripts.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>

2
wwwroot/css/styles.css
View File

@ -600,7 +600,7 @@ progress {
color: #6c757d; color: #6c757d;
} }
.blockquote-footer::before { .blockquote-footer::before {
content: "— "; content: "— ";
} }
.img-fluid { .img-fluid {