">
<div id="error_encounter_by_webniam" class="error__container_6683143945a9d">
<style>
*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:710px;width:100%;padding-left:190px;line-height:1.4}.notfound .notfound-404{position:absolute;left:0;top:0;width:150px;height:150px}.notfound .notfound-404 h1{font-family:passion one,cursive;color:#00b5c3;font-size:150px;letter-spacing:15.5px;margin:0;font-weight:900;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound h2{font-family:raleway,sans-serif;color:#292929;font-size:28px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;margin-top:0}.notfound p{font-family:raleway,sans-serif;font-size:14px;font-weight:400;margin-top:0;margin-bottom:15px;color:#333}.notfound a{font-family:raleway,sans-serif;font-size:14px;text-decoration:none;text-transform:uppercase;background:#fff;display:inline-block;padding:15px 30px;border-radius:4px;color:#292929;font-weight:700;-webkit-box-shadow:0 4px 15px -5px rgba(0,0,0,.3);box-shadow:0 4px 15px -5px rgba(0,0,0,.3);-webkit-transition:.2s all;transition:.2s all}.notfound a:hover{color:#fff;background-color:#00b5c3}@media only screen and (max-width:480px){.notfound{text-align:center}.notfound .notfound-404{position:relative;width:100%;margin-bottom:15px}.notfound{padding-left:15px;padding-right:15px}}
#notfound p {
    text-align:left !important;
}
</style>
<div id="notfound">
<div class="notfound">
<div class="notfound-404">
<h1>:(</h1>
</div>
<div style="">
<h3 style="font-size: 1.75rem;margin-top: 0;margin-bottom: 0.75rem;font-weight: 700;line-height: 1.2;color: #373f50;font-family:'Rubik', sans-serif;">
    Webniam <span style="font-weight:400;">Framework v2.0</span></h3>

<p style='background:yellow;padding:2px 4px;border-radius:4px;'>The variable <b>$totalTopics</b> you referenced in the file <b>topics.php</b> at line number <b>47</b> is not defined. </p><p style='background:#e5f3e5;padding:2px 4px;border-radius:4px;'>Please ensure it is defined before use to resolve this issue. <br> <b style='color:#06B5C3;'>$totalTopics</b> = <i style='color:green;'>true</i>;</b></p><div class="error-stack-trace-title">Stack Trace:</div>
<pre class="error-stack-trace">/home/chemis18/public_html/theme/webniam/public/topics.php:47</pre>
<br>
<a href="https://www.google.com/search?q=Undefined variable $totalTopics" target="_blank" class="error-google-button">Google It</a>
<a href="https://stackoverflow.com/search?q=Undefined variable $totalTopics" target="_blank" class="error-stackoverflow-button">Stack Overflow</a>
    
</div>
</div>
</div>
</div>
  <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Move the error message container to just after the body tag
            const errorContainer = document.getElementById('error_encounter_by_webniam');
            document.body.insertAdjacentElement('afterbegin', errorContainer);

            // Hide the body content
            document.body.innerHTML = '';

            // Add the error message container as the new content
            document.body.appendChild(errorContainer);

            // Show the error message container
            errorContainer.style.display = 'block';
        });
    </script>