Untitled

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ]">
<html xmlns="[ http://www.w3.org/1999/xhtml ]">

<head>
<meta charset= "utf-8" />
<title>Aprendiendo Bootstrap</title>
<link  rel="stylesheet"  type="text/css"  href="css/bootstrap.css"" />
</head>
<body>
<div class=" container-fluid well" >
     <div class="row">
         <div class="col-xs-3 col-sm-3 col-sm-offset-1 col-md-2 col-md-offset-2 col-lg-2 col-lg-offset-3" >
            <img src="img/logonew.gif" class="img-responsive" />
         </div>
         <div class="col-xs-4 visible-xs">
         <small><a href="#"> iniciar sesion </a></small>
         </div>
         <div class="col-xs-3 visible-xs">
         <button  type="button" class="btn btn-primary"> Crear una Cuenta</button>
         </div>
         <div class="col-sm-4 col-sm-offset-3 visible-sm visible-md visible-lg col-md-4 col-md-offset-4 col-lg-4 col-lg-offset-3">
         <small><a href="#" class="enlace.menu"> iniciar sesion </a></small>
          <button  type="button" class="btn btn-primary"> Crear una Cuenta</button>
          </div>

     </div>
</div>
 <div class="container-fluid">
      <div class="col-sm-12 col-sm-offset-1 visible-sm visible-md  col-md-8 col-md-offset-2 visible-lg col-lg-9 col-lg-offset-3">
    <a href="#" class="enlace.menu2"> <strong> Gmail</strong> </a>
    <a href="#" class="enlace.menu2"> Funciones </a>
    <a href="#" class="enlace.menu2"> Para dispositivos moviles </a>
    <a href="#" class="enlace.menu2"> Para empresas </a>
    <a href="#" class="enlace.menu2"> Ayuda </a>

 </div>

<div class="container" id="sha">
     <div class="row">
    <div  id="carousel-example-generic"  class="carousel slide"  data-ride ="carousel">
        <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"</li>
        <li data-target="#carousel-example-generic" data-slide-to="1" </li>
        <li data-target="#carousel-example-generic" data-slide-to="2" </li>
        </div>

    <div class=" carousel-inner">
            <div class=" item active ">
                <img  src="img/banner.jpg" alt="La mujer de hoy" />
                <div class="carousel-caption">
                <h4> La sencillez de la mujer</h4>
                <p><button  type="button" class="btn btn-primary"> Crear una Cuenta</button> </p>
                </div>
             </div>
    </div>

    <div class=" item ">
    <img src="img/banner1.png" alt="Bancos del mundo" />
    <div class="carousel-caption">
    <h4> Bancos del mundo</h4>
    <p><button  type="button" class="btn btn-primary"> Crear una Cuenta</button> </p>
    </div>
    </div>

     <div class=" item ">
    <img  src="img/banner2.png" alt="Mucha gente hablando" />
    <div class="carousel-caption">
    <h4> Hablando para el mundo</h4>
    <p><button  type="button" class="btn btn-primary"> Crear una Cuenta</button> </p>
    </div>
    </div>


</div>

<script  src="js/jquery-1.12.3.min.js"></script>
<script  src="js/bootstrap.js"></script>

</body>
</html>