Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Content Layer
id1
Content Column
width100%
id11
Content Block
id111
HTML
<!-- Releases Popup -->
<!--
<div class="overlay-app4legal-documentation" id="overlay-app4legal-documentation"></div>

<div id="popup-app4legal-documentation" class="popup-app4legal-documentation">
  <button id="closeButton-app4legal-documentation" class="close-button-app4legal-documentation">X</button>
  <p class="popup-text-app4legal-documentation">Exciting News!<br><br>
A new version of Lexzur has just been released. <a class="white-text" href="https://documentation.app4legal.com/display/A4L/LEXZUR+v9.9.0.0+Release+Notes"><strong>Click here</strong></a> to explore the latest features and enhancements
</div>

<style>
  .overlay-app4legal-documentation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999998;
  }
  
  .popup-app4legal-documentation {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #2D83BE;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    display: none;
    z-index: 999999;
  }
  
  .popup-text-app4legal-documentation {
    margin: 0;
    color: #FFFFFF !important;
    margin-right: 30px;
	font-size: 17px !important;
  }

  .close-button-app4legal-documentation {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
    border: solid 1px white;
    border-radius: 5px;
  }

  @media only screen and (max-width: 600px) {
    .popup-app4legal-documentation {
      left: 15% !important;
      transform: translate(-9%, -50%) !important;
    }
  }

</style>

<script>
/*
document.addEventListener("DOMContentLoaded", function () {
  const popup = document.getElementById("popup-app4legal-documentation");
  const closeButton = document.getElementById("closeButton-app4legal-documentation");
  const overlay = document.getElementById("overlay-app4legal-documentation");
  
  // Define the version number for the current release
  const currentVersion = "9.7.0.0";

  // Check local storage to determine if the popup should be displayed for the current version
  const popupVersion = localStorage.getItem("popupVersion");

  if (popupVersion !== currentVersion) {
    popup.style.display = "block";
    overlay.style.display = "block";
  }

  // Close the popup and save the current version to local storage
  function closePopup() {
    popup.style.display = "none";
    overlay.style.display = "none";
  }

  closeButton.addEventListener("click", closePopup);
  
  // Store the current version in local storage
  localStorage.setItem("popupVersion", currentVersion);

  // Add event listener to the overlay to close popup when clicked outside
  overlay.addEventListener("click", closePopup);
});
*/
</script>
-->
HTML
<div style="background-color: #F8FAFC; padding: 30px 0px;">
<br>
<div style="text-align: center;"><h2>بحاجة لمزيد من المساعدة؟</h2></div>
<div class="dual-columns standard-dual-section contact-us-section" style="max-width: 900px; margin: 0 auto;">
    <div class="left-column single-column">
	  <i class="fas fa-video"></i>
      <h3 class="blue-text">قناة اليوتيوب</h3>
      <p>تعلم مهارات جديدة من خلال دروس الفيديو الشاملة لدينا.</p>
	  <br>
	  <a href="https://www.youtube.com/@lexzurtech">شاهد الآن</a>
    </div>
    <div class="right-column single-column">
	  <i class="fas fa-envelope"></i>
      <h3 class="blue-text">اتصل بنا</h3>
      <p>أرسل طلبًا للحصول على المساعدة من فريق الدعم المخصص لدينا.</p>
	  <br>
	  <a href="mailto:help@lexzur.com">إبق على تواصل</a>
    </div>
</div>

<style>
.contact-us-section{
	text-align:center;
}
.contact-us-section p{
	color: #000000;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.8;
	padding: 0px 10px;
}
.contact-us-section i{
	font-size:20px;
	color: #155495;
}
.contact-us-section h3{
	margin: 10px !important;
}

.contact-us-section a{
	padding: 8px 25px;
    background-color: #155495;
    color: white !important;
    border-radius: 50px;
    font-weight: 500;
}

@media (min-width: 900px) {
    .contact-us-section {
        padding: 30px 0px !important;
    }
}

.contact-us-section .single-column{
	border: solid 1px #d0d0d0;
    border-radius: 15px;
    padding: 20px 0 30px 0;
    margin: 10px;
    min-height: 230px;
}

