Subir archivos a "gentelella-master/gentelella-master/production"

This commit is contained in:
maria.ruiz 2025-03-27 14:01:34 +00:00
parent 76583f9a3f
commit de24641c6d
1 changed files with 698 additions and 530 deletions
gentelella-master/gentelella-master/production

View File

@ -296,21 +296,14 @@
<!-- Start to do list -->
<!-- LISTA DE PELICULAS -->
<div class="col-md-6 col-sm-6 ">
<div class="x_panel">
<div class="x_title">
<h2>To Do List <small>Sample tasks</small></h2>
<h2> Lista de Películas más taquilleras <small>Sample tasks</small></h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Settings 1</a>
<a class="dropdown-item" href="#">Settings 2</a>
</div>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
@ -321,62 +314,52 @@
<div class="">
<ul class="to_do">
<li>
<p>
<input type="checkbox" class="flat"> Schedule meeting with new client </p>
<p> Avatar </p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Create email address for new intern</p>
<p> Vengadores: Endgame </p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Have IT fix the network printer</p>
<p> Avatar: El sentido del agua</p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Copy backups to offsite location</p>
<p> Titanic </p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Food truck fixie locavors mcsweeney</p>
<p> Star Wars: El despertar de la fuerza </p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Food truck fixie locavors mcsweeney</p>
<p> Vengadores: Infinity War </p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Create email address for new intern</p>
<p> Spider-Man: No Way Home </p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Have IT fix the network printer</p>
<p> Ne Zha 2 </p>
</li>
<li>
<p>
<input type="checkbox" class="flat"> Copy backups to offsite location</p>
<p> Inside Out 2 </p>
</li>
<li>
<p> Jurassic World </p>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End to do list -->
<!-- FIN DE LA LISTA -->
<!-- start of weather widget -->
<div class="col-md-6 col-sm-6 ">
<div class="col-md-4">
<div class="x_panel">
<div class="x_title">
<h2>Daily active users <small>Sessions</small></h2>
<h2> Estrenos de películas </h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">Settings 1</a>
<a class="dropdown-item" href="#">Settings 2</a>
</div>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
@ -384,95 +367,280 @@
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="row">
<div class="col-sm-12">
<div class="temperature"><b>Monday</b>, 07:30 AM
<span>F</span>
<span><b>C</b></span>
</div>
<article class="media event">
<a class="pull-left date">
<p class="month">Mayo</p>
<p class="day">22</p>
</a>
<div class="media-body">
<a class="title" href="#">Lilo y Stitch</a>
<p>Adaptación live action de la cinta animada Lilo y Stitch, donde una niña adopta a una feroz criatura creada en un laboratorio.</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="weather-icon">
<canvas height="84" width="84" id="partly-cloudy-day"></canvas>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">Abril</p>
<p class="day">3</p>
</a>
<div class="media-body">
<a class="title" href="#">Una película de Minecraft</a>
<p>Adaptación del famoso videojuego, que sigue a una adolescente determinada a reunir un equipo para detener al malvado Ender Dragon.</p>
</div>
<div class="col-sm-8">
<div class="weather-text">
<h2>Texas <br><i>Partly Cloudy Day</i></h2>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">Mayo</p>
<p class="day">2</p>
</a>
<div class="media-body">
<a class="title" href="#">Avengers: Doomsday</a>
<p>Kang el Conquistador llega con su hijo Marcus con la intención de conquistar el planeta. Y aunque Kang tiene éxito temporalmente, los Vengadores llegaran para ponerle fin a su malvado plan.</p>
</div>
</div>
<div class="col-sm-12">
<div class="weather-text pull-right">
<h3 class="degrees">23</h3>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">Junio</p>
<p class="day">13</p>
</a>
<div class="media-body">
<a class="title" href="#">Cómo entrenar a tu Dragón</a>
<p>Adaptación live action de la exitosa cinta animada Cómo entrenar a tu dragón.</p>
</div>
</div>
<div class="clearfix"></div>
<div class="row weather-days">
<div class="col-sm-2">
<div class="daily-weather">
<h2 class="day">Mon</h2>
<h3 class="degrees">25</h3>
<canvas id="clear-day" width="32" height="32"></canvas>
<h5>15 <i>km/h</i></h5>
</div>
</article>
<article class="media event">
<a class="pull-left date">
<p class="month">Abril</p>
<p class="day">10</p>
</a>
<div class="media-body">
<a class="title" href="#">El Amateur: Operación Venganza</a>
<p>Luego de que esposa fallece en un ataque, un criptógrafo de la CIA busca cobrar justicia a los responsables.</p>
</div>
<div class="col-sm-2">
<div class="daily-weather">
<h2 class="day">Tue</h2>
<h3 class="degrees">25</h3>
<canvas height="32" width="32" id="rain"></canvas>
<h5>12 <i>km/h</i></h5>
</div>
</div>
<div class="col-sm-2">
<div class="daily-weather">
<h2 class="day">Wed</h2>
<h3 class="degrees">27</h3>
<canvas height="32" width="32" id="snow"></canvas>
<h5>14 <i>km/h</i></h5>
</div>
</div>
<div class="col-sm-2">
<div class="daily-weather">
<h2 class="day">Thu</h2>
<h3 class="degrees">28</h3>
<canvas height="32" width="32" id="sleet"></canvas>
<h5>15 <i>km/h</i></h5>
</div>
</div>
<div class="col-sm-2">
<div class="daily-weather">
<h2 class="day">Fri</h2>
<h3 class="degrees">28</h3>
<canvas height="32" width="32" id="wind"></canvas>
<h5>11 <i>km/h</i></h5>
</div>
</div>
<div class="col-sm-2">
<div class="daily-weather">
<h2 class="day">Sat</h2>
<h3 class="degrees">26</h3>
<canvas height="32" width="32" id="cloudy"></canvas>
<h5>10 <i>km/h</i></h5>
</div>
</div>
<div class="clearfix"></div>
</div>
</article>
</div>
</div>
</div>
<!-- end of weather widget -->
</div>
</div>
</div>
</div>
<!-- /page content -->
<!-- /GALERIA -->
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12">
<div class="x_panel">
<div class="x_title">
<h2> Peliculas </h2>
<ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li>
<li><a class="close-link"><i class="fa fa-close"></i></a>
</li>
</ul>
<div class="clearfix"></div>
</div>
<div class="x_content">
<ul class="nav nav-tabs bar_tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Animada</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Acción</a>
</li>
<li class="nav-item">
<a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Romance</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<!-- /acción de dar click a animada -->
<div class="row">
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula1.jpg" alt="image" />
</div>
<div class="caption">
<p> Lo que el agua se llevó </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula2.jpg" alt="image" />
</div>
<div class="caption">
<p> Bichos: una aventura en miniatura </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula3.jpg" alt="image" />
</div>
<div class="caption">
<p>Suzume </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula4.jpg" alt="image" />
</div>
<div class="caption">
<p>Lilo y Stitch</p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula5.jpg" alt="image" />
</div>
<div class="caption">
<p>Memorias de un Caracol</p>
</div>
</div>
</div>
</div>
<!-- / fin de acción de dar click a animada -->
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<!-- /acción de dar click a animada -->
<div class="row">
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula6.jpg" alt="image" />
</div>
<div class="caption">
<p> El expreso del miedo </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula7.jpg" alt="image" />
</div>
<div class="caption">
<p> Duna </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula8.jpg" alt="image" />
</div>
<div class="caption">
<p> Guerra Mundial Z </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula9.jpg" alt="image" />
</div>
<div class="caption">
<p>Oppenheimer</p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula10.jpg" alt="image" />
</div>
<div class="caption">
<p> Misión rescate</p>
</div>
</div>
</div>
</div>
<!-- / fin de acción de dar click a animada -->
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<!-- /acción de dar click a animada -->
<div class="row">
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula11.jpg" alt="image" />
</div>
<div class="caption">
<p> Cuestión de tiempo </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula12.jpg" alt="image" />
</div>
<div class="caption">
<p> Orgullo y prejuicio </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula13.jpg" alt="image" />
</div>
<div class="caption">
<p> Una chica del siglo X </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula14.jpg" alt="image" />
</div>
<div class="caption">
<p> Un amor para recordar </p>
</div>
</div>
</div>
<div class="col-md-55">
<div class="thumbnail">
<div class="image view view-first">
<img style="width: 100%; display: block;" src="images/peliculas/pelicula15.jpg" alt="image" />
</div>
<div class="caption">
<p> Mientras dormías </p>
</div>
</div>
</div>
</div>
<!-- / fin de acción de dar click a animada -->
</div>
</div>
</div>
<!-- footer content -->
<footer>