{% extends "_layouts/base.html" %}

{% block page_title %}Su sitio - Inicio{% endblock %}
{% block page_class %}home-page{% endblock %}
{% block content %}
<!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->

        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">Nombre del proyecto</a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active"><a href="#">Inicio</a></li>
                            <li><a href="#about">Acerca de</a></li>
                            <li><a href="#contact">Contacto</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Desplegable<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Acción</a></li>
                                    <li><a href="#">Otra acción</a></li>
                                    <li><a href="#">Algo más aquí </a></li>
                                    <li class="divider"></li>
                                    <li class="nav-header">Nav header</li>
                                    <li><a href="#">Enlace separado</a></li>
                                    <li><a href="#">Oro enlace separado</a></li>
                                </ul>
                            </li>
                        </ul>
                        <form class="navbar-form pull-right">
                            <input class="span2" type="text" placeholder="Correo">
                            <input class="span2" type="password" placeholder="Clave">
                            <button type="submit" class="btn">Iniciar Sesión</button>
                        </form>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>

        <div class="container">

            <!-- Main hero unit for a primary marketing message or call to action -->
            <div class="hero-unit">
                <h1>Hola, mundo!</h1>
                <p>Esta es una plantilla para un sitio web publicitario 
o informativo.  Incluye un gran anuncio llamado unidad hero y tres 
piezas que soportan el contenido.  
Usela como punto de partida para crear algo más único.
		</p>
                <p><a class="btn btn-primary btn-large">Aprender más &raquo;</a></p>
            </div>

            <!-- Example row of columns -->
            <div class="row">
                <div class="span4">
                    <h2>Encabezado</h2>
                    <p> In principio creavit Deus caelum et terram. Terra autem erat inanis et vacua, et tenebrae super faciem abyssi, et spiritus Dei ferebatur super aquas.  Dixitque Deus: " Fiat lux ". Et facta est lux. Et vidit Deus lucem quod esset bona et divisit Deus lucem ac tenebras. Appellavitque Deus lucem Diem et tenebras Noctem. Factumque est vespere et mane, dies unus.
		    </p>
                    <p><a class="btn" href="#">Ver detalles &raquo;</a></p>
                </div>
                <div class="span4">
                    <h2>Encabezado</h2>
                    <p>In principio creavit Deus caelum et terram. Terra autem erat inanis et vacua, et tenebrae super faciem abyssi, et spiritus Dei ferebatur super aquas.  Dixitque Deus: " Fiat lux ". Et facta est lux. Et vidit Deus lucem quod esset bona et divisit Deus lucem ac tenebras. Appellavitque Deus lucem Diem et tenebras Noctem. Factumque est vespere et mane, dies unus.
		    </p>
                    <p><a class="btn" href="#">Ver detalles &raquo;</a></p>
               </div>
                <div class="span4">
                    <h2>Encabezado</h2>
                    <p>In principio creavit Deus caelum et terram. Terra autem erat inanis et vacua, et tenebrae super faciem abyssi, et spiritus Dei ferebatur super aquas.  Dixitque Deus: " Fiat lux ". Et facta est lux. Et vidit Deus lucem quod esset bona et divisit Deus lucem ac tenebras. Appellavitque Deus lucem Diem et tenebras Noctem. Factumque est vespere et mane, dies unus.
		    </p>
                    <p><a class="btn" href="#">Ver detalles &raquo;</a></p>
                </div>
            </div>

            <hr>
{% endblock %}