</style></div>
HTML
<style>
        #app4legal-footer {
            background-color: #2d83be;
            max-width: 1200px;
        }
        
 		#app4legal-footer li{
		    line-height: 1.2;
 		    margin: 10px 0;
		} 

         #app4legal-footer-resources {
            text-align: center;
        }
        
        #app4legal-footer-resources ul {
            list-style: none;
            width: 100%;
        }
        
        #app4legal-footer-resources ul li {
            text-align: left;
            margin-bottom: 10px;
        }
        
        #app4legal-footer-resources ul a {
            text-decoration: none;
            color: #ffffff;
        }
        
        #app4legal-footer-description {
            color: #ffffff;
            width: 100% !important;
        }
        
        #app4legal-footer-resources-title-container {
            height: 33px;
        }
        
        #app4legal-footer-social {
            text-align: center;
            margin-top: 20px;
            width: 100% !important;
        }
        
        #app4legal-footer-social a {
            text-decoration: none;
            color: #ffffff;
            font-size: 22px;
            margin: 10px;
        }
        
        #app4legal-footer-copyright {
            color: #ffffff;
            text-align: center;
            background-color: #2b72a3;
            margin-top: 25px;
            padding: 5px;
            width: 100% !important;
            margin: 0px !important;
        }

        #app4legal-footer-copyright p {
            display: inline;
        }
        
        @media screen and (max-width: 575px) {
            #app4legal-footer-resources ul li {
                width: fit-content;
                margin-right: auto;
                margin-left: auto;
            }
            #app4legal-resources-list-container {
                width: fit-content;
                margin: auto;
            }
        <style>
        #app4legal-footer-resources-title-container {
                backgroundmargin-colortop: #2d83be20px;
               max margin-widthbottom: 1200px20px;
        }
    }
    
        #app4legal-footer-resources-title-container div {
            text-align    width: centerfit-content;
        }
    }
    
        #app4legal-footer-resources ul {
description {
                listtext-stylealign: nonecenter;
            width: 100%;}
        }
    </style>       
        #app4legal-footer-resources ul li {

<div id="app4legal-footer" class="container-fluid pt-5 p-0">
    <div        text-align: right;id="app4legal-footer-description" class="row justify-content-center px-5">
        <div class="col-lg-4   col-xsm-5" style="margin-bottom: 10px15px;">
        }
    <div>
      
        #app4legal-footer-resources ul a {
   <img style="width: 100%; max-width: 120px;"
         text-decoration: none;
            color: #ffffff;src="https://www.lexzur.com/wp-content/uploads/2024/01/lexzur-logo-white.webp">
        }
    </div>

    
        #app4legal-footer-description {
  <div class="mt-4">
          color: #ffffff;
      <div class="footer-social-media">
     width: 100% !important;
        }
     <ul   style="display: inline;">
        #app4legal-footer-resources-title-container {
            height: 33px;
  <li      }class="elementor-icon-list-item elementor-inline-item">
        
        #app4legal-footer-social {
            text-align: center;<a href="https://www.facebook.com/lexzurtech">

            margin-top: 20px;
            width: 100% !important;
        }
    <span class="elementor-icon-list-icon">
    
        #app4legal-footer-social a {
            text-decoration: none;
         <i aria-hidden="true"  color: #ffffff;class="fab fa-facebook-f"></i> </span>
            font-size: 22px;
            margin: 10px;
        }<span class="elementor-icon-list-text"></span>
        
        #app4legal-footer-copyright {
           </a>
 color: #ffffff;
            text-align: center;
         </li>
   background-color: #2b72a3;
            margin-top: 25px;
       <li class="elementor-icon-list-item elementor-inline-item">
   padding: 5px;
            width: 100% !important;
           <a margin: 0px !important;
href="https://twitter.com/Lexzurtech">

            }
        
        @media screen and (max-width: 575px) { <span class="elementor-icon-list-icon">
            #app4legal-footer-resources ul li {
                width: fit-content;
    <i aria-hidden="true" class="fab fa-twitter"></i> </span>
        margin-right: auto;
                margin-left: auto;
      <span class="elementor-icon-list-text"></span>
     }
            #app4legal-resources-list-container {
          </a>
      width: fit-content;
                margin: auto; </li>
            }
             #app4legal-footer-resources-title-container {
<li class="elementor-icon-list-item elementor-inline-item">
                     margin-top: 20px;
      <a href="https://www.linkedin.com/company/lexzur/">

         margin-bottom: 20px;
            }
           <span #app4legal-footer-resources-title-container div {class="elementor-icon-list-icon">
                width: fit-content;
            }
       <i aria-hidden="true"    #app4legal-footer-description {
   class="fab fa-linkedin"></i> </span>
             text-align: center;
            }
        }<span class="elementor-icon-list-text"></span>
    </style>

    <div id="app4legal-footer" class="container-fluid pt-5 p-0">
        <div id="app4legal-footer-description" class="row justify-content-center px-5">
      </a>
      <div class="col-lg-5 col-xsm-5">
                <div></li>
                    <img src="https://documentation.app4legal.com/download/attachments/83107096/app4legal_white_fit.png?api=v2" />
       <li class="elementor-icon-list-item elementor-inline-item">
             </div>

               <a <div class="mt-4">href="https://www.youtube.com/@lexzurtech">

                    برنامج متكامل لجميع الممارسين القانونيين لإدارة ومتابعة كافة الأنشطة القانونية
   <span class="elementor-icon-list-icon">
            </div>
             </div>

            <div<i aria-hidden="true" class="colfab fa-1">

