nav.html

<nav>
	<div id="upper-header">
		<div class="row">
			<a href="{{ site.baseurl }}/" class="ibm-strip__logo ibm-strip__link">
				<svg viewBox="0 0 60 23" width="60px" height="23px" xmlns="http://www.w3.org/2000/svg" fill="#000000" fill-rule="nonzero" stroke="none">
					<path d="M0,0 L0,2 L12,2 L12,0 L0,0 Z M13,0 L13,2 L30,2 C29.9999994,2 28.263544,0 25.9636672,0 L13,0 Z M33,0 L33,2 L43,2 L42.4064244,0 L33,0 Z M50.5990135,0 L50,2 L60,2 L60,0 L50.5990135,0 Z M0,3 L0,5 L12,5 L12,3 L0,3 Z M13,3 L13,5 L32,5 C32,5.00000088 31.7780893,3.45853037 31.3910407,3 L13,3 Z M33,3 L33,5 L44,5 L43.4554221,3 L33,3 Z M49.5467565,3 L49,5 L60,5 L60,3 L49.5467565,3 Z M3,6 L3,8 L8,8 L8,6 L3,6 Z M17,6 L17,8 L22,8 L22,6 L17,6 Z M27,6 L27,8 L31.7015252,8 C31.7015257,8 32,6.94379683 32,6 L27,6 Z M36,6 L36,8 L45,8 L44.4001567,6 L36,6 Z M48.5992198,6 L48,8 L57,8 L57,6 L48.5992198,6 Z M3,9 L3,11 L8,11 L8,9 L3,9 Z M17,9 L17,11 L29.6091509,11 C29.6091514,10.9999993 30.6639268,9.97377935 31,9 L17,9 Z M36,9 L36,11 L41.2984915,11 L41.2984915,9.88668534 L41.6348645,11 L51.3405824,11 L51.7015085,9.88668534 L51.7015085,11 L57,11 L57,9 L47.0536651,9 L46.52578,10.694051 L45.9954404,9 L36,9 Z M3,12 L3,14 L8,14 L8,12 L3,12 Z M17,12 L17,14 L31,14 C30.6638542,13.0293938 29.6091509,12 29.6091509,12 L17,12 Z M36,12 L36,14 L41,14 L41,12 L36,12 Z M42,12 L42.676361,14 L50.357328,14 L51,12 L42,12 Z M52,12 L52,14 L57,14 L57,12 L52,12 Z M3,15 L3,17 L8,17 L8,15 L3,15 Z M17,15 L17,17 L22,17 L22,15 L17,15 Z M27,15 L27,17 L32,17 C32.0000011,16.0561377 31.7015252,15 31.7015252,15 L27,15 Z M36,15 L36,17 L41,17 L41,15 L36,15 Z M43,15 L43.7098202,17 L49.284569,17 L50,15 L43,15 Z M52,15 L52,17 L57,17 L57,15 L52,15 Z M0,18 L0,20 L12,20 L12,18 L0,18 Z M13,18 L13,20 L31.3910407,20 C31.7780893,19.5420428 32,18 32,18 L13,18 Z M33,18 L33,20 L41,20 L41,18 L33,18 Z M44,18 L44.8580858,20 L48.1947195,20 L49,18 L44,18 Z M52,18 L52,20 L60,20 L60,18 L52,18 Z M0,21 L0,23 L12,23 L12,21 L0,21 Z M13,21 L13,23 L25.9636672,23 C28.2635433,22.9999985 30,21 30,21 L13,21 Z M33,21 L33,23 L41,23 L41,21 L33,21 Z M45,21 L46.3711157,22.9971619 L46.6069464,23 L48,21 L45,21 Z M52,21 L52,23 L60,23 L60,21 L52,21 Z"></path>
				</svg>
			</a>

		</div>
	</div>
	<div id="lower-header">
		<div class="row">
			<a href="{{ site.baseurl }}/" class="ibm-strip__link unit-name">IBM Video Streaming<span>Developers</span></a>

			<a class="nav-toggle ibm-strip__link">
				<span></span>
			</a>

			<ul class="nav">
				{% for c in site.data.categories %}
				<li {% if c[0] == page.category %} class="selected" {% endif %}>
					<a href="{{ site.baseurl }}/{{ c[0] }}/" class="ibm-strip__link">{{ c[1].name }}</i></a></li>
				{% endfor %}
				<li><a href="https://video.ibm.com/" class="ibm-strip__link">Back to IBM Watson Media</a></li>
			</ul>

		</div>
	</div>
</nav>