contact page task almost done

This commit is contained in:
Chukwumdiebube
2023-01-15 02:55:41 +01:00
parent 0f34385f13
commit a0ae955e2e
3 changed files with 134 additions and 13 deletions
+86
View File
@@ -3525,7 +3525,44 @@ header.fix_style.white_header {
resize: none;
}
.contact_page_section .contact_inner .contact_form form .form-group .contact_btn{
display: flex !important;
align-items: center;
justify-content: center;
}
.contact_page_section .contact_inner .contact_form form .form-group .contact_btn p{
margin: 0 !important;
}
.contact_page_section .contact_inner .contact_form form .form-group .contact_btn > span{
width: 24px;
height: 24px;
}
#contact_body{
min-height: 48rem;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
gap: 10px;
}
.contact_body{
font-size: 20px;
font-weight: 800;
justify-content: center;
text-align: center;
}
/* For the err msg */
#errText{
text-align: center;
color: tomato;
font-weight: 600;
}
.contact_page_section .contact_inner .contact_form form .form-group span{
font-size: 12px;
color: tomato;
@@ -4609,6 +4646,55 @@ header.fix_style.white_header {
padding: 20px 0 0 0;
}
/* Loader */
.loader{
border-radius: 100%;
position: relative;
}
.loader-sm{
width: 24px;
height: 24px;
}
/* LOADER 1 */
#loader-1:before, #loader-1:after{
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
border: 3.5px solid transparent;
border-top-color: #3498db;
}
#loader-1:before{
z-index: 100;
animation: spin 1.5s infinite;
}
#loader-1:after{
border: 3.5px solid #ccc;
}
@keyframes spin{
0%{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@media screen and (max-width: 992px) {
.navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {
position: absolute !important;