header.html

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </a>
            <a class="brand" href="/" rel="tooltip" title="&hearts; I guess that's my homepage &hearts;">DhilipSiva</a>
            <div class="nav-collapse">
                <ul class="nav">
                    <li {% if(page=="home") %} class="active" {% endif %}>
                    <a href="/" rel="tooltip" title="&hearts; I guess that's my homepage &hearts;">Home</a>
                    </li>
                    <li {% if(page=="i_am") %} class="active" {% endif %}>
                    <a href="/i_am" rel="tooltip" title="&hearts; I am what I am, and that's all what I am &hearts;">I am...</a>
                    </li>
                    <li {% if(page=="projects") %} class="active" {% endif %}>
                    <a href="/projects" rel="tooltip" title="&hearts; A Partial list of my projects &hearts;">Projects</a>
                    </li>
                    <li {% if(page=="technologies") %} class="active" {% endif %}>
                    <a href="/technologies" rel="tooltip" title="&hearts; Technologies that I have worked with &hearts;">Technologies</a>
                    </li>
                    <li {% if(page=="get_in_touch") %} class="active" {% endif %}>
                    <a href="/get_in_touch" rel="tooltip" title="&hearts; Its my pleasure &hearts;">Get in touch</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>