Crear pestaña como "nube" en mi web

[Request]

A ver si me se explicar…

Actualmente tengo mi web con varias pestañas: Inicio, Portofolio, Blog, Contacto…. y me gustaría tener una pestaña nueva que solo apareciera desde Inicio llamada "Acceso".
Esta pestaña la pondría con Password para tener solo acceso yo. El tema es que quiero que sea únicamente una pestaña para usar espacio como "Nube", ósea que se vería al acceder como un explorador en el que yo tendría ahí dentro archivos sueltos y podría copiar, pegar cuando quisiera.

No se si me he explicado bien.

Actualmente tengo breada una carpeta en mi hostia llamada Private y tengo el html así:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<script lenguage="javascript">
password=prompt("Escriba su contraseña y pulse 'Aceptar'","");
while(password!="contraeña"){
alert("La contraseña facilitada no es válida");
password=prompt("Escriba su contraseña","");
}
</script>

<!--==============================header============== ===================-->
<header>
<div id="stuck_container">
<div class="container">
<div class="row">
<div class="grid_12">
<h1>
<a href="index.html">
<img src="images/logo.png" alt="Logo">
</a>
</h1>
<div class="menu_block ">
<nav class="horizontal-nav full-width horizontalNav-notprocessed">
<ul class="sf-menu">
<li><a href="index.html">Inicio</a></li>
<li><a href="index-1.html">Portofolio</a></li>
<li><a href="index-2.html">Blog</a></li>
<li><a href="index-3.html">Servicios</a></li>
<li><a href="index-4.html">Contacto</a></li>
<li class="current"><a href="pass.html">Acceso</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="main">
<!--=====================Content======================-->

Gracias