youtube"></i> </span>
                    </div>

            <div<span idclass="app4legalelementor-icon-footerlist-resources" class="col-lg-4 col-xsm-5">
text"></span>
                            <div></a>
                    <ul class="p-0 list-inline d-inline-block mt-lg-0 mt-4">
 </li>
                    </ul>
     <div id="app4legal-footer-resources-title-container" class="row">
          </div> 
                 <style>
           <div class="col-12 text-right m-auto p-0">
     .footer-social-media li {
                         <b>المصادر</b>display: inline;
                        padding-inline-end: 15px !important;
  </div>
                  }

      </div>
              .footer-social-media i {
        <div id="app4legal-resources-list-container" class="row mt-lg-4 d-sm-flex d-block">
           font-size: 16px;
                <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
                                <i class="fas fa-info-circle"></i>
      }
					@media only screen and (max-width: 575px) {
						.lexzur-footer-documentation {
 						   display: block !important;
						}
						.lexzur-footer-documentation div{
   							 margin-top:30px;
						}
					}       
				</style>
            </div>
        </div>

        <!-- <div class="col-1"></div> -->

        <a<div href="https://app4legal.com/ar">من نحن</a>class="col-lg-8 col-xsm-5 lexzur-footer-documentation" style="display:flex">
            <div style="flex:1;padding: 0 5px;">    <strong>أبرز الميزات</strong>
         </li>

       <ul>
                    <li><a <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
   href="https://documentation.lexzur.com/pages/viewpage.action?pageId=133277826"> إدارة المسائل</a> </li>
                    <li><a href="https://documentation.lexzur.com/pages/viewpage.action?pageId=133278032"> إدارة القضايا</a> </li>
     <i class="fas fa-clipboard-list"></i>
               <li><a href="https://documentation.lexzur.com/pages/viewpage.action?pageId=133279094"> إدارة العقود</a>
               <a href="">ملاحظات الإصدار</a>
   </li>
                    <li><a href="https://documentation.lexzur.com/pages/viewpage.action?pageId=133278841"> إدارة المهام</a>  </li>

                            <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
        <li><a href="https://documentation.lexzur.com/pages/viewpage.action?pageId=133278174"> الإدارة المالية</a>
                        <i class="fas fa-comments"></i></li>
                                <a <li><a href="https://wwwdocumentation.app4legallexzur.com/ar/%d8%a7%d8%aa%d8%b5%d9%84-%d8%a8%d9%86%d8%a7">تواصل معنا</a>
           pages/viewpage.action?pageId=133279093"> إدارة و تسجيل الوقت</a> </li>
                 </li>ul>

            </div>
            <div style="flex:1;padding: 0  <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
5px;"> <strong>الحلول</strong>
                <ul>
                     <i<li><a class="fas fa-question-circle"></i>
    href="https://www.lexzur.com/ar/solutions/small-law-firms-ar/"> مكاتب المحاماة الصغرى</a> </li>
                     <li><a href="https://www.lexzur.com/ar/solutions/mid-sized-law-firms-ar/"> مكاتب المحاماة المتوسطة</a>   <a</li>
					 <li><a href="https://documentationwww.app4legallexzur.com/x/WJkkBQ">الأسئلة المتكررة</a>
                           ar/solutions/large-law-firms-ar/"> مكاتب المحاماة الكبرى</a> </li>
                     <li><a href="https://www.lexzur.com/ar/solutions/إدارات-الشؤون-القانونية/"> إدارات الشؤون <القانونية</a></div>li>
					                    </ul>
                </div><li><a href="https://www.lexzur.com/ar/solutions/">استعراض كافة الحلول</a></li>
                </ul>
            </div>
        </div>

        <div idstyle="app4legal-footer-social" class="row px-5">
flex:1;padding: 0 5px;"> <strong>المصادر</strong>
               <div class="col-12"> <ul>
                <a    <li><a href="https://www.lexzur.com/ar"> خدمة العملاء</a> </li>
                    <i<li><a classhref="fab fa-facebook"></i>https://www.app4legal.com/training-sessions/"> حجز حصة تدريبية</a> </li>
                </a>

    <li><a href="https://documentation.lexzur.com/pages/viewpage.action?pageId=133279667"> الأسئلة المتكررة</a> </li>
        <a href="">
       </ul>
            </div>

 <i class="fab fa-twitter"></i>
            </div>
        </a>
<style>
            .lexzur-footer-documentation ul {
  <a href="">
             list-style-type: none;
      <i class="fab fa-linkedin"></i>
        padding: 0;
       </a>

     }

           <a href="">
   .lexzur-footer-documentation a {
                color:  <i class="fab fa-youtube"></i>
white !important;
                 </a>font-size: 14px;
            </div>}
        </div>style>
    </div>  
</div>

    <div  <div id="app4legal-footer-copyright" class="row">
        <div class="col-12">
حقوق النشر

Copyright
HTML
. جميع الحقوق محفوظة.     </div>
    </div>