0
0
MyDarling/Views/Home/Index.cshtml

169 lines
8.4 KiB
Plaintext
Raw Normal View History

2023-02-01 09:30:01 +03:00
@model IQueryable<MyDarling.Models.UnderwearBundle>;
2023-02-08 07:56:08 +03:00
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
2023-02-06 21:32:40 +03:00
@{
Layout = "_Layout";
}
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="#page-top"><img height="40" src="/assets/img/logo.svg"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
Меню
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
2023-02-07 07:44:37 +03:00
<li class="nav-item"><a class="nav-link" href="#about">О нас</a></li>
<li class="nav-item"><a class="nav-link" href="#projects">Комплекты</a></li>
<li class="nav-item"><a class="nav-link" href="#signup">Заказать</a></li>
2023-02-06 21:32:40 +03:00
</ul>
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
</div>
</nav>
<!-- Masthead-->
<section class="masthead">
<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="text-center">
2023-02-08 07:58:46 +03:00
<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>
2023-02-06 21:32:40 +03:00
<a class="btn btn-primary" href="#about">Узнать больше</a>
2023-01-31 14:54:32 +03:00
</div>
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
</div>
</section>
<!-- About-->
<section class="about-section text-center" id="about">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8">
<h2 class="text-white mb-4">Built with Bootstrap 5</h2>
<p class="text-white-50">
Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now,
simply download the template on
<a href="https://startbootstrap.com/theme/grayscale/">the preview page.</a>
The theme is open source, and you can use it for any purpose, personal or commercial.
</p>
2023-01-31 14:54:32 +03:00
</div>
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
<img class="img-fluid" src="assets/img/ipad.png" alt="..." />
</div>
</section>
<!-- Projects-->
<section class="projects-section bg-light" id="projects">
<div class="container px-3 px-lg-4 mt-4">
<div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center">
@foreach (var bundle in @Model)
{
<div class="col mb-5">
<div class="card h-100">
2023-02-07 07:31:27 +03:00
<a asp-controller="Bundle" asp-action="Show" asp-route-id="@bundle.Id"><img class="card-img-top"
2023-02-06 21:32:40 +03:00
src="@bundle.Figures.FirstOrDefault()?.FilePath" alt="..." /></a>
<div class="card-body p-4">
<div class="text-center">
<h5 class="fw-bolder">@bundle.Name</h5>
@bundle.Price.ToString("c0")
2023-01-31 14:54:32 +03:00
</div>
</div>
</div>
2023-02-06 21:32:40 +03:00
</div>
}
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
</div>
</section>
<!-- Signup-->
<section class="signup-section" id="signup">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
<h2 class="text-white mb-5">Subscribe to receive updates!</h2>
<!-- * * * * * * * * * * * * * * *-->
<!-- * * SB Forms Contact Form * *-->
<!-- * * * * * * * * * * * * * * *-->
<!-- This form is pre-integrated with SB Forms.-->
<!-- To make this form functional, sign up at-->
<!-- https://startbootstrap.com/solution/contact-forms-->
<!-- to get an API token!-->
<form class="form-signup" id="contactForm" data-sb-form-api-token="API_TOKEN">
<!-- Email address input-->
<div class="row input-group-newsletter">
<div class="col"><input class="form-control" id="emailAddress" type="email"
placeholder="Enter email address..." aria-label="Enter email address..."
data-sb-validations="required,email" /></div>
<div class="col-auto"><button class="btn btn-primary disabled" id="submitButton"
type="submit">Notify Me!</button></div>
</div>
<div class="invalid-feedback mt-2" data-sb-feedback="emailAddress:required">An email is
required.</div>
<div class="invalid-feedback mt-2" data-sb-feedback="emailAddress:email">Email is not valid.
</div>
<!-- Submit success message-->
<!---->
<!-- This is what your users will see when the form-->
<!-- has successfully submitted-->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3 mt-2 text-white">
<div class="fw-bolder">Form submission successful!</div>
To activate this form, sign up at
<br />
<a
href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
</div>
<!-- Submit error message-->
<!---->
<!-- This is what your users will see when there is-->
<!-- an error submitting the form-->
<div class="d-none" id="submitErrorMessage">
<div class="text-center text-danger mb-3 mt-2">Error sending message!</div>
</div>
</form>
2023-01-31 14:54:32 +03:00
</div>
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
</div>
</section>
<!-- Contact-->
<section class="contact-section bg-black">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5">
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-map-marked-alt text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Address</h4>
<hr class="my-4 mx-auto" />
<div class="small text-black-50">4923 Market Street, Orlando FL</div>
2023-01-31 14:54:32 +03:00
</div>
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-envelope text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Email</h4>
<hr class="my-4 mx-auto" />
<div class="small text-black-50"><a href="#!">hello@yourdomain.com</a></div>
2023-01-31 14:54:32 +03:00
</div>
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-mobile-alt text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Phone</h4>
<hr class="my-4 mx-auto" />
<div class="small text-black-50">+1 (555) 902-8832</div>
2023-01-31 14:54:32 +03:00
</div>
</div>
</div>
2023-02-01 09:30:01 +03:00
</div>
2023-02-06 21:32:40 +03:00
<div class="social d-flex justify-content-center">
<a class="mx-2" href="#!"><i class="fab fa-twitter"></i></a>
<a class="mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
<a class="mx-2" href="#!"><i class="fab fa-github"></i></a>
</div>
</div>
</section>