Before header include<br>Header file exists<br>    </div>after entering page-top6</div>

before starting php code
testing in header 2<br>SCRIPT_NAME: /index.php<br>Parts count: 2<br>Current file: index.php<br>Login is NOT active<br>All variables set successfully<br>
    <!-- Page Wrapper -->
    <div id="wrapper">

        <!-- Sidebar -->

        <!-- End of Sidebar -->

        <!-- Content Wrapper -->
        <div id="content-wrapper" class="d-flex flex-column">

            <!-- Main Content -->
            <div id="content">

                <nav class="navbar navbar-expand-lg  bg-white topbar static-top">
                    <div class="container">
                        <div class="logo">
                            <a href="https://www.landlord.website/">
                                <img src="../images/logo.png" width="250" alt="Logo">
                            </a>
                        </div>


                        <span class="navbar-toggler-icon"></span>
                        </button>

                                                    <div class="collapse navbar-collapse mt-3" id="navbarNav">
                                <ul class="navbar-nav ml-auto">
                                    <li class="nav-item">
                                        <a class="nav-link" href="#">
                                            <i class="fa fa-sign-in mr-2"></i> <span class="text-gray-600">Login</span>
                                        </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" href="#">
                                            <i class="fa fa-users mr-2"></i> <span class="text-gray-600">Register</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                                            </div>
                </nav>
                <div class="container">
                    <hr />
                </div>
            </div>
        </div>
    </div>
    <style>
        b {
            font-size: 16px;
        }

        @media (min-width: 1200px) {
            #wrapper #content-wrapper {
                background-color: #ffffff;
                width: 100%;
                overflow-x: visible !important;
            }
        }

        .logo img {
            width: 65%;
            /* padding: 30px; */
            margin-top: 20px;
            padding: 0px !important;
        }

        .task-popup {
            display: none;
            position: absolute;
            background-color: #fff;
            border: 1px solid #ccc;
            padding: 15px;
            z-index: 999;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            border-radius: 5px;
            width: 250px;
            overflow-y: auto;
        }

        /* Close Button */
        .task-popup .close-btn {
            float: right;
            font-size: 18px;
            cursor: pointer;
        }

        /* Assigned User Style */
        .task-user {
            color: #3a3b45;
            border-bottom: 1px solid #f0f0f0;
        }

        .task-user:last-child {
            border-bottom: none;
        }

        hr:not([size]) {
            height: 0px !important;
        }

        /* No Task Assigned */
        .no-task {
            text-align: center;
            color: #999;
            padding: 10px 0;
        }

        .text-gray-600 {
            color: #858796 !important;
        }

        a {
            color: #4e73df;
        }

        .nav-item span {
            font-weight: 600;
        }

        .badge-danger {
            background-color: #32a850;
            color: #ffffff;
            padding: 2px 4px;
            font-size: 12px;
            position: absolute;
            top: 14px;
            right: 10px;
            border-radius: 20px;
        }

        body {
            border-top: 5px solid #32a850;
            margin-bottom: 10px;
        }

        @media (max-width: 576px) {
            .badge-danger {
                top: 6px;
                right: 0px;
            }
        }

        @media (max-width: 768px) {
            .navbar .container {
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
            }

            .navbar .logo {
                order: -1;
                margin-bottom: 10px;
            }

            .navbar-collapse {
                width: 100%;
                display: flex;
                justify-content: center;
            }

            .navbar-nav {
                display: flex;
                flex-direction: row;
                gap: 15px;
            }

            .navbar-nav .nav-item {
                display: inline-block;
            }

            .ml-auto,
            .mx-auto {
                margin-left: 0px !important;
            }
        }
    </style>
    </div>After header include<br>test11
