contact page task almost done
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user