PATH:
home
/
rwabteecom
/
project_11
/
public
/
front
/
css
/
sass
/
Editing: _aboutpage.scss
nav.navbar-expand-lg{ background: #000; *{color: #fff;} .nav-item .nav-link{color: #fff;} .lang-link svg{fill:#fff} .lang-link{border-color: #666;} .navbar-toggler{filter: invert(1);} } .btn-white{ background: #fff; width: fit-content; padding: 12px 21px; border-radius: 55px; transition: 0.3s ease-in-out; &.social{padding: 12px 13px;} &:hover{ transform: scale(0.9); color: #000; background: #fff; } } .padd{ padding: 80px 0; } .fit-img{ width: 100%; height: 100%; object-fit: cover; } .section-title{ font-size: 3.5rem; width: 40%; @media(max-width:660px) { width: 90%; font-size: 3rem; } } .text-dim{ color: #bababa; } .about-page{ .header{ min-height: 100vh; position: relative; background-size: cover !important; background-position: center !important; .overlay{ position: absolute; display: flex; justify-content: center; align-items: center; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; backdrop-filter: blur(5px); z-index: 99; .contenter{ width: 35%; margin: auto; h1{ font-size: 4.5rem; } @media(max-width:1500px){width: 40%;} @media(max-width:1060px){width: 50%;} @media(max-width:920px){width: 58%;} @media(max-width:720px){width: 68%;} @media(max-width:660px){ width: 75%; h1{font-size: 3rem;} } @media(max-width:450px){ width: 95%; h1{font-size: 2.5rem;} } } } } .featured-in{ background: #000; img{ display: block; margin-bottom: 8px; } h3{font-size: 3rem;} } .features{ background: #000; .feature-container{ overflow: hidden; background: #272727; padding-left: 40px; border: 1px solid rgba(128, 128, 128, .4); border-radius: 18px; transition: 0.3s ease-in-out; width: 100%; &:hover{ transform: scale(0.98); } .abs-img{ position: absolute; bottom: -8px; right: -29px; transform: scale(1.5); } } } .stats-section{ .an-parent{ border-radius: 18px; overflow: hidden; } .analytic-container{ position: relative; z-index: 9; backdrop-filter: blur(30px); } .prim{color: $mainColor;} ul li{ font-size: 21px; font-weight: bold; } } } .btn-bg{ padding: 18px 24px; border-radius: 55px; background: $mainColor; transition: 0.3s; border: none; &:hover{ background: $mainColor; transform: scale(0.96); } } .text-dimer{color:#3b3d44}
SAVE
CANCEL