| Content Column |
|---|
| | Content Block |
|---|
| <!-- App4Legal Core --> - Core
- Contra
- Add-ons & Integrations
- Client Portal
- Advisor Portal
- Mobile App
| HTML |
|---|
<div class="lexzur-signup-banner lexzur-signup-banner-en">
<div class="first-part"><span>WE ARE REBRANDING</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>FORMERLY</span> <img
src="https://www.app4legal.com/wp-content/uploads/2023/11/logo.png">
</div>
</div>
<style>
.lexzur-signup-banner {
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>
|
|
|
