CINXE.COM
Shepstone & Wylie - Construction & Engineering
<!DOCTYPE html> <html lang="en"> <head> <!--================ Basic page needs ================--> <title>Shepstone & Wylie - Construction & Engineering </title> <meta charset="utf-8"> <meta property="og:locale" content="en_US"> <meta property="og:title" content="Construction & Engineering" /> <meta property="og:type" content="" /> <meta property="og:image" content="/images/fallback.jpg" /> <meta property="og:image:width" content="1024"> <meta property="og:image:height" content="482"> <meta name="twitter:card" content="summary"> <meta name="twitter:description" content=""> <meta name="twitter:title" content="Construction & Engineering"> <meta name="twitter:image" content="/images/fallback.jpg"> <meta name="author" content="Loud Crowd Media"> <meta name="description" content="" /> <meta name="keywords" content="" /> <!--================ Favicon ================--> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> <!-- favicon icon --> <link rel="shortcut icon" href="/images/favicon.ico"> <!-- style sheets and font icons --> <link rel="icon" type="image/png" href="/images/favicon.ico" sizes="16x16"> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script src="https://kit.fontawesome.com/317b5f2559.js" crossorigin="anonymous"></script> <!-- ICONS CSS --> <script src="https://kit.fontawesome.com/317b5f2559.js" crossorigin="anonymous"></script> <!-- THEME STYLES CSS --> <link rel="stylesheet" href="/css/bootstrap.min.css"> <link rel="stylesheet" href="/js/vendor/slick/slick.css"> <link rel="stylesheet" href="/css/animate.css"> <link rel="stylesheet" href="/css/themesuite.css"> <link rel="stylesheet" href="/js/vendor/lity/lity.min.css"> <link rel="stylesheet" href="/css/main.css"> <script src="/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;1,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script> <link href="/css/custom.css" rel="stylesheet" /> <link href="/css/Responsive.css" rel="stylesheet" /> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-97020603-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-97020603-1'); </script> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5BSK7H6');</script> <!-- End Google Tag Manager --> </head> <!-- Body Start --> <body class="home"> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5BSK7H6" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-QTB1JD4TQC"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-QTB1JD4TQC'); </script> <div class="wrapper"> <!-- HEADER --> <header> <div id="header"> <div style="background:#fff"> <div class="container"> <div class="col-md-3 logo"> </div> <div class="col-md-6 logo"> <a href="/"><img src="/img/logo.png" alt="" /></a> </div> <div class="col-md-3 logo"> <!-- <div class="job-search margin-top-40"> <form> <input style="max-width: 190px; float: right;" type="text" placeholder="Search..."> <button type="submit"><i class="fa fa-search"></i></button> </form> </div> --> </div> </div> </div> <!-- MENU --> <!--<nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div id="navbar" class="navbar-collapse collapse"> </div>--> <!--/.nav-collapse --> <!--</div> </nav>--> <!-- ============= COMPONENT ============== --> <nav class="navbar navbar-expand-lg navbar-dark "> <div class="container-fluid"> <div class="container"> <div class="col-md-12"> <div class="navHolder"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="main_nav"> <ul class="navbar-nav"> <li class="nav-item "> <a href="/Pages/Home" style="" class="nav-link">Home</a> </li> <li class="nav-item "> <a href="/Pages/About" style="" class="nav-link">About</a> </li> <li class="nav-item "> <a href="/Pages/Lawyers" style="" class="nav-link">Find a Lawyer</a> </li> <li class="dropdown active nav-item"> <a href="/Pages/OurExpertise" style=" color: #c41315;" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Our Expertise</a> <ul class="submenu dropdown-menu"> <li class="dropdown has-children active nav-item"> <a href="/Pages/Litigation" style="color: #c41315; " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Litigation</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/BankingAndFinance" style="" class="nav-link">Banking and Finance</a> </li> <li class="nav-item "> <a href="/OurServices/ChildAndFamily" style="" class="nav-link">Child and Family</a> </li> <li class="nav-item active active-child"> <a href="/OurServices/ConstructionAndEngineering" style="color: #c41315;" class="nav-link">Construction and Engineering</a> </li> <li class="nav-item "> <a href="/OurServices/Equine" style="" class="nav-link">Equine</a> </li> <li class="nav-item "> <a href="/OurServices/Immigration" style="" class="nav-link">Immigration</a> </li> <li class="nav-item "> <a href="/OurServices/InsolvencyBusinessRe-structuringAndBusinessRescue" style="" class="nav-link">Insolvency, Business Re-structuring & Business Rescue</a> </li> <li class="nav-item "> <a href="/OurServices/Insurance" style="" class="nav-link">Insurance</a> </li> <li class="nav-item "> <a href="/OurServices/Litigation" style="" class="nav-link">Litigation</a> </li> <li class="nav-item "> <a href="/OurServices/LocalGovernmentAndAdministration" style="" class="nav-link">Local Government and Administration</a> </li> </ul> </li> <li class="dropdown has-children nav-item"> <a href="/Pages/CorporateAndCommercial" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Corporate & Commercial</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/B-BBEE" style="" class="nav-link">B-BBEE</a> </li> <li class="nav-item "> <a href="/OurServices/CompetitionAntitrust" style="" class="nav-link">Competition / Antitrust</a> </li> <li class="nav-item "> <a href="/OurServices/CorporateAndCommercial" style="" class="nav-link">Corporate & Commercial</a> </li> <li class="nav-item "> <a href="/OurServices/Tax" style="" class="nav-link">Tax</a> </li> </ul> </li> <li class="dropdown has-children nav-item"> <a href="/Pages/Employment" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Employment</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/Employment" style="" class="nav-link">Employment</a> </li> <li class="nav-item "> <a href="/OurServices/SocialMediaCyberCrimes" style="" class="nav-link">Social Media / Cyber Crimes</a> </li> </ul> </li> <li class="dropdown has-children nav-item"> <a href="/Pages/Environmental" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Environmental</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/CleanEnergy" style="" class="nav-link">Clean Energy</a> </li> <li class="nav-item "> <a href="/OurServices/Environmental" style="" class="nav-link">Environmental</a> </li> <li class="nav-item "> <a href="/OurServices/EnvironmentalHealthAndSafetyCompliance" style="" class="nav-link">Environmental, Health and Safety Compliance</a> </li> <li class="nav-item "> <a href="/OurServices/PlanningAndDevelopment" style="" class="nav-link">Planning and Development</a> </li> </ul> </li> <li class="nav-item "> <a href="/OurServices/Mediation" style="" class="nav-link">Mediation</a> </li> <li class="nav-item "> <a href="/OurServices/MiningMineralsAndEnergy" style="" class="nav-link">Mining, Minerals and Energy</a> </li> <li class="nav-item "> <a href="/OurServices/PensionAndEmployeeBenefits" style="" class="nav-link">Pension & Employee Benefits</a> </li> <li class="nav-item "> <a href="/OurServices/PropertyAndConveyancing" style="" class="nav-link">Property & Conveyancing</a> </li> <li class="nav-item "> <a href="/OurServices/ProtectionofPersonalInformation(POPIA)" style="" class="nav-link">Protection of Personal Information (POPIA)</a> </li> <li class="dropdown has-children nav-item"> <a href="/Pages/ShippingAndLogistics" style=" " class="nav-link dropdown-toggle dropdown-toggle-child" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Shipping and Logistics</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/OurServices/CustomsExciseVATAndTradeRemedies" style="" class="nav-link">Customs, Excise, VAT & Trade Remedies</a> </li> <li class="nav-item "> <a href="/OurServices/ShippingAndLogistics" style="" class="nav-link">Shipping and Logistics</a> </li> </ul> </li> </ul> </li> <li class="nav-item "> <a href="/Pages/ConveyancingCalculator" style="" class="nav-link">Conveyancing Calculator</a> </li> <li class="dropdown nav-item"> <a href="/Pages/MediaHub" style=" " class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Media Hub</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/Pages/Articles" style="" class="nav-link">Articles</a> </li> <li class="nav-item "> <a href="/Pages/LegalNotices" style="" class="nav-link">Legal Notices</a> </li> <li class="nav-item "> <a href="/Pages/Videos" style="" class="nav-link">Videos</a> </li> <li class="nav-item "> <a href="/Pages/Podcasts" style="" class="nav-link">Podcasts</a> </li> </ul> </li> <li class="nav-item "> <a href="/Pages/Events" style="" class="nav-link">Events</a> </li> <li class="nav-item "> <a href="/Pages/Awards" style="" class="nav-link">Awards</a> </li> <li class="nav-item "> <a href="/Pages/Careers" style="" class="nav-link">Careers</a> </li> <li class="dropdown nav-item"> <a href="/Pages/Contact" style=" " class="nav-link dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Contact</a> <ul class="submenu dropdown-menu"> <li class="nav-item "> <a href="/Contact/Durban" style="" class="nav-link">Durban</a> </li> <li class="nav-item "> <a href="/Contact/CapeTown" style="" class="nav-link">Cape Town</a> </li> <li class="nav-item "> <a href="/Contact/Johannesburg" style="" class="nav-link">Johannesburg</a> </li> <li class="nav-item "> <a href="/Contact/Pietermaritzburg" style="" class="nav-link">Pietermaritzburg</a> </li> <li class="nav-item "> <a href="/Contact/RichardsBay" style="" class="nav-link">Richards Bay</a> </li> </ul> </li> > </ul> </div> <!-- navbar-collapse.// --> </div> <div class="search" style="position:relative"> <div class="searchIcon"> <i class="far fa-search" style="color:#fff"></i> </div> <div class="searchForm" style="display:none"> <form class="search" autocomplete="off" action="/Search/Search" method="post"> <input type="text" name="search" id="search" placeholder="Search..." /> <ul class="results"> <li style="text-align: center; padding: 10PX;"> <img src="/images/loader.gif" width="20%" /> </li> </ul> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8EQ2xAJOrJVJgoUcSPSr7KJSUjxOmAKhze-hMql8A0enEeCmQwAuEJigsVL8_zl8z_uhE-KRJ2hG0GnahXthdF5T84o30c6iP-KPmQIZw_lBxCOWqggN-y-AfU1w4GQ6GaJO3mSEYq7MF4oh0gMtLlo" /></form> </div> </div> </div> </div> </div> <!-- container-fluid.// --> </nav> </div> <div class="page_header text-center" style="background: #000000 url('../../../DBFile/Image/837fd74e-434c-4eb3-8f15-db9c9cf12bf7/gavel.jpg') no-repeat top center;background-size:cover"> <div class="container"> <h3> Construction & Engineering </h3> </div> </div> <div class="main-content padding-top-30 padding-bottom-50 wow fadeInUp" data-wow-delay=".1s"> <div class="container"> <div class="row"> <div class="col-md-10"> <div class="row"> <div class="col-md-12 margin-bottom-30 content"> <h5>We have a dynamic team of engineering and construction lawyers with experience in local and international construction projects of all types and sizes from small to mega. We specialise in assisting clients negotiate through the potential minefield that is construction procurement.</h5> <div class="greyBlock"> <div class="row"> <div class="col-md-12"> <h4>Our areas of expertise include inter alia:</h4> </div> <div class="col-md-6"> <ul> <li> <p>Customised construction and engineering contracts</p> </li> <li> <p>Standard construction and engineering contracts</p> </li> <li> <p>Bid and tender documentation</p> </li> <li> <p>Procurement and project structures</p> </li> <li> <p>Public and private procurement procedures</p> </li> <li> <p>Legal and planning aspects of projects</p> </li> <li> <p>Contracts with architects, engineers and building professionals</p> </li> <li> <p>Public Private Partnerships</p> </li> <li> <p>Financing of projects</p> </li> </ul> </div> <div class="col-md-6"> <ul> <li> <p>Construction planning legislation</p> </li> <li> <p>Building disputes and resolutions</p> </li> <li> <p>Mediation and adjudication</p> </li> <li> <p>Formal arbitration and litigation</p> </li> <li> <p>Drafting project documentation</p> </li> <li> <p>Certificates and guarantees</p> </li> <li> <p>Advice on management</p> </li> <li> <p>Construction codes, governance and ethics</p> </li> </ul> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/0979b13e-337f-42c5-9715-f5c02a865535/Judy" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/67/Judyvon%20Klemperer">Read more</a></li> </ul> </div> <a href="/Lawyers/67/Judyvon%20Klemperer"> <div class="attorney-title">Judy von Klemperer</div> </a> <cite2 style="margin-bottom: 5px;">Partner, Head of Litigation </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/b7698185-f279-497a-9056-6d3b4568bf38/Andrew " class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/5/Andrew%20Donnelly">Read more</a></li> </ul> </div> <a href="/Lawyers/5/Andrew%20Donnelly"> <div class="attorney-title">Andrew Donnelly</div> </a> <cite2 style="margin-bottom: 5px;"> Partner </cite2> </div> <div class="col-md-2 attorney-item wow fadeInUp" data-wow-delay=".1s"> <div class="attorney-thumb"> <img src="/DBFile/Image/b73bc0c5-88e7-4f5a-b59e-5932cbbca0aa/David" class="img-responsive" alt="" /> <ul> <li><a href="/Lawyers/45/DavidWarmback%20MBE">Read more</a></li> </ul> </div> <a href="/Lawyers/45/DavidWarmback%20MBE"> <div class="attorney-title">David Warmback MBE</div> </a> <cite2 style="margin-bottom: 5px;">Partner, Corporate and Commercial Law</cite2> </div> </div> </div> <div class="col-md-2 sideArticles"> <article class="margin-bottom-30 wow fadeInUp" data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;"> <div class="row"> <div class="col-md-12"> <a href="/Articles/Read/437/Building%20Contracts%3A%20The%20Difference%20Between%20On-Demand%20and%20Conditional%20Performance%20Guarantees"> <img src="/DBFile/Image/a3c9817d-d517-4867-b3db-2fa203009fee/Building Contracts: The Difference Between On-Demand and Conditional Performance Guarantees" class="img-responsive" alt=""> </a> </div> <div class="col-md-12"> <h4><a href="/Articles/Read/437/Building%20Contracts%3A%20The%20Difference%20Between%20On-Demand%20and%20Conditional%20Performance%20Guarantees">Building Contracts: The Difference Between On-Demand and Conditional Performance Guarantees</a></h4> <hr /> <div class="meta"> 22 Jul 2016 </div> </div> </div> </article> <article class="margin-bottom-30 wow fadeInUp" data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;"> <div class="row"> <div class="col-md-12"> <a href="/Articles/Read/721/Shepstone%20%26%20Wylie%20Winner%20of%20KZN%20Top%20Business%20Award"> <img src="/DBFile/Image/b59a785b-7f54-46d8-8af4-2422c320e408/Shepstone & Wylie Winner of KZN Top Business Award" class="img-responsive" alt=""> </a> </div> <div class="col-md-12"> <h4><a href="/Articles/Read/721/Shepstone%20%26%20Wylie%20Winner%20of%20KZN%20Top%20Business%20Award">Shepstone & Wylie Winner of KZN Top Business Award</a></h4> <hr /> <div class="meta"> 22 Jul 2015 </div> </div> </div> </article> <article class="margin-bottom-30 wow fadeInUp" data-wow-delay=".1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;"> <div class="row"> <div class="col-md-12"> <a href="/Articles/Read/739/Construction%20and%20Interpretation%20of%20Tax%20Legislation%3A%20Then%20and%20Now"> <img src="/DBFile/Image/afd86cf5-2978-42e6-a4a6-e072570068e6/Construction and Interpretation of Tax Legislation: Then and Now" class="img-responsive" alt=""> </a> </div> <div class="col-md-12"> <h4><a href="/Articles/Read/739/Construction%20and%20Interpretation%20of%20Tax%20Legislation%3A%20Then%20and%20Now">Construction and Interpretation of Tax Legislation: Then and Now</a></h4> <hr /> <div class="meta"> 07 Jul 2015 </div> </div> </div> </article> </div> </div> </div> </div> <style> .attorney-item { margin-bottom: 5px; min-height: 285px; } .enquiryButton { color: #fff !important; font-size: 17px; line-height: 31px; text-transform: uppercase; display: table; background: #000; padding: 4px 15px 6px; float: right; text-align: right; } .EButtonHolder { display: block; clear: both; text-align: right; height: 60px; } </style> </header> </div> <div class="popup2" style="display:none;"> <div id="myPopup"> <span style="font-size: 20px; margin-bottom: 10px; ">BEWARE OF CYBERCRIME.</span> <span>WE ARE NOT RESPONSIBLE IF YOU PAY<br />INTO THE WRONG ACCOUNT</span> <p> Shepstone & Wylie (S&W) will not change its banking details. Any communication you receive stating we have done so will be false - please contact us immediately. </p> <p> If you bank with Standard Bank, Nedbank, Investec, FNB or Absa Bank you are encouraged to pay us using the bank approved beneficiary: <u>Shepstone and Wylie Attorneys</u>. </p> <p> If you don鈥檛 use the bank approved beneficiary option, you must <u>always</u> call us to verify our banking details before making any payment. </p> <hr style="margin: 8px 0 " /> <p style="margin: 0; font-size: 12px"> We use cookies to make your experience with us better. By continuing to use our website, you are agreeing to our use of cookies. To find out more see our <a href="/docs/Privacy_Policy.pdf" style="color: #fff" target="_blank">privacy policy</a>. </p> <a href="javascript:;" class="accept">Close</a> </div> </div> <!-- JAVASCRIPT --> <script src="/js2/jquery-3.7.1.min.js"></script> <script src="/js2/bootstrap.min.js"></script> <script src="/js/vendor/slick/slick.min.js"></script> <script src="/js/vendor/lity/lity.min.js"></script> <script src="/js/vendor/stellar.js"></script> <script src="/js/main.js"></script> <script src="/js/mc/jquery.ketchup.all.min.js"></script> <script src="/js/mc/main.js"></script> <!--<script> // When the user scrolls the page, execute myFunction window.onscroll = function () { myFunction() }; // Get the navbar var navbar = document.getElementById("header"); // Get the offset position of the navbar var sticky = navbar.offsetTop; // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } } </script>--> <script> $(document).ready(function () { $(".active-child").parent().parent().addClass('has-active-child'); $('li.dropdown.has-children.nav-item').click(function () { if ($(this).hasClass("open")) { $(this).removeClass("open"); } else { $(this).addClass("open"); } }); }); $('.dropdown-toggle-child').addClass('disabled'); </script> <script> $(".searchIcon").click(function () { $(".searchForm").toggle(); }); $(document).ready(function () { myFunction(); }); function myFunction() { if (getCookie('pop2') != 'seen') { $(".popup2").show(); } } $(".popup2").click(function () { $(".popup2").hide(); setCookie('pop2', 'seen', 1); }); //check to see if the submited cookie is set, if not check if the popup has been closed, if not then display the popup if (getCookie('popupCookie') != 'accepted') { if (getCookie('popupCookie') != 'closed') { $('.popup-overlay').css("display", "flex").hide().fadeIn(); } } $('a.accept').click(function () { $('.popup-overlay').fadeOut(); //sets the coookie to five minutes if the popup is submited (whole numbers = days) setCookie('popupCookie', 'accepted', 30); }); function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } </script> <script type="text/javascript"> // window.addEventListener("resize", function() { // "use strict"; window.location.reload(); // }); document.addEventListener("DOMContentLoaded", function () { /////// Prevent closing from click inside dropdown document.querySelectorAll('.dropdown-menu').forEach(function (element) { element.addEventListener('click', function (e) { e.stopPropagation(); }); }) // make it as accordion for smaller screens if (window.innerWidth < 992) { // close all inner dropdowns when parent is closed document.querySelectorAll('.navbar .dropdown').forEach(function (everydropdown) { everydropdown.addEventListener('hidden.bs.dropdown', function () { // after dropdown is hidden, then find all submenus this.querySelectorAll('.submenu').forEach(function (everysubmenu) { // hide every submenu as well everysubmenu.style.display = 'none'; }); }) }); document.querySelectorAll('.dropdown-menu a').forEach(function (element) { element.addEventListener('click', function (e) { let nextEl = this.nextElementSibling; if (nextEl && nextEl.classList.contains('submenu')) { // prevent opening link if link needs to open dropdown e.preventDefault(); console.log(nextEl); if (nextEl.style.display == 'block') { nextEl.style.display = 'none'; } else { nextEl.style.display = 'block'; } } }); }) } // end if innerWidth }); // DOMContentLoaded end </script> <script> $("#search").keyup(function () { GetSuggestions($(this).val()); }); function GetSuggestions(search) { var html = ""; $.post("/Search/GetSuggestions", { search: search }, function (result) { for (var i = 0; i < result.length; i++) { var desc = result[i].description; html += "<li><a href=\""+ result[i].link + "\">" + result[i].name + "<br /><span>" + (desc != null? desc:"") + "</span></a></li>" } $(".results").html(html); $(".results").css("display","block"); }); } </script> <footer class=" wow fadeInUp"> <div class="container"> <div class="row"> <div class="col-sm-9 footerleft"> <span style="margin-top: 10px; display: block;">Designed and Developed by <a href="https://loudcrowd.co.za/">Loud Crowd Media</a> | <a href="/docs/Privacy_Policy.pdf">Privacy Policy</a> | <a href="/docs/PAIA_Manual_2023.pdf">PAIA Manual</a> | <a href="/Pages/LegalLinks">Legal Links</a> | <a href="/Pages/Disclaimer">Disclaimer</a> | <a href="/Subscribe" style="text-transform: uppercase;">Sign Up For Our Legal Updates</a> </span> </div> <div class="col-sm-3 footerright"> <div class="cf-share" style="text-align: right;"> <a href="https://www.facebook.com/shepstoneandwylie" target="_blank"><i class="fa fa-facebook"></i></a> <a href="https://www.youtube.com/channel/UCY0jp-WU-JF8x5wgcL84BoQ" target="_blank"><i class="fa fa-youtube"></i></a> <a href="https://www.linkedin.com/company/shepstone-&-wylie-attorneys/" target="_blank"><i class="fa fa-linkedin"></i></a> </div> </div> </div> </div> </footer> </body> </html>