Rakia/Maryam-s-work
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pushing all files

Browse Source
This commit is contained in:
rakia
2025-08-30 11:03:32 +03:00
parent fd2dcf0daa
commit 81b875023b
510 changed files with 81710 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

226
public/assets/sass/section/_subscribe.scss Normal file
View File

@ -0,0 +1,226 @@
/*==========================================================================
Subscribe One CSS
==========================================================================*/
.subscribe__area {
position: relative;
margin-bottom: 100px;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 45%;
background: var(--bg-white);
}
&-bg {
position: relative;
z-index: 1;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 75px 70px;
overflow: hidden;
margin: 0;
&::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bg-heading-color);
opacity: 0.7;
z-index: -1;
}
&::after {
content: '';
position: absolute;
width: 303px;
height: 303px;
border-radius: 50%;
bottom: -155px;
left: -10px;
background: var(--primary-color-2);
mix-blend-mode: overlay;
z-index: -1;
animation-name: left-right2;
animation-duration: 8s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
&.all-page::after {
background: var(--primary-color-1);
}
}
&-left {
h2 {
color: var(--text-white);
margin-bottom: 20px;
}
&-notification {
display: flex;
align-items: center;
gap: 40px;
h6 {
color: var(--text-white);
max-width: 113px;
}
&-icon {
i {
color: var(--primary-color-2);
background: var(--bg-white);
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 50%;
font-size: 18px;
}
&.all-page i {
color: var(--primary-color-1);
}
}
}
}
&-form {
margin-left: 130px;
form {
position: relative;
input {
border: 0;
height: 70px;
border-radius: 35px;
color: var(--color-3);
padding-left: 30px;
}
button {
position: absolute;
top: 0;
right: 0;
border-radius: 35px;
background: var(--primary-color-2);
font-weight: 700;
font-family: var(--heading-font);
height: 70px;
padding-left: 46px;
padding-right: 46px;
text-transform: uppercase;
}
}
&.all-page button {
background: var(--primary-color-1);
}
}
}
/*==========================================================================
Subscribe Two CSS
==========================================================================*/
.subscribe {
background: var(--primary-color-3);
&-title {
position: relative;
z-index: 1;
padding: 60px 0;
&::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url('../../assets/img/icon/envelop.png');
background-repeat: no-repeat;
opacity: 0.07;
z-index: -1;
}
h2 {
color: var(--text-white);
}
}
&-form {
margin-left: 50px;
form {
position: relative;
input {
height: 70px;
color: var(--color-3);
&:focus {
border-color: var(--bg-white);
}
}
.btn-seven {
position: absolute;
top: 5px;
right: 5px;
background: var(--primary-color-3);
font-weight: 700;
font-size: 16px;
font-family: var(--heading-font);
padding: 17px 20px;
border-radius: 4px;
}
}
}
}
@media (max-width: 1199px) {
.subscribe__area {
&-form {
margin-left: 20px;
}
&-bg {
padding: 65px 20px;
}
}
}
@media (max-width: 991px) {
.subscribe__area {
&-form {
margin-left: 0;
}
&-bg::after {
left: 20%;
}
&-left {
h2 {
text-align: center;
}
&-notification {
justify-content: center;
}
}
}
.subscribe {
padding-bottom: 50px;
&-title {
text-align: center;
padding-top: 50px;
padding-bottom: 30px;
}
&-form {
margin-left: 0;
}
}
}
@media (max-width: 550px) {
.subscribe__area {
&-bg {
padding: 50px 5px;
}
&-form form {
input {
height: 60px;
padding-left: 10px;
padding-right: 128px;
border-radius: 30px;
}
button {
border-radius: 30px;
height: 60px;
padding-left: 10px;
padding-right: 10px;
font-weight: 500;
}
}
}
}