<style>
    .read-more-btn {
        background: none;
        color: #337ab7;
        font-weight: 500;
    }

    .youwin-title {
        text-align: center !important;
    }

    .step-desc span {
        color: #1c52b5 !important;

    }

    .step-desc {
        padding: 10px;
    }

    .step-desc p {
        line-height: 24px;
        color: #1c52b5;
    }

    .steps-title {
        font-size: 24px;
        font-weight: bold;
        color: #333;
        text-align: center;

        margin-top: 30px;
    }

    .steps-title {
        font-size: 24px;
        font-weight: bold;
        color: #333;

        margin-top: 30px;
    }

    .steps-container {
        margin-top: 20px;
        margin-bottom: 60px;
        justify-content: center;
    }

    .step-item {

        height: 130px;
        margin-top: 20px;
        padding: 10px;
        /* display: flex; */
        border: 2px solid #1c52b5;
        border-radius: 10px;
        padding: 10px 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s ease;
    }

    .step-item:hover {
        transform: scale(1.05);
    }

    .step-number {
        margin-left: 10px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        background: radial-gradient(circle, #fff 45%, rgb(220, 239, 254) 0%);
        border-radius: 50%;
        font-size: 20px;
        font-weight: bold;
        color: #1c52b5;
        text-align: center;
    }

    .step-text p {
        font-size: 23px;
        font-weight: 500;
        vertical-align: middle;
        line-height: 50px;
        color: #1c52b5;
        text-align: left;

    }

    .archive-post {
        padding: 0px 0px 0px 37px;
    }

    .youwin-title {
        font-size: 18px;

        text-align: left;
        color: #000;
        margin-bottom: 10px;
        margin-top: 20px;
        /* font-weight: 700; */
    }

    .top-icon {
        width: 95%;
    }

    .success {
        color: green;
        font-size: 20px;
        font-weight: 500px;
        font-style: italic;
        text-align: center;
        margin: 15px 10px;
        width: 100%;
    }

    .fail {
        color: red;
        font-size: 20px;
        font-weight: 500px;
        font-style: italic;
        text-align: center;
        margin: 15px 10px;
        width: 100%;
    }



    .logo_sec {
        display: flex;
        justify-content: space-between;
        /* Evenly spaces the items */
        align-items: center;
        /* Aligns vertically in the center */
    }

    .logo1 {
        flex: 1;
        text-align: center;
        /* Center the images in each column */
    }

    .cont-title {
        margin-top: 0px;
    }

    img.top-icon {

        border: 1px solid #a8a9a9;
        padding: 17px;
    }

    .top-icon {
        /*max-width: 100px;*/
        /* Adjust size of the images */
        height: auto;
    }

    .logo_sec {

        padding-top: 20px;
        padding-bottom: 20px;
    }

    @media (max-width: 768px) {
        .logo_sec {
            flex-wrap: wrap;
            /* Wraps items for smaller screens */

        }

        .logo {
            flex: 50%;
            /* Adjusts width for smaller screens */
            margin-bottom: 20px;
        }
    }

    @media (max-width: 768px) {
        .steps-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .align-items-center {
            text-align: -webkit-center;
        }

        .step_sec {
            width: 100%;
            /* Full width on smaller screens */
            margin-bottom: 20px;
        }

        .step-item {
            height: auto;
            /* Adjust height based on content */
            padding: 15px;
            text-align: center;
        }


        .step-text p {
            font-size: 18px;
            line-height: 1.5;
            text-align: center;
        }

        .step-desc {
            font-size: 16px;
            padding: 10px;
        }
    }

    html,
    body {
        font-family: 'Roboto', sans-serif;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .conts {
        margin-top: 20px;
        display: flex;
        flex-direction: column;
        min-height: 70vh;

    }

    .midcont {
        flex-grow: 1;
    }

    .logo_sec .top-icon:hover {
        transform: scale(1.1);
        cursor: pointer;
    }

    .step-text {
        margin-left: 0 !important;
        padding-left: 4px;
    }

    @media (max-width: 768px) {
        .collapse:not(.show) {
            display: contents !important;
        }
    }

    @media (max-width: 768px) {
        .col-sm-6 {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
            margin-right: 16px;
        }

        .step-text,
        .step-number {
            margin-left: 0 !important;
            padding-left: 0px;
            padding-right: 0;
        }
    }
</style>

<section class="conts">
    <div class="container midcont">

        <div class="row">
            <div class="col-md-12">

                <p class="youwin-title">Hello Landlords</p>
                <p class="youwin-title">Welcome to FreeforNYC</p>


                <h3 class="steps-title">Just 3 Steps !</h3>
            </div>
        </div>

        <div class="steps-container row">

            <div class="col-md-4 step_sec">
                <div class="step-item">
                    <!-- First row: Step number and title -->
                    <div class="row d-flex align-items-center text-md-left text-center">
                        <div class="col-12 col-md-auto d-flex justify-content-center">
                            <div class="step-number">1</div>
                        </div>
                        <div
                            class="col-12 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start step-text">
                            <p class="mb-0">Account</p>
                        </div>
                    </div>


                    <!-- Second row: Step description -->
                    <div class="row">
                        <div class="col-12 step-desc">
                            <span style="margin-left: 20px;">Manage rent to expenses.
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 step_sec">
                <div class="step-item">
                    <!-- First row: Step number and title -->
                    <div class="row d-flex align-items-center text-md-left text-center">
                        <div class="col-12 col-md-auto d-flex justify-content-center">
                            <div class="step-number">2</div>
                        </div>
                        <div
                            class="col-12 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start step-text">
                            <p class="mb-0">Communication</p>
                        </div>
                    </div>


                    <!-- Second row: Step description -->
                    <div class="row">
                        <div class="col-12 step-desc">
                            <span style="margin-left: 20px;">Discussion between tenants and vendors.</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 step_sec">
                <div class="step-item">
                    <!-- First row: Step number and title -->
                    <div class="row d-flex align-items-center text-md-left text-center">
                        <div class="col-12 col-md-auto d-flex justify-content-center">
                            <div class="step-number">3</div>
                        </div>
                        <div
                            class="col-12 col-md-6 d-flex align-items-center justify-content-center justify-content-md-start step-text">
                            <p class="mb-0">Report</p>
                        </div>
                    </div>


                    <!-- Second row: Step description -->
                    <div class="row">
                        <div class="col-12 step-desc">
                            <span style="margin-left: 20px;">Live update for tenants.



                            </span>
                        </div>
                    </div>
                </div>
            </div>


            <!-- Custom Modal (Without Bootstrap) -->
            <div id="customModal" class="modal">
                <div class="modal-content">
                    <span class="close-btn" onclick="closePopup()">×</span>
                    <h3>Full Description</h3>
                    <p id="modalDescription"></p>
                </div>
            </div>

            <!-- CSS for the Modal -->
            <style>
                .modal {
                    display: none;
                    position: fixed;
                    z-index: 1000;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background-color: rgba(0, 0, 0, 0.5);
                }

                .modal-content {
                    background-color: white;
                    margin: 15% auto;
                    padding: 20px;
                    width: 50%;
                    border-radius: 10px;
                    text-align: center;
                    position: relative;
                }

                .close-btn {
                    position: absolute;
                    top: 10px;
                    right: 20px;
                    font-size: 25px;
                    cursor: pointer;
                }

                .read-more-btn:hover {
                    background-color: #1c52b5;
                }
            </style>




        </div>
        <div class="container" style="margin-top:30px; margin-bottom:30px;">
            <div class="row justify-content-center text-end">
                <div class="col-md-4 col-sm-6">
                    <a href="https://mlandlordtenant.com/" target="_blank">
                        <img src="images/free_Trial1.png" alt="MLT" class="img-fluid">
                    </a>
                </div>
                <div class="col-md-4 col-sm-6 text-center">
                    <a href="https://www.mylandlordtenant.com/" target="_blank">
                        <img src="images/mltpower.png" alt="MLT" class="img-fluid">
                    </a>
                </div>
                <div class="col-md-4 col-sm-6">

                </div>
            </div>
        </div>

    </div>


</section>
Database connected successfully<br>
<!-- Footer -->
  <footer class="sticky-footer bg-white footpages">
                <div class="container my-auto">
                    <hr>
                <div class="">
                    <span style="margin: 0 10px;"> 2026</span>&nbsp;|&nbsp;
                    <a href="../about">About</a>&nbsp;|&nbsp;
                    <a href="../terms">Terms</a>&nbsp;|&nbsp;
                    <a href="../privacy">Privacy</a>&nbsp;|&nbsp;
                    <a href="../faq">FAQs</a>&nbsp;|&nbsp;
                    <a href="../contact">Contacts</a>
                 </div>
       
                </div>
 </footer>
            <!-- End of Footer -->
<style>
/* styles.css */

footer {
    background-color: #333;
    color: #858796!important;
    text-align: center;
    /* padding: 20px 0; */
}

.footer-content {
    
    justify-content: center;
    align-items: center;
}

.footer-content a {
    text-decoration: none;
    color: #858796!important;
    /* margin: 0 10px; */
    margin-top: 0.8rem;
}

.footer-content a:hover {
    text-decoration: underline;
}


/* Mobile responsiveness */
@media (max-width: 768px) {
    .footer-content {
        width:100%!important;
    }

}

@media (max-width: 600px) {
    .footer-content a {
        /* margin: 5px 5px;                */
        padding-bottom: 10px;  
        /* margin-top: 0.8rem;        */
        display: inline-block;        
    }

}
</style>


<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.12.1/js/dataTables.bootstrap4.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/jquery.nice-select.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/meanmenu.js"></script>
<script src="assets/js/jquery.ajaxchimp.min.js"></script>
<script src="assets/js/form-validator.min.js"></script>
<script src="assets/js/contact-form-script.js"></script>
<script src="assets/js/custom.js"></script>
<script src="https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit" async defer></script>
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script type="text/javascript">
if($('#captcha').length > 0){
  var CaptchaCallback = function() {
      grecaptcha.render('RecaptchaField', {'sitekey' : '6LfcxJUfAAAAANrGD_xx1rQwWcnrFOuQ_qDyUgyT'}); 
  };
}
</script>
</body>
</html>