een</span> id.</p>

<div class="row">
  <pre>
     <code>
&lt;div class=&quot;off-screen&quot;&gt;<br/>   &lt;nav class=&quot;navigation-bar&quot; id=&quot;off-screen&quot;&gt;<br/><br/>  &lt;/nav&gt;<br/>  &lt;!--all of your page content--&gt;<br/>&lt;/div&gt;
     </code>
  </pre>
</div>

<blockquote>
   <h4>An off screen tip</h4>
   <p>You will notice nothing really changed, you will have to add some more links and markup, so keep reading...</p>
</blockquote>

<hr />

<h3>Off screen menu</h3>

<p>Here is