<!DOCTYPE html>
<html>
    <head>
        {{ template "header" . }}
    </head> 
    <body>
        {{template "navbar" . }}
            <div class="main">         
                <div class="container-fluid"> 
                    {{ template "content" . }} 
                </div> 
            </div> 

        <footer id="footer" class="footer">
            {{ template "footer" . }} 
        </footer>
    </body>
</html> 

<!DOCTYPE html>
<html>

<head>
    {{ template "header" . }}
</head>

<body>
    {{template "navbar" . }}
    <div class="main">
        <div class="container-fluid">
            {{ template "content" . }}
            <footer id="footer" class="footer">
                {{ template "footer" . }}
            </footer>
        </div>
    </div>
</body>

</html>
Make footer part of main container
Make footer part of main container

Fixes margin issues for footer content
