Advertisement
Guest User

Untitled

a guest
Jul 28th, 2016
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.96 KB | None | 0 0
  1.     <div class="home-row first-home-row row">
  2.         <div class="hidden-xs hidden-sm col-md-8">
  3.             <img src="./img/home/row1col1.png" class="img-lg img-responsive">
  4.         </div>
  5.         <div class="col-xs-12 col-sm-offset-3 col-sm-6 col-md-offset-0 col-md-4 search-container">
  6.             <h3 class="search-header">Búsqueda / Reserva / Compra</h3>
  7.             <form name="searchForm" role="form" data-ng-submit="goSearch()">
  8.                 <div class="row">
  9.                     <div class="col-xs-12">
  10.                         <div class="form-group">
  11.                             <div class="dropdown">
  12.                                 <input type="text" ng-click="load_origins()" name="dropdown-toggle" data-ng-model=origin_search placeholder="Ciudad Origen" class="btn btn-default search-menu-button dropdown-toggle" id="origin" data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" required autocomplete="off">
  13.                               <!-- <button class="btn btn-default search-menu-button dropdown-toggle" type="button" id="origin" data-toggle="dropdown" aria-haspopup="false" aria-expanded="true">
  14.                                 {{params.origin_name}}
  15.                               </button> -->
  16.                               <ul class="dropdown-menu dropdown-menu-right search-menu-items" aria-labelledby="origin">
  17.                                 <li><a href class= "search-menu-item" data-ng-repeat="origin in origins | filter:origin_search" data-ng-click="checkDestinations(origin)">{{origin.Localidad}}</a></li>
  18.                               </ul>
  19.                             </div>
  20.                             <!-- <label class="sr-only" for="origin">Origen:</label>
  21.                             <select class="search-text form-control" name="origin" id="origin" ng-model="params.origin" ng-change="checkDestinations()" ng-options="origin as origin.Localidad for origin in origins" required>
  22.                                 <option class="default-option" value="" selected><div class="background-darkgrey"> Origen </div></option>
  23.                             </select> -->
  24.                         </div>
  25.                     </div>
  26.                 </div>
  27.                 <div class="row">
  28.                     <div class="col-xs-12">
  29.                         <div class="form-group">
  30.                             <label class="sr-only" for="destination">Destino:</label>
  31.                             <div class="dropdown">
  32.                               <input type="text" name="dropdown-toggle" ng-click="destination_search=''" data-ng-model=destination_search placeholder="Ciudad Destino" ng-disabled = "params.origin === ''" class="btn btn-default search-menu-button dropdown-toggle" id="destination" data-toggle="dropdown" aria-haspopup="false" aria-expanded="true" required autocomplete="off">
  33.                               <ul class="dropdown-menu search-menu-items" aria-labelledby="origin">
  34.                                 <li><a href class="search-menu-item" data-ng-repeat="destination in destinations | filter:destination_search" data-ng-click="setDestinationData(destination)">{{destination.hasta}}</a></li>
  35.                               </ul>
  36.                             </div>
  37.                             <!-- <select class="search-text form-control" name="destination" id="destination" data-ng-model="params.destination" data-ng-disabled="destinationDisabled" data-ng-options="destination as destination.hasta for destination in destinations" data-ng-change="setDestinationData()" required>
  38.                                 <option value="" selected>Destino</option>
  39.                             </select> -->
  40.                         </div>
  41.                     </div>
  42.                 </div>
  43.                 <div class="row">
  44.                     <div class="col-xs-12">
  45.                         <div class="form-group">
  46.                             <!-- Departure date input -->
  47.                             <div class="input-group date">
  48.                                 <input date-range-picker name="departureDate" id="departureDate" class=" form-control date-picker search-date" placeholder="Fecha Ida" type="text" min="params.today" ng-model="params.departureDate" options="dpOpts" required readonly/>
  49.                                 <span class="input-group-addon">
  50.                                     <span class="glyphicon glyphicon-calendar">
  51.                                     </span>
  52.                                 </span>
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.                 <div class="row">
  58.                     <div class="col-xs-12">
  59.                         <div class="row">
  60.                             <div class="col-xs-12">
  61.                                 <div class="form-group">
  62.                                     <div class="input-group date">
  63.                                         <input date-range-picker name="returnDate" id="returnDate" class="search-date form-control date-picker ng-valid ng-dirty" type="text" min="params.today" data-ng-disabled="returnDateDisabled" ng-model="params.returnDate" placeholder="Fecha Vuelta (Opcional)" options="dpOpts" readonly/>                      
  64.                                         <span class="input-group-addon">
  65.                                             <span class="glyphicon glyphicon-calendar">
  66.                                             </span>
  67.                                         </span>
  68.                                     </div>
  69.                                 </div>
  70.                             </div>
  71.                         </div>
  72.                     </div>
  73.                 </div>
  74.                 <div class="row">
  75.                     <div class="col-xs-10 col-xs-offset-1">
  76.                         <button type="submit" class="btn btn-default btn-block">Buscar</button>
  77.                     </div>
  78.                 </div>
  79.             </form>
  80.         </div>
  81.     </div>
  82.     <div class="home-row row">
  83.         <div class="col-xs-12 col-sm-offset-2 col-md-offset-0 col-md-5 img-container">
  84.             <img src="./img/home/row2col1.png" class="img-lg img-responsive">
  85.         </div>
  86.         <div class="col-xs-12 col-md-7 img-container">
  87.             <div id="Carousel" class="carousel slide">
  88.                 <div class="carousel-inner">
  89.                     <div class="item active">
  90.                         <img src="./img/home/row2col2a.png" class="center-block img-sm img-responsive">
  91.                         <div class="carousel-text">
  92.                             <p class="text-center">Gozá de cualquiera de estos beneficios de manera rápida y segura.<p>
  93.                         </div>
  94.                     </div>
  95.                     <div class="item">
  96.                         <img src="./img/home/row2col2b.png" class="center-block img-sm img-responsive">
  97.                         <div class="carousel-text">
  98.                             <p class="text-center">Lorem ipsum dolor amet<p>
  99.                         </div>
  100.                     </div>
  101.                    
  102.                 </div>
  103.                 <span class="left carousel-control" data-target="#Carousel" data-slide="prev">
  104.                     <span class="glyphicon glyphicon-chevron-left"></span>
  105.                 </span>
  106.                 <span class="right carousel-control" data-target="#Carousel" data-slide="next">
  107.                     <span class="glyphicon glyphicon-chevron-right"></span>
  108.                 </span>
  109.             </div>
  110.         </div>
  111.     </div>
  112.     <div class="home-row row">
  113.         <div class="col-xs-12 col-sm-offset-2 col-sm-5 col-md-offset-0 col-md-5 img-container">
  114.             <h3><span class="red">Red</span> Pack <small>Encomiendas</small></h3>
  115.             <a href="#/encomiendas">
  116.                 <img src="./img/home/row4col1.png" class="img-md img-responsive">
  117.             </a>
  118.         </div>
  119.         <div class="col-xs-12 col-sm-offset-1 col-sm-7 col-md-offset-0 col-md-7 img-container">
  120.             <h3>Viajes Especiales <small>Internacionales/Nacionales/Provinciales</small></h3>
  121.             <a href="#/special">
  122.                 <img src="./img/home/row4col2.png" class="img-md img-responsive">
  123.             </a>
  124.         </div>
  125.     </div>
  126.     <div class="visible-xs row">
  127.         <div class="col-xs-12 col-sm-4 img-container">
  128.             <img src="./img/home/row3col1.png" class="img-sm img-responsive">
  129.             <button data-ng-click="goCompanyUnits(0);" class="btn btn-home col-xs-12"><strong class="pull-left">Confort</strong><span class="glyphicon glyphicon-plus white-glyphicon-home pull-right"></span></button>
  130.         </div>
  131.         <br class="visible-xs">
  132.         <div class="col-xs-12 col-sm-4 img-container">
  133.             <img src="./img/home/row3col2.png" class="img-sm img-responsive">
  134.             <button data-ng-click="goCompanyUnits(1);" class="btn btn-home col-xs-12"><strong class="pull-left">Tecnología</strong><span class="glyphicon glyphicon-plus white-glyphicon-home pull-right"></span></button>
  135.         </div>
  136.         <br class="visible-xs">
  137.         <div class="col-xs-12 col-sm-4 img-container">
  138.             <img src="./img/home/row3col3.png" class="img-sm img-responsive">
  139.             <button data-ng-click="goCompanyUnits(2)" class="btn btn-home col-xs-12"><strong class="pull-left">Seguridad</strong><span class="glyphicon glyphicon-plus white-glyphicon-home pull-right"></span></button>
  140.         </div>
  141.     </div>
  142.     <div class="hidden-xs home-row row">
  143.         <div class="col-xs-12 col-sm-4">
  144.             <img src="./img/home/row3col1.png" class="img-sm img-responsive">
  145.             <button data-ng-click="goCompanyUnits(0);" class="btn btn-home"><strong class="pull-left">Confort</strong><span class="glyphicon white-glyphicon-home pull-right">+</span></button>
  146.         </div>
  147.         <br class="visible-xs">
  148.         <div class="col-xs-12 col-sm-4">
  149.             <img src="./img/home/row3col2.png" class="img-sm img-responsive">
  150.             <button data-ng-click="goCompanyUnits(1);" class="btn btn-home"><strong class="pull-left">Tecnología</strong><span class="glyphicon glyphicon-plus white-glyphicon-home pull-right"></span></button>
  151.         </div>
  152.         <br class="visible-xs">
  153.         <div class="col-xs-12 col-sm-4">
  154.             <img src="./img/home/row3col3.png" class="img-sm img-responsive">
  155.             <button data-ng-click="goCompanyUnits(2);" class="btn btn-home"><strong class="pull-left">Seguridad</strong><span class="glyphicon glyphicon-plus white-glyphicon-home pull-right"></span></button>
  156.         </div>
  157.     </div>
  158.     <div class="hidden-xs row">
  159.         <div class="col-xs-12"><h3>Noticias</h3></div>
  160.         <div class="hidden-xs col-xs-12 col-sm-6">
  161.             <div class="row">
  162.                 <div class="col-xs-6">
  163.                     <img src="./img/home/row6col1.png" class="img-responsive home-news-img">
  164.                 </div>
  165.                 <div class="col-xs-6">
  166.                     <h4 class="text-center">OktoberFest 2016</h4>
  167.                     <p class="home-news">Villa General Belgrano se prepara para la próxima fiesta anual de la cerveza <strong>buses Lep</strong> pone a tu disposición coches que constan de todo el confort y la tecnología para que disfrutes del Valle de Calamuchita, además de horarios con la frecuencia de veinte minutos. Sumate vos también a esta experiencia única y dejanos tu comentario en nuestro muro: <a href="https://www.facebook.com/expresobuseslep">facebook/expresobuseslep</a></p>
  168.                 </div>
  169.             </div>
  170.         </div>
  171.         <div class="hidden-xs col-xs-12 col-sm-6">
  172.             <div class="row">
  173.                 <div class="col-xs-6">
  174.                     <img src="./img/home/row6col2.png" class="img-responsive home-news-img">
  175.                 </div>
  176.                 <div class="col-xs-6">
  177.                     <h4 class="text-center">Fiesta de la Primavera</h4>
  178.                     <p class="home-news">Este año la Municipalidad apuesta fuerte y tiral a casa por la ventana recibiendo a la juventud en dos días que prometen musicalidad y un festejo único. Ponemos a tu alcance todos nuestros recursos para que no te pierdas este evento: Por cada horario regular agregamos tres refuerzos y, si sacás tu tarjeta de abonos, te regalamos hasta un 40% de descuento! Consultá nuestras promos, reservá y comprá desde la App exclusiva de <strong>buses Lep</strong></p>
  179.                 </div>
  180.             </div>
  181.         </div>
  182.     </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement