spacemcot/static/templates/Header.html

  <div class="subNav hidden-lg">
	<nav id="subNav">
			 <button type="button" class="hidden-lg-up navbar-toggle  hamberger-menu pull-left" data-toggle="collapse" data-target="#collapsingSubNavbar">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar" style="background-color:#fff"></span>
              <span class="icon-bar" style="background-color:#fff"></span>
              <span class="icon-bar" style="background-color:#fff"></span>
            </button>
			<div>
				<a class="navbar-brand hidden-lg-up brand mcot-logo-box" ui-sref="app.index" >
					<img src="http://imgs.mcot.net/images/2017/10/1509338573304.png" style="height:auto; width:55px; margin-left:55px;;display:inherit;margin-top: -5px;">
				</a>
			</div>
			<div class="" style="background-color: #2860AA;">
				<a ui-sref='app.search'>
                    <span class="glyphicon glyphicon-search searchicon" style="margin-left: 85px;"></span></a>
				</div>

				<div class="container" style="background-color: #2860AA;">
					<div id="collapsingSubNavbar" class="collapse navbar-toggleable-md hidden-lg-up" style="margin-top:10px;">
						<ul class="nav navbar-nav">
							<li class="nav-item text-center">
								<a class="nav-link" href="http://www.tnamcot.com" target="_blank">ข่าว</a>
							</li>
							<li class="nav-item text-center">
								<a class="nav-link" href="http://www.nineentertain.tv" target="_blank">บันเทิง</a>
							</li>
							<li class="nav-item text-center">
								<a class="nav-link" href="http://lively.mcot.net/index" target="_blank">ไลฟ์สไตล์</a>
							</li>
							<li class="nav-item text-center">
								<a class="nav-link"  href="http://tv.mcot.net" target="_blank">โทรทัศน์</a>
							</li>
							<li class="nav-item text-center">
								<a class="nav-link"  href="http://mcot-web.mcot.net/radio/" target="_blank">วิทยุ</a>
							</li>
							<li class="nav-item text-center">
								<a class="nav-link" href="/category/กิจกรรม">กิจกรรม</a>
							</li>
							<li class="nav-item text-center">
								<a class="nav-link" href="/category/ประชาสัมพันธ์">ประชาสัมพันธ์</a>
							</li>
						 </ul>
					</div>
				</div>
    </nav>
</div>


<!--Title bar Responsive -->

<div class="container-fluid visible-lg" style="background-color: #2860AA;">
	<div class='pull-left' style='width:700px'>
		<div class="navbar-header" style="margin-top: 5px; margin-left: -10px;" ng-click='openMenu()'>
			<div class="menu"></div>
			<div class="menu"></div>
			<div class="menu"></div>
		</div>
		<div style= 'height: 100%;
    margin-left: 50px;
    line-height: 50px;
    font-size: larger;
    font-weight: bold;'>
			<img src='https://www.seeklogo.net/wp-content/uploads/2013/07/apple-classic-rainbow-vector-logo-400x400.png' style='margin-right:10px;height:50px;vertical-align:top'>
			Space :&gt; Explore Our World #ThikDifferent #JustDoIt
		</div>
	</div>
	<div class='pull-right'>
		<span class="visible-lg glyphicon glyphicon-search" style="color: #fff; margin-top: 15px; float: right;"></span>
	</div>
</div>