html and body tags close before I tell them to PHP
===

So I'm redesigning some tools at work to make a cohesive user experience and I have 2 files that I will include in all the rest. They are a header and a footer. They work independently but when I try to include them in the same file the footer does not show (I even tried putting them in one include file). 

Here's the header:

    <?php

    function pageHeader($title){
        $html = "<!DOCTYPE html>
        <html>
        <head>
            <link href='../../bootstrap/css/bootstrap.css' rel='stylesheet'>
            <title>$title</title>
        </head>
        <body>
            <div class='navbar navbar-fixed-top'>
                <div class='navbar-inner'>
                    <div class='container-fluid'>
                        <a class='brand' href='/platform'>Platform Tools</a>
                        <div class='btn-group pull-right'>
                            <a class='btn dropdown-toggle' data-toggle='dropdown' href='#'>
                                <i class='icon-user'></i>
                                Username
                                <span class='caret'/>
                            </a>
                            <ul class='dropdown-menu'>
                                <li>
                                    <a href='#'>Profile</a>
                                </li>
                                <li class='divider'/>
                                <li>
                                    <a href='#'>Sign Out</a>
                                </li>
                            </ul>
                        </div>
                        <div class='nav-collapse'>
                            <ul class='nav'>
                                <li class='active'>
                                    <a href='#'>
                                        <i class='icon-home icon-white'></i>
                                        APEX Home
                                    </a>
                                </li>
                                <li>
                                    <a href='/platform/cms'>
                                        <i class='icon-home icon-white'></i>
                                        CMS Home
                                    </a>
                                </li>
                                <li>
                                    <a href='/platform/outbound'>
                                        <i class='icon-home icon-white'></i>
                                        Outbound Home
                                    </a>
                                </li>
                                <li>
                                    <a href='/platform/urs'>
                                        <i class='icon-home icon-white'></i>
                                        URS Home
                                    </a>
                                </li>
                                <li>
                                    <a href='#bug'>
                                        <i class='con-fire icon-white'></i>
                                        Report a problem
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <script src='/bootstrap/js/jquery.js'/>
            <script src='/bootstrap/js/bootstrap-transition.js'/>
            <script src='/bootstrap/js/bootstrap-alert.js'/>
            <script src='/bootstrap/js/bootstrap-modal.js'/>
            <script src='/bootstrap/js/bootstrap-dropdown.js'/>
            <script src='/bootstrap/js/bootstrap-scrollspy.js'/>
            <script src='/bootstrap/js/bootstrap-tab.js'/>
            <script src='/bootstrap/js/bootstrap-tooltip.js'/>
            <script src='/bootstrap/js/bootstrap-popover.js'/>
            <script src='/bootstrap/js/bootstrap-button.js'/>
            <script src='/bootstrap/js/bootstrap-collapse.js'/>
            <script src='/bootstrap/js/bootstrap-carousel.js'/>
            <script src='/bootstrap/js/bootstrap-typeahead.js'/>  ";

            return $html;
            }
    ?>

and Here's the Footer:

    <?php
    function pageFooter(){
        $html ="
        <nav class='footer'>
            <a href='#'>Apex</a>
            <a href='#'>Contest</a>
            <a href='#'>Outbound</a>
            <a href='#'>URS</a>
            <a href='#'>Third Party Tools</a>
            <a href='#'>Report a Problem</a>
            <a href='#'>Our SLA</a>
            <a href='#'>Contact</a>
        </nav>
        </body>
        </html> ";

        return $html;
        }
    ?>

When I include them in my FrontDoor.php file it looks like this (going to change to relative path):

    <?php include('C:\xampp\htdocs\webapps\Redesign\Oreo\src\Header.php'); ?>
    <?php include('C:\xampp\htdocs\webapps\Redesign\Oreo\src\Footer.php'); ?>

    <?php echo pageHeader('Platform Tools'); ?>
    <?php echo pageFooter(); ?> 

When I try to run it it runs the header then closes the body and html tags and doesn't run the footer.

Any Suggestions and Thanks?
