---
layout: headerfooter
---
<!--  HERO  -->
<section id="hero" class="light-text">
	<h1>{{ site.data[page.versionfilesafe][page.section].bigheader }}</h1>
	<h5>{{ site.data[page.versionfilesafe][page.section].abstract }}</h5>
	<div id="vendorStrip" class="light-text">
		<ul>
			<li><a href="/{{ page.version }}/">GUIDES</a></li>
			<li><a href="/{{ page.version }}/reference">REFERENCE</a></li>
			<li><a href="/{{ page.version }}/samples">SAMPLES</a></li>
			<li><a href="/{{ page.version }}/support">SUPPORT</a></li>
		</ul>
		<div class="dropdown">
			<div class="readout"></div>
			<a href="/v1.1">Version 1.1</a>
			<a href="/v1.0">Version 1.0</a>
		</div>
		<input type="text" id="search" placeholder="Search the docs">
	</div>
</section>

<section id="encyclopedia">
	<div id="docsToc">
        <div class="pi-accordion">
            {% assign tree = site.data[page.versionfilesafe][page.section].toc %}
            {% include tree.html %}
        </div> <!-- /pi-accordion -->
	</div> <!-- /docsToc -->
	<div id="docsContent">{% if page.showedit == true %}<a href="/{{ page.version }}/editdocs#{{ page.path }}" class="button" style="float:right;margin-top:20px;">Edit This Page</a>{% endif %}
    	<h1>{{ page.title }}</h1>
		{{ content }}
        <p><a href=""><img src="https://kubernetes-site.appspot.com/UA-36037335-10/GitHub/{{ page.path }}?pixel" alt="Analytics" /></a>
	</div>
</section>