chebser/MyDarling
0
0
Fork 0
Code Actions Packages

Sign up section social links

Browse Source
This commit is contained in:
Sergey Chebotar 2023-02-22 08:32:22 +03:00
parent 54d36a9d09
commit 6cb87f6c78
4 changed files with 11 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Views/Home/Index.cshtml
View File

@ -8,5 +8,4 @@
<partial name="_Masthead" /> <partial name="_Masthead" />
<partial name="_About" /> <partial name="_About" />
<partial name="_Projects" /> <partial name="_Projects" />
<partial name="_SignUp" /> <partial name="_SignUp" />
<partial name="_Contact" />

42
Views/Home/_Contact.cshtml
View File

@ -1,42 +0,0 @@
<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>
</div>
</div>
</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>
</div>
</div>
</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>
</div>
</div>
</div>
</div>
<div class="social d-flex justify-content-center">
<a class="mx-2" href="https://instagram.com/my_darling_underwear"><i class="fab fa-instagram"></i></a>
<a class="mx-2" href="https://vk.com/my_darling_underwear"><i class="fab fa-vk"></i></a>
<a class="mx-2" href="https://t.me/my_darling_underwear"><i class="fab fa-telegram"></i></a>
<a class="mx-2" href="https://wa.me/+79604455258"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
</section>

7
Views/Home/_SignUp.cshtml
View File

@ -4,6 +4,13 @@
<div class="col-md-10 col-lg-8 mx-auto text-center"> <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> <i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
<h2 class="text-white mb-5">Сделайте заказ сейчас!</h2> <h2 class="text-white mb-5">Сделайте заказ сейчас!</h2>
<div class="social d-flex justify-content-center">
<a class="mx-2" href="https://instagram.com/my_darling_underwear"><i
class="fab fa-instagram"></i></a>
<a class="mx-2" href="https://vk.com/my_darling_underwear"><i class="fab fa-vk"></i></a>
<a class="mx-2" href="https://t.me/my_darling_underwear"><i class="fab fa-telegram"></i></a>
<a class="mx-2" href="https://wa.me/+79604455258"><i class="fab fa-whatsapp"></i></a>
</div>
</div> </div>
</div> </div>
</div> </div>

42
wwwroot/css/styles.css
View File

@ -11648,52 +11648,16 @@ body {
background-attachment: scroll; background-attachment: scroll;
background-size: cover; background-size: cover;
} }
.signup-section .form-signup input {
box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
padding: 1.25rem 2rem;
height: auto;
font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 80%;
text-transform: uppercase;
letter-spacing: 0.15rem;
border: 0;
}
.contact-section { .signup-section .social a {
padding-top: 5rem; font-size: 1.3rem;
}
.contact-section .card {
border: 0;
border-bottom: 0.25rem solid #64a19d;
}
.contact-section .card h4, .contact-section .card .h4 {
font-size: 0.8rem;
font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
text-transform: uppercase;
letter-spacing: 0.15rem;
}
.contact-section .card hr {
border-color: #64a19d;
border-width: 0.25rem;
width: 3rem;
}
.contact-section .social {
margin-top: 5rem;
}
.contact-section .social a {
text-align: center; text-align: center;
height: 3rem; height: 3rem;
width: 3rem; width: 3rem;
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
border-radius: 100%; border-radius: 100%;
line-height: 3rem; line-height: 3rem;
color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8);
}
.contact-section .social a:hover {
color: rgba(255, 255, 255, 0.5);
}
.contact-section .social a:active {
color: #fff;
} }
.footer { .footer {