Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Content Layer
id1
Content Column
width100.00002%
id11
Content Block
id111

<!-- 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>
Content Layer
container-background-colortransparent
nameApp4Legal Core
id2
container-width300px
Content Column
width30.000002%
id21
Content Block
background-repeatno-repeat
background-size50px
background-image-themeoffices.png
background-positioncenter center
id221
height50px

Content Column
width70.0%
id22
Content Block
id211