header.html

<div class="page-container">

    <div id="header-wrap">
      <header class="main-header container" role="navigation">
        
        <div class="logo-region">
          <a href="http://library.ivytech.edu" class="logo"><img class="hidden-xs hidden-sm" src="https://s3.amazonaws.com/libapps/accounts/41961/images/ivy_tech_libraries_logo.jpg"><img class="hidden-md hidden-lg hidden-xl" src="https://s3.amazonaws.com/libapps/accounts/41961/images/ivytree_03.gif"></a>
      		<h1 class="name"><a href="{{guide_url}}">{{guide_title}} <span class="hidden-md hidden-lg hidden-xl">Libraries</span></a></h1>
    		</div>
    		<button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target=".sidebar-nav">
             <span>MENU</span>
        </button>
    		<ul class="main-nav hidden-xs hidden-sm hidden-md">
    			<li><a href="{{guide_url}}">Library Home</a></li>
    			 <li><a href="http://my.ivytech.edu/">MyIvy</a></li>
    			 <li><a href="https://online.ivytech.edu/">Blackboard</a></li>
    		</ul>
    	</header>
    </div>