[Cakephp-Template] Template Header using Bootstrap


Description
     this template is use for me :D

How to

CSS
#header
{
    padding:12px 0px 12px 0px;
    border: 2px 0px 0px 0px inset white;
    background-color: #296f87;
}

#headerLogo
{
    display: inline-block;
    color:white;
    font-weight: bolder;
    font-size: 16px;
}



HTML
<div id="header">
    <div style="width:87%;margin:auto">
        <div id="headerLogo">LOGO - </div>
        <div id="headerLogo">Traffic Promo Non Air Time Consume</div>
    </div>
</div>

<div class="navbar navbar-default" role="navigation" style="margin:0px">
    <div style="width:87%;margin:auto">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">NATC</a>
        </div>

        <nav style="margin:auto" >
             <ul id="navbar-id" class="nav navbar-nav">
                <li id="index" class="active"><a href="<?php echo $this->Html->url(array('controller'=>'main','action'=>'index')) ?>"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> Home</a></li>
                <li id="search"><a href="<?php echo $this->Html->url(array('controller'=>'main','action'=>'search')) ?>"><span class="glyphicon glyphicon-search" aria-hidden="true"></span> Search Data</a></li>
                <li id="master"><a href="<?php echo $this->Html->url(array('controller'=>'master','action'=>'index')) ?>"><span class="glyphicon glyphicon-hdd" aria-hidden="true"></span> Master Data</a></li>
                <li id="admin"><a href="<?php echo $this->Html->url(array('controller'=>'admin','action'=>'index')) ?>"><span class="glyphicon glyphicon-wrench" aria-hidden="true"></span> Administrator</a></li>
              </ul>
        </nav>

        <ul class="nav navbar-nav navbar-right">
            <li>
                <div style="padding-top:9%;height:50px">
                    <button onclick="logout()" type="button" class="btn btn-danger">
                        <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                        Logout
                    </button>
                </div>
            </li>
        </ul>
    </div>
</div>

Post a Comment

Harap gunakan bahasa yang baik dan sopan, terima kasih