index.html

<!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="utf-8">
<title>Hotel Ilerasi</title>
<meta name="description" content="L'hotel Ilerasi és un hotel situat a Andorra amb proximitat a les pistes d'esqui de Vallnord"/>
<meta name="keywords" content="hotel, ilerasi, andorra, vallnord, esqui, snow"/>
<meta name="author" content="Eduard Reñé Claramunt"/>
<!--<!—[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]—>-->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/lightbox.css" rel="stylesheet"/>
<style>body{padding-top:60px}</style>
<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
</head>

<body>
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container-fluid" style="padding-left:5%;">
                <a class="brand" href="/">Hotel Ilerasi</a>
                <ul class="nav">
                    <li class='active'><a href="/">Hotel</a></li>
                    <li><a href="fotos/index">Fotos</a></li>
                    <li><a href="reserves/show">Reserves</a></li>
                    <li><a href="conferencies/index">Conferencies</a></li>
                    <li><a href="contacte/index">Contacte</a></li>
                </ul>
                <ul class="nav" style="float:right; padding-right:5%;">
                    <li><form class="form-inline" method="POST" action="/auth/login">
  <input name="user" type="text" class="input-small" placeholder="User">
  <input name="password" type="password" class="input-small" placeholder="Password">
  <label class="checkbox" style="color:#fff">
    <input type="checkbox"/> Remember me
  </label>
  <button type="submit" class="btn">Sign in</button>
</form></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12" style="text-align:center; width: 90%; padding-left:5%;">
            <div class="row-fluid">
    <div class="span4">
        <h3>DISPONIBILITAT - RESERVES</h3>
<form method="POST" action="/disponible/index">
    <table class="table" style="border:0; margin:auto;">
        <tbody>
            <tr>
                <td>
                    <b>Arribada:</b>
                </td>
                <td>
                    <input type="date" id="calendari_a" name="arribada" min="2012-05-23" required />
                </td>
            </tr>
            <tr>
                <td>
                    <b>Sortida:</b>
                </td>
                <td>
                    <input type="date" id="calendari_s" name="sortida" min="2012-05-24" required />
                </td>
            </tr>
            <tr>
                <td>
                    <b>Adults:</b>
                </td>
                <td>
                    <input type="number" id="numero_a" name="adults" min="1" value="1" required />
                </td>
            </tr>
            <tr>
                <td>
                    <b>Nens:</b>
                </td>
                <td>
                    <input type="number" id="numero_n" name="nens" min="0" value="0" required /><br/>
                </td>
            </tr>
            <tr>
                <td>
                    <b>Habitacions:</b>
                </td>
                <td>
                    <input type="number" id="numero_h" name="habitacio" min="1" max="32" value="1" required /><br/>
                </td>
            </tr>
            <tr>
                <td>
                    <input class="btn" type="submit" value="Submit"/>
                </td>
            </tr>
        </tbody>
    </table>
</form>
    </div>
    <div class="span8">
        <script type="text/javascript">$(function(){$('.carousel').carousel({interval:2000})});</script>
        <div id="myCarousel" class="carousel slide" style="max-width: 100%;">
            <div class="carousel-inner">
                <div class="item active">
                    <img src="img/disp_index/01.jpg" alt="" style="width: 100%; max-height: 400px;">
                    <div class="carousel-caption">
                        <h4>First Thumbnail label</h4>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                </div>
                <div class="item">
                    <img src="img/disp_index/02.jpg" alt="" style="width: 100%; max-height: 400px;">
                    <div class="carousel-caption">
                        <h4>Second Thumbnail label</h4>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                </div>
                 <div class="item">
                    <img src="img/disp_index/03.jpg" alt="" style="width: 100%; max-height: 400px;">
                    <div class="carousel-caption">
                        <h4>Third Thumbnail label</h4>
                        <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    </div>
                </div>
            </div>
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
    </div>
</div>

<div class="row-fluid" style="padding-top:20px;">
    <div class="span4">
        <h2>Ilerasi</h2>
        <p>
            En plena natura, el primer resort andorrà se situa a La Massana, a pocs quilòmetres de les estacions d'esquí i a només 5 minuts d'Andorra la Vella.
        </p>
        <p><button class="canvi btn" data-target="#demo1">View details &raquo;</button></p>
    </div>
    <div class="span4">
        <h2>El Resort</h2>
        <p>
            Amb un complet equipament interior, totes les nostres junior suites i apartaments són l'espai perfecte pel descans i el relax després d'un dia actiu.
        </p>
        <p><button class="canvi btn" data-target="#demo2">View details &raquo;</button></p>
    </div>
    <div class="span4">
        <h2>L'Spa Wellness</h2>
        <p>
            Zona aqualúdica, gym, spa i un centre Carita Paris al vostre servei per fer de la seva estada a Ilerasi en una veritable experiència de plaer, salut i relax.
        </p>
        <p><button class="canvi btn" data-target="#demo3">View details &raquo;</button></p>
    </div>
</div>

<div id="demo1" class="boto"><div class="post-box"><br/><br/><p>Ens complau presentar el primer Resort d'Andorra, <strong>Ilerasi, The Mountain &amp; Wellness Resort</strong>, estratègicament situat a la vall de La Massana, sobre la qual, ofereix unes fascinants vistes panoràmiques.</p><br/><img src="images/resort01.jpg" alt="Ilerasi" title="Ilerasi" width="204" height="128" class="alignleft"/><br/><a href="#">La Natura un bé molt preuat</a><br/><br/><p><strong>Ilerasi</strong>, envoltat de natura i amb uns fàcils accessos a les estacions de Vallnord (Pal-Arinsal i Arcalís) i a pocs quilometres de l'altre gran domini esquiable, Grandvalira, territori ideal per als amants de l'esquí, i a tan sol 5 minuts del centre comercial d'Andorra.</p><br class="clear"/><br/><img src="images/resort02.jpg" alt="Ilerasi" title="Ilerasi" width="204" height="128" class="alignleft"/><br/><a href="#">Multitud de sensacions</a><br/><br/><p><strong>Ilerasi</strong> els ofereix un hotel amb amplies junior suites d'alt standing, l'aparthotel, tot un clàssic a Andorra, un exclusiu club esportiu amb multitud d'activitats i serveis, i l'espai dedicat al benestar, la salut i la bellesa: Carita Paris. També trobarà dins d'<strong>Ilerasi</strong> la restauració al nivell dels paladars més exigents, així com un parell d’espais dedicats en exclusiva als mes petits, els <strong>IlerasiKids</strong>.</p><p>Tots aquests serveis i sensacions, distribuïts en varis edificis de construcció típica pirinenca basats en la pedra, la fusta i la pissarra, conjugant-los, tots ells, amb un entorn idíl·lic natural.</p></div></div>
<div id="demo2" class="boto"><div class="post-box">
	<br/><br/><p>El Resort <strong>Ilerasi</strong> ofereix diverses &agrave;rees dintre del complex, amb una cl&agrave;ssica modalitat d&#39;allotjament d&#39;hotel on es pot deixar cuidar, oblidar l&#39;estr&egrave;s i la monotonia. Totes les nostres j&uacute;nior suites son l&#39;espai perfecte pel descans i el relax despr&eacute;s d&#39;un dia ple d&rsquo;activitat. Cada habitaci&oacute; disposa d&rsquo;un complet i acurat equipament interior, tamb&eacute; d&#39;una &agrave;mplia terrassa i d&rsquo;unes magn&iacute;fiques vistes sobre la muntanya.&nbsp;&nbsp;</p>
	<br/>
	<img alt="Ilerasi" class="alignleft" height="128" src="images/hotel01.jpg" title="Ilerasi" width="204"/><br/><a href="#">Detalls a les habitacions</a><br/><br/>
	<p>A l&#39;hora del descans, res millor que unes habitacions di&agrave;fanes, &agrave;mplies i amb una acurada decoraci&oacute;. Cuidant al m&agrave;xim el confort les habitacions, disposen de Tv de 28&quot; via sat&egrave;l&middot;lit, tel&egrave;fon directe a l&#39;exterior, calefacci&oacute; amb graduaci&oacute; independent, caixa forta, banys amb mirall d&#39;augment, assecador i balc&oacute; amb unes magnifiques vistes sobre la vall.</p>
	<br class="clear"/>
	<br/>
	<img alt="Ilerasi" class="alignleft" height="128" src="images/hotel02.jpg" title="Ilerasi" width="204"/><br/><a href="#">Un munt d&#39;avantatges</a><br/><br/>
	Acostumats sempre a donar un valor afegit del que marquen els standards habituals, i tenint molt en compte els suggeriments dels nostres hostes, hem incorporat a les habitacions una mini-Kichenette, millorant les facilitats. Les nostres habitacions disposen de dormitoris amb llits de matrimoni dobles, amb la possibilitat d&#39;allotjar a una tercera o quarta persona amb un m&ograve;dul convertible al sal&oacute;.</div></div>
<div id="demo3" class="boto"><div class="post-box">
	<br/><br/><p><strong>Ilerasi</strong> ha incorporat a les seves instal&middot;lacions l&rsquo;AquaSpa, la nova zona d&rsquo;aig&uuml;es que ofereix el m&agrave;xim exponent combinat, per a gaudir tant de l&rsquo;oci com l&rsquo;esport.</p>
	Quan parlem d&rsquo;oci ens referim a una exclusiva zona de cascades, jets, bancs de massatge, llits d&rsquo;aigua, que us facilitaran tan el fet de relaxar-vos durant una estona, com el de tonificar el vostre cos despr&eacute;s de la vostra sessi&oacute; d&rsquo;exercici f&iacute;sic, sensacions &uacute;niques i excepcionals. A aquests elements purament aqu&agrave;tics s&rsquo;ha d&rsquo;afegir la sauna i el bany turc annexes a les mateixes.<br/>
	<br/>
	<img alt="Ilerasi" class="alignleft" height="128" src="images/aquaspa01.jpg" title="Ilerasi" width="204"/><br/><a href="#">Un espai que tamb&eacute; &eacute;s esportiu</a><br/><br/>
	<p>L&rsquo;AquaSpa tamb&eacute; &eacute;s esportiu, ja que disposa de dos amples carrils de nataci&oacute; de 25m de llargada aix&iacute; com un zona especialment pensada per a la pr&agrave;ctica de l&rsquo;aquagym. No deixar de fer esmena que hem pensat, tamb&eacute;, en els m&eacute;s menuts, i per ells em fet una piscina de nadons per tal que perdin la por i s&rsquo;habitu&iuml;n, donant una garantia de tranquil&middot;litat als pares<span style="white-space: pre;"> </span>.</p>
	<br class="clear"/>
	<br/>
	<img alt="Ilerasi" class="alignleft" height="128" src="images/aquaspa02.jpg" title="Ilerasi" width="204"/><br/><a href="#">Aigua tractada amb sal per a una millor toler&agrave;ncia i higiene</a><br/><br/>
	<p>Per finalitzar, un comentari sobre la qualitat de l&rsquo;aigua, l&rsquo;element clau, que es diferencia per una caracter&iacute;stica essencial: el revolucionari tractament del mateix mitjan&ccedil;ant sal, que genera tots els fluids necessaris per mantenir una estricta higiene, i al mateix temps es caracteritza per la innocu&iuml;tat a pell i ulls.</p>
	<p>L&#39;AquaSpa &eacute;s una oferta completa, pensada per tots els p&uacute;blics amb la qualitat i garantia d&rsquo;Ilerasi.</p>
</div></div>

        </div>
    </div>

<footer>
    <p style="text-align:center; padding-bottom:20px; padding-top:20px;">&copy; Ilerasi 2012</p>
</footer>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript">$(document).ready(function(){$('.boto').css('display','none');$('.canvi').click(function(){element=$(this).attr('data-target');$(element).removeClass('boto');$('.boto').hide();$(element).slideToggle();$(element).addClass('boto');});});</script>

<script type="text/javascript">var datefield=document.createElement("input")
datefield.setAttribute("type","date")
if(datefield.type!="date"){document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n')}</script>

<script>if(datefield.type!="date"){jQuery(function($){$('#calendari').datepicker();})}</script>
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>

<audio src="/so/waveride.mp3" autoplay loop>
</audio>

</body>
</html>