Cambios Majo
|
@ -6,9 +6,8 @@
|
|||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" href="images/favicon.ico" type="image/ico" />
|
||||
|
||||
<title>Gentelella Alela!</title>
|
||||
<title>Más sobre películas</title>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
@ -16,15 +15,6 @@
|
|||
<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
||||
<!-- NProgress -->
|
||||
<link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
|
||||
<!-- iCheck -->
|
||||
<link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
|
||||
|
||||
<!-- bootstrap-progressbar -->
|
||||
<link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
|
||||
<!-- JQVMap -->
|
||||
<link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>
|
||||
<!-- bootstrap-daterangepicker -->
|
||||
<link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
|
||||
|
||||
<!-- Custom Theme Style -->
|
||||
<link href="../build/css/custom.min.css" rel="stylesheet">
|
||||
|
@ -36,7 +26,7 @@
|
|||
<div class="col-md-3 left_col">
|
||||
<div class="left_col scroll-view">
|
||||
<div class="navbar nav_title" style="border: 0;">
|
||||
<a href="peliculas.html" class="site_title"><i class="fa fa-paw"></i> <span>AlphaTech!</span></a>
|
||||
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
@ -47,8 +37,8 @@
|
|||
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
||||
</div>
|
||||
<div class="profile_info">
|
||||
<span>Beinvenido,</span>
|
||||
<h2>AlphaTech</h2>
|
||||
<span>Welcome,</span>
|
||||
<h2>John Doe</h2>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /menu profile quick info -->
|
||||
|
@ -200,194 +190,280 @@
|
|||
|
||||
<!-- top navigation -->
|
||||
<div class="top_nav">
|
||||
<div class="nav_menu">
|
||||
<div class="nav toggle">
|
||||
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
||||
</div>
|
||||
<nav class="nav navbar-nav">
|
||||
<ul class=" navbar-right">
|
||||
<li class="nav-item dropdown open" style="padding-left: 15px;">
|
||||
<a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
|
||||
<img src="images/img.jpg" alt="">John Doe
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="javascript:;"> Profile</a>
|
||||
<a class="dropdown-item" href="javascript:;">
|
||||
<span class="badge bg-red pull-right">50%</span>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:;">Help</a>
|
||||
<a class="dropdown-item" href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li role="presentation" class="nav-item dropdown open">
|
||||
<a href="javascript:;" class="dropdown-toggle info-number" id="navbarDropdown1" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
<span class="badge bg-green">6</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu list-unstyled msg_list" role="menu" aria-labelledby="navbarDropdown1">
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item">
|
||||
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
|
||||
<span>
|
||||
<span>John Smith</span>
|
||||
<span class="time">3 mins ago</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item">
|
||||
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
|
||||
<span>
|
||||
<span>John Smith</span>
|
||||
<span class="time">3 mins ago</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item">
|
||||
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
|
||||
<span>
|
||||
<span>John Smith</span>
|
||||
<span class="time">3 mins ago</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item">
|
||||
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
|
||||
<span>
|
||||
<span>John Smith</span>
|
||||
<span class="time">3 mins ago</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<div class="text-center">
|
||||
<a class="dropdown-item">
|
||||
<strong>See All Alerts</strong>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
<div class="nav_menu">
|
||||
<div class="nav toggle">
|
||||
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
||||
</div>
|
||||
<nav class="nav navbar-nav">
|
||||
<ul class=" navbar-right">
|
||||
<li class="nav-item dropdown open" style="padding-left: 15px;">
|
||||
<a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true" id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
|
||||
<img src="images/img.jpg" alt="">John Doe
|
||||
</a>
|
||||
<div class="dropdown-menu dropdown-usermenu pull-right" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="javascript:;"> Profile</a>
|
||||
<a class="dropdown-item" href="javascript:;">
|
||||
<span class="badge bg-red pull-right">50%</span>
|
||||
<span>Settings</span>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<a class="dropdown-item" href="javascript:;">Help</a>
|
||||
<a class="dropdown-item" href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li role="presentation" class="nav-item dropdown open">
|
||||
<a href="javascript:;" class="dropdown-toggle info-number" id="navbarDropdown1" data-toggle="dropdown" aria-expanded="false">
|
||||
<i class="fa fa-envelope-o"></i>
|
||||
<span class="badge bg-green">6</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu list-unstyled msg_list" role="menu" aria-labelledby="navbarDropdown1">
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item">
|
||||
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
|
||||
<span>
|
||||
<span>John Smith</span>
|
||||
<span class="time">3 mins ago</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item">
|
||||
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
|
||||
<span>
|
||||
<span>John Smith</span>
|
||||
<span class="time">3 mins ago</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item">
|
||||
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
|
||||
<span>
|
||||
<span>John Smith</span>
|
||||
<span class="time">3 mins ago</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item">
|
||||
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>
|
||||
<span>
|
||||
<span>John Smith</span>
|
||||
<span class="time">3 mins ago</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<div class="text-center">
|
||||
<a class="dropdown-item">
|
||||
<strong>See All Alerts</strong>
|
||||
<i class="fa fa-angle-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /top navigation -->
|
||||
|
||||
/*
|
||||
<!-- page content -->
|
||||
<div class="right_col" role="main">
|
||||
|
||||
<div class="">
|
||||
<div class="page-title">
|
||||
<div class="title_left">
|
||||
<h3>Más sobre películas </h3>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 col-sm-4 ">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2>Recent Activities <small>Sessions</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>
|
||||
<div class="clearfix"></div>
|
||||
<div class="title_right">
|
||||
<div class="col-md-5 col-sm-5 form-group pull-right top_search">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control" placeholder="Search for...">
|
||||
<span class="input-group-btn">
|
||||
<button class="btn btn-default" type="button">Go!</button>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="dashboard-widget-content">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<ul class="list-unstyled timeline widget">
|
||||
<li>
|
||||
<div class="block">
|
||||
<div class="block_content">
|
||||
<h2 class="title">
|
||||
<a>Who Needs Sundance When You’ve Got Crowdfunding?</a>
|
||||
</h2>
|
||||
<div class="byline">
|
||||
<span>13 hours ago</span> by <a>Jane Smith</a>
|
||||
</div>
|
||||
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read More</a>
|
||||
</p>
|
||||
<div class="row">
|
||||
|
||||
|
||||
|
||||
<div class="col-md-4 col-sm-4 ">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2> Películas mexicanas más taquilleras del 2024 </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>
|
||||
</div>
|
||||
</li>
|
||||
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
|
||||
<div id="echart_donut" style="height:350px;"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2> Mejores Directores de cine </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="list-unstyled msg_list">
|
||||
<li>
|
||||
<a>
|
||||
<span class="image">
|
||||
<img src="images/peliculas/john-ford.jpg" alt="img" />
|
||||
</span>
|
||||
<span>
|
||||
<span>John Ford</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
El director de cine más influyentes en la historia del cine, conocido por su capacidad para contar historias épicas, especialmente en el género del western.
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="block">
|
||||
<div class="block_content">
|
||||
<h2 class="title">
|
||||
<a>Who Needs Sundance When You’ve Got Crowdfunding?</a>
|
||||
</h2>
|
||||
<div class="byline">
|
||||
<span>13 hours ago</span> by <a>Jane Smith</a>
|
||||
</div>
|
||||
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read More</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<a>
|
||||
<span class="image">
|
||||
<img src="images/peliculas/Alfred-Hitchcock.jpg" alt="img" />
|
||||
</span>
|
||||
<span>
|
||||
<span>Alfred Hitchcock</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Obras clave: Psicosis (1960), Vértigo (1958)
|
||||
Alfred Hitchcock (1899-1980) es reconocido por su habilidad para crear tensión y suspense de manera magistral.
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="block">
|
||||
<div class="block_content">
|
||||
<h2 class="title">
|
||||
<a>Who Needs Sundance When You’ve Got Crowdfunding?</a>
|
||||
</h2>
|
||||
<div class="byline">
|
||||
<span>13 hours ago</span> by <a>Jane Smith</a>
|
||||
</div>
|
||||
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read More</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<a>
|
||||
<span class="image">
|
||||
<img src="images/peliculas/akira-kurosawa.jpg" alt="img" />
|
||||
</span>
|
||||
<span>
|
||||
<span>Akira Kurosawa</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Obras clave: Los siete samuráis (1954), Rashomon (1950)
|
||||
Akira Kurosawa (1910-1998) es conocido por su maestría en la dirección de historias épicas y profundas.
|
||||
</span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="block">
|
||||
<div class="block_content">
|
||||
<h2 class="title">
|
||||
<a>Who Needs Sundance When You’ve Got Crowdfunding?</a>
|
||||
</h2>
|
||||
<div class="byline">
|
||||
<span>13 hours ago</span> by <a>Jane Smith</a>
|
||||
</div>
|
||||
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward and… <a>Read More</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<a>
|
||||
<span class="image">
|
||||
<img src="images/peliculas/Martin-Scorsese.jpg" alt="img" />
|
||||
</span>
|
||||
<span>
|
||||
<span>Martin Scorsese</span>
|
||||
</span>
|
||||
<span class="message">
|
||||
Obras clave: Taxi Driver (1976), El irlandés (2019)
|
||||
Martin Scorsese (1942) es uno de los cineastas más influyentes y admirados de la historia del cine</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-12">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2> Incremento de plataforma de streaming Netflix </h2>
|
||||
<div class="filter">
|
||||
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<div class="col-md-9 col-sm-12 ">
|
||||
<div class="demo-container" style="height:280px">
|
||||
<div id="chart_plot_02" class="demo-placeholder"></div>
|
||||
</div>
|
||||
<div class="tiles">
|
||||
<div class="col-md-4 tile">
|
||||
<span>Usuarios Primer año</span>
|
||||
<h2>231,809</h2>
|
||||
<span class="sparkline11 graph" style="height: 160px;">
|
||||
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-md-4 tile">
|
||||
<span>Dinero gastado</span>
|
||||
<h2>$231,809</h2>
|
||||
<span class="sparkline22 graph" style="height: 160px;">
|
||||
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
||||
</span>
|
||||
</div>
|
||||
<div class="col-md-4 tile">
|
||||
<span>Inversiones</span>
|
||||
<h2>231,809</h2>
|
||||
<span class="sparkline11 graph" style="height: 160px;">
|
||||
<canvas width="200" height="60" style="display: inline-block; vertical-align: top; width: 94px; height: 30px;"></canvas>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /page content -->
|
||||
|
||||
|
||||
<div class="col-md-8 col-sm-8 ">
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- footer content -->
|
||||
<footer>
|
||||
<div class="pull-right">
|
||||
|
@ -402,21 +478,27 @@
|
|||
<!-- jQuery -->
|
||||
<script src="../vendors/jquery/dist/jquery.min.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- FastClick -->
|
||||
<script src="../vendors/fastclick/lib/fastclick.js"></script>
|
||||
<!-- NProgress -->
|
||||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
<!-- ECharts -->
|
||||
<script src="../vendors/echarts/dist/echarts.min.js"></script>
|
||||
<script src="../vendors/echarts/map/js/world.js"></script>
|
||||
|
||||
|
||||
<script src="../vendors/jquery/dist/jquery.min.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- FastClick -->
|
||||
<script src="../vendors/fastclick/lib/fastclick.js"></script>
|
||||
<!-- NProgress -->
|
||||
<script src="../vendors/nprogress/nprogress.js"></script>
|
||||
<!-- Chart.js -->
|
||||
<script src="../vendors/Chart.js/dist/Chart.min.js"></script>
|
||||
<!-- gauge.js -->
|
||||
<script src="../vendors/gauge.js/dist/gauge.min.js"></script>
|
||||
<!-- bootstrap-progressbar -->
|
||||
<script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
|
||||
<!-- iCheck -->
|
||||
<script src="../vendors/iCheck/icheck.min.js"></script>
|
||||
<!-- Skycons -->
|
||||
<script src="../vendors/skycons/skycons.js"></script>
|
||||
<!-- jQuery Sparklines -->
|
||||
<script src="../vendors/jquery-sparkline/dist/jquery.sparkline.min.js"></script>
|
||||
<!-- Flot -->
|
||||
<script src="../vendors/Flot/jquery.flot.js"></script>
|
||||
<script src="../vendors/Flot/jquery.flot.pie.js"></script>
|
||||
|
@ -429,16 +511,14 @@
|
|||
<script src="../vendors/flot.curvedlines/curvedLines.js"></script>
|
||||
<!-- DateJS -->
|
||||
<script src="../vendors/DateJS/build/date.js"></script>
|
||||
<!-- JQVMap -->
|
||||
<script src="../vendors/jqvmap/dist/jquery.vmap.js"></script>
|
||||
<script src="../vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script>
|
||||
<script src="../vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script>
|
||||
<!-- bootstrap-daterangepicker -->
|
||||
<script src="../vendors/moment/min/moment.min.js"></script>
|
||||
<script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
|
||||
|
||||
<!-- Custom Theme Scripts -->
|
||||
<script src="../build/js/custom.min.js"></script>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
After ![]() (image error) Size: 20 KiB |
After ![]() (image error) Size: 24 KiB |
After ![]() (image error) Size: 24 KiB |
After ![]() (image error) Size: 29 KiB |
After ![]() (image error) Size: 451 KiB |
After ![]() (image error) Size: 6.6 KiB |
After ![]() (image error) Size: 59 KiB |
After ![]() (image error) Size: 74 KiB |
After ![]() (image error) Size: 37 KiB |
After ![]() (image error) Size: 93 KiB |
After ![]() (image error) Size: 65 KiB |
After ![]() (image error) Size: 68 KiB |
After ![]() (image error) Size: 39 KiB |
After ![]() (image error) Size: 58 KiB |
After ![]() (image error) Size: 76 KiB |
After ![]() (image error) Size: 276 KiB |
After ![]() (image error) Size: 141 KiB |
After ![]() (image error) Size: 6.0 KiB |
After ![]() (image error) Size: 84 KiB |
|
@ -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 -->
|
||||
|
||||
<!-- start of weather widget -->
|
||||
<div class="col-md-6 col-sm-6 ">
|
||||
<!-- FIN DE LA LISTA -->
|
||||
|
||||
|
||||
<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>
|
||||
|
|