Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<div class="lexzur-signup-banner lexzur-signup-banner-ar">
<div class="first-part"><span>نقوم بتغيير علامتنا التجارية</span></div>
<div class="second-part"><img
src="https://www.app4legal.com/wp-content/uploads/2023/11/Lexzur-logo-dark-1024x212.png"></div>
<div class="third-part"><span>سابقا</span> <img
src="https://www.app4legal.com/wp-content/uploads/2023/11/logo.png">
</div>
</div>

<style>

.brikit-banner-content {
    border-bottom: none !important;
    padding: 0px !important;
}

body:not(.mobile) #brikit-page-content {
padding-top: 140px !important;
}


@media only screen and (max-width: 900px) {
body.mobile #brikit-page-content {
padding-top: 115px !important;
}
}

@media only screen and (min-width: 901px) {
body.mobile #brikit-page-content {
    padding-top: 68px !important;
}
}

#brikit-left-nav-sidebar #brikit-tree-view-header{
padding: 50px !important;
}

.lexzur-signup-banner {
position: fixed;
    top: 80px;
    width: 100%;
    z-index: 10;

display: flex;
padding: 10px 30px;
border-style: solid;
border-width: 5px 0px 5px 0px;
border-color: #28B48D;
align-items: center;
background-color: #F5F5F5;
}

.lexzur-signup-banner .first-part {
flex: 4;
}

.lexzur-signup-banner .second-part {
flex: 2;
text-align: center;
}

.lexzur-signup-banner .second-part img {
width: 100%;
max-width: 150px;
}

.lexzur-signup-banner .third-part {
flex: 4;
display: flex;
align-items: center;
gap: 10px;
justify-content: end;
}

.lexzur-signup-banner .third-part span {
color: #B2B2B2;
font-size: 22px;
font-weight: 600;
line-height: 1em;
}

.lexzur-signup-banner .third-part img {
width: 100%;
max-width: 180px;
}

.lexzur-signup-banner .first-part span {
color: #28B48D;
font-size: 22px;
font-weight: 600;
}

@media only screen and (max-width: 900px) {
.lexzur-signup-banner {
display: block;
text-align: center;
}

.lexzur-signup-banner .first-part span {
color: #28B48D;
font-size: 10px;
}

.lexzur-signup-banner .second-part {
margin: 7px 0px 7px 0px;
}

.lexzur-signup-banner .third-part {
justify-content: center;
}

.lexzur-signup-banner .third-part span {
font-size: 14px;
}

.lexzur-signup-banner .third-part img {
max-width: 90px;
}
}

</style>