diff --git a/gentelella-master/gentelella-master/production/estadisticaPeliculas.html b/gentelella-master/gentelella-master/production/estadisticaPeliculas.html
index d4b3bec..3af839a 100644
--- a/gentelella-master/gentelella-master/production/estadisticaPeliculas.html
+++ b/gentelella-master/gentelella-master/production/estadisticaPeliculas.html
@@ -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>