From de24641c6dc3f83d04ff39e1bfe3a2affe3c1b40 Mon Sep 17 00:00:00 2001 From: "maria.ruiz" <zs22016128@estudiantes.uv.mx> Date: Thu, 27 Mar 2025 14:01:34 +0000 Subject: [PATCH] Subir archivos a "gentelella-master/gentelella-master/production" --- .../production/peliculas.html | 1228 ++++++++++------- 1 file changed, 698 insertions(+), 530 deletions(-) diff --git a/gentelella-master/gentelella-master/production/peliculas.html b/gentelella-master/gentelella-master/production/peliculas.html index 0a89558..775b5c8 100644 --- a/gentelella-master/gentelella-master/production/peliculas.html +++ b/gentelella-master/gentelella-master/production/peliculas.html @@ -1,530 +1,698 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> - <!-- Meta, title, CSS, favicons, etc. --> - <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>Peliculas!</title> - - <!-- Bootstrap --> - <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> - <!-- Font Awesome --> - <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"> - </head> - - <body class="nav-md"> - <div class="container body"> - <div class="main_container"> - <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> - </div> - - <div class="clearfix"></div> - - <!-- menu profile quick info --> - <div class="profile clearfix"> - <div class="profile_pic"> - <img src="images/img.jpg" alt="..." class="img-circle profile_img"> - </div> - <div class="profile_info"> - <span>Beinvenido,</span> - <h2>AlphaTech</h2> - </div> - </div> - <!-- /menu profile quick info --> - - <br /> - - <!-- sidebar menu --> - <div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> - <div class="menu_section"> - <h3>General</h3> - <ul class="nav side-menu"> - <li><a><i class="fa fa-home"></i> Majo <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="peliculas.html">Peliculas</a></li> - <li><a href="estadisticaPeliculas.html">Estadísticas</a></li> - </ul> - </li> - <li><a><i class="fa fa-home"></i> Miguel <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="consolas.html">Consolas</a></li> - <li><a href="estadisticas_consolas.html">Estadísticas de Ventas</a></li> - </ul> - </li> - <li><a><i class="fa fa-home"></i> Bruno <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="index.html">Dashboard</a></li> - <li><a href="index2.html">Dashboard2</a></li> - <li><a href="index3.html">Dashboard3</a></li> - </ul> - </li> - <li><a><i class="fa fa-home"></i> Enrique <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="index.html">Dashboard</a></li> - <li><a href="index2.html">Dashboard2</a></li> - <li><a href="index3.html">Dashboard3</a></li> - </ul> - </li> - <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="form.html">General Form</a></li> - <li><a href="form_advanced.html">Advanced Components</a></li> - <li><a href="form_validation.html">Form Validation</a></li> - <li><a href="form_wizards.html">Form Wizard</a></li> - <li><a href="form_upload.html">Form Upload</a></li> - <li><a href="form_buttons.html">Form Buttons</a></li> - </ul> - </li> - <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="general_elements.html">General Elements</a></li> - <li><a href="media_gallery.html">Media Gallery</a></li> - <li><a href="typography.html">Typography</a></li> - <li><a href="icons.html">Icons</a></li> - <li><a href="glyphicons.html">Glyphicons</a></li> - <li><a href="widgets.html">Widgets</a></li> - <li><a href="invoice.html">Invoice</a></li> - <li><a href="inbox.html">Inbox</a></li> - <li><a href="calendar.html">Calendar</a></li> - </ul> - </li> - <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="tables.html">Tables</a></li> - <li><a href="tables_dynamic.html">Table Dynamic</a></li> - </ul> - </li> - <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="chartjs.html">Chart JS</a></li> - <li><a href="chartjs2.html">Chart JS2</a></li> - <li><a href="morisjs.html">Moris JS</a></li> - <li><a href="echarts.html">ECharts</a></li> - <li><a href="other_charts.html">Other Charts</a></li> - </ul> - </li> - <li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="fixed_sidebar.html">Fixed Sidebar</a></li> - <li><a href="fixed_footer.html">Fixed Footer</a></li> - </ul> - </li> - </ul> - </div> - <div class="menu_section"> - <h3>Live On</h3> - <ul class="nav side-menu"> - <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="e_commerce.html">E-commerce</a></li> - <li><a href="projects.html">Projects</a></li> - <li><a href="project_detail.html">Project Detail</a></li> - <li><a href="contacts.html">Contacts</a></li> - <li><a href="profile.html">Profile</a></li> - </ul> - </li> - <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="page_403.html">403 Error</a></li> - <li><a href="page_404.html">404 Error</a></li> - <li><a href="page_500.html">500 Error</a></li> - <li><a href="plain_page.html">Plain Page</a></li> - <li><a href="login.html">Login Page</a></li> - <li><a href="pricing_tables.html">Pricing Tables</a></li> - </ul> - </li> - <li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li><a href="#level1_1">Level One</a> - <li><a>Level One<span class="fa fa-chevron-down"></span></a> - <ul class="nav child_menu"> - <li class="sub_menu"><a href="level2.html">Level Two</a> - </li> - <li><a href="#level2_1">Level Two</a> - </li> - <li><a href="#level2_2">Level Two</a> - </li> - </ul> - </li> - <li><a href="#level1_2">Level One</a> - </li> - </ul> - </li> - <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li> - </ul> - </div> - - </div> - <!-- /sidebar menu --> - - <!-- /menu footer buttons --> - <div class="sidebar-footer hidden-small"> - <a data-toggle="tooltip" data-placement="top" title="Settings"> - <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> - </a> - <a data-toggle="tooltip" data-placement="top" title="FullScreen"> - <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> - </a> - <a data-toggle="tooltip" data-placement="top" title="Lock"> - <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> - </a> - <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html"> - <span class="glyphicon glyphicon-off" aria-hidden="true"></span> - </a> - </div> - <!-- /menu footer buttons --> - </div> - </div> - - <!-- 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> - </a> - </div> - </li> - </ul> - </li> - </ul> - </nav> - </div> - </div> - <!-- /top navigation --> - - <!-- page content --> - <div class="right_col" role="main"> - - - - - <!-- Start to do list --> - <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> - <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> - <div class="x_content"> - - <div class=""> - <ul class="to_do"> - <li> - <p> - <input type="checkbox" class="flat"> Schedule meeting with new client </p> - </li> - <li> - <p> - <input type="checkbox" class="flat"> Create email address for new intern</p> - </li> - <li> - <p> - <input type="checkbox" class="flat"> Have IT fix the network printer</p> - </li> - <li> - <p> - <input type="checkbox" class="flat"> Copy backups to offsite location</p> - </li> - <li> - <p> - <input type="checkbox" class="flat"> Food truck fixie locavors mcsweeney</p> - </li> - <li> - <p> - <input type="checkbox" class="flat"> Food truck fixie locavors mcsweeney</p> - </li> - <li> - <p> - <input type="checkbox" class="flat"> Create email address for new intern</p> - </li> - <li> - <p> - <input type="checkbox" class="flat"> Have IT fix the network printer</p> - </li> - <li> - <p> - <input type="checkbox" class="flat"> Copy backups to offsite location</p> - </li> - </ul> - </div> - </div> - </div> - </div> - <!-- End to do list --> - - <!-- start of weather widget --> - <div class="col-md-6 col-sm-6 "> - <div class="x_panel"> - <div class="x_title"> - <h2>Daily active users <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> - <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> - </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> - </div> - <div class="col-sm-8"> - <div class="weather-text"> - <h2>Texas <br><i>Partly Cloudy Day</i></h2> - </div> - </div> - </div> - <div class="col-sm-12"> - <div class="weather-text pull-right"> - <h3 class="degrees">23</h3> - </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> - </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> - </div> - </div> - - </div> - <!-- end of weather widget --> - </div> - </div> - </div> - </div> - <!-- /page content --> - - <!-- footer content --> - <footer> - <div class="pull-right"> - Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> - </div> - <div class="clearfix"></div> - </footer> - <!-- /footer content --> - </div> - </div> - - <!-- jQuery --> - <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> - <!-- Flot --> - <script src="../vendors/Flot/jquery.flot.js"></script> - <script src="../vendors/Flot/jquery.flot.pie.js"></script> - <script src="../vendors/Flot/jquery.flot.time.js"></script> - <script src="../vendors/Flot/jquery.flot.stack.js"></script> - <script src="../vendors/Flot/jquery.flot.resize.js"></script> - <!-- Flot plugins --> - <script src="../vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script> - <script src="../vendors/flot-spline/js/jquery.flot.spline.min.js"></script> - <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> +<!DOCTYPE html> +<html lang="en"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <!-- Meta, title, CSS, favicons, etc. --> + <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>Peliculas!</title> + + <!-- Bootstrap --> + <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> + <!-- Font Awesome --> + <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"> + </head> + + <body class="nav-md"> + <div class="container body"> + <div class="main_container"> + <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> + </div> + + <div class="clearfix"></div> + + <!-- menu profile quick info --> + <div class="profile clearfix"> + <div class="profile_pic"> + <img src="images/img.jpg" alt="..." class="img-circle profile_img"> + </div> + <div class="profile_info"> + <span>Beinvenido,</span> + <h2>AlphaTech</h2> + </div> + </div> + <!-- /menu profile quick info --> + + <br /> + + <!-- sidebar menu --> + <div id="sidebar-menu" class="main_menu_side hidden-print main_menu"> + <div class="menu_section"> + <h3>General</h3> + <ul class="nav side-menu"> + <li><a><i class="fa fa-home"></i> Majo <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="peliculas.html">Peliculas</a></li> + <li><a href="estadisticaPeliculas.html">Estadísticas</a></li> + </ul> + </li> + <li><a><i class="fa fa-home"></i> Miguel <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="consolas.html">Consolas</a></li> + <li><a href="estadisticas_consolas.html">Estadísticas de Ventas</a></li> + </ul> + </li> + <li><a><i class="fa fa-home"></i> Bruno <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="index.html">Dashboard</a></li> + <li><a href="index2.html">Dashboard2</a></li> + <li><a href="index3.html">Dashboard3</a></li> + </ul> + </li> + <li><a><i class="fa fa-home"></i> Enrique <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="index.html">Dashboard</a></li> + <li><a href="index2.html">Dashboard2</a></li> + <li><a href="index3.html">Dashboard3</a></li> + </ul> + </li> + <li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="form.html">General Form</a></li> + <li><a href="form_advanced.html">Advanced Components</a></li> + <li><a href="form_validation.html">Form Validation</a></li> + <li><a href="form_wizards.html">Form Wizard</a></li> + <li><a href="form_upload.html">Form Upload</a></li> + <li><a href="form_buttons.html">Form Buttons</a></li> + </ul> + </li> + <li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="general_elements.html">General Elements</a></li> + <li><a href="media_gallery.html">Media Gallery</a></li> + <li><a href="typography.html">Typography</a></li> + <li><a href="icons.html">Icons</a></li> + <li><a href="glyphicons.html">Glyphicons</a></li> + <li><a href="widgets.html">Widgets</a></li> + <li><a href="invoice.html">Invoice</a></li> + <li><a href="inbox.html">Inbox</a></li> + <li><a href="calendar.html">Calendar</a></li> + </ul> + </li> + <li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="tables.html">Tables</a></li> + <li><a href="tables_dynamic.html">Table Dynamic</a></li> + </ul> + </li> + <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="chartjs.html">Chart JS</a></li> + <li><a href="chartjs2.html">Chart JS2</a></li> + <li><a href="morisjs.html">Moris JS</a></li> + <li><a href="echarts.html">ECharts</a></li> + <li><a href="other_charts.html">Other Charts</a></li> + </ul> + </li> + <li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="fixed_sidebar.html">Fixed Sidebar</a></li> + <li><a href="fixed_footer.html">Fixed Footer</a></li> + </ul> + </li> + </ul> + </div> + <div class="menu_section"> + <h3>Live On</h3> + <ul class="nav side-menu"> + <li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="e_commerce.html">E-commerce</a></li> + <li><a href="projects.html">Projects</a></li> + <li><a href="project_detail.html">Project Detail</a></li> + <li><a href="contacts.html">Contacts</a></li> + <li><a href="profile.html">Profile</a></li> + </ul> + </li> + <li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="page_403.html">403 Error</a></li> + <li><a href="page_404.html">404 Error</a></li> + <li><a href="page_500.html">500 Error</a></li> + <li><a href="plain_page.html">Plain Page</a></li> + <li><a href="login.html">Login Page</a></li> + <li><a href="pricing_tables.html">Pricing Tables</a></li> + </ul> + </li> + <li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li><a href="#level1_1">Level One</a> + <li><a>Level One<span class="fa fa-chevron-down"></span></a> + <ul class="nav child_menu"> + <li class="sub_menu"><a href="level2.html">Level Two</a> + </li> + <li><a href="#level2_1">Level Two</a> + </li> + <li><a href="#level2_2">Level Two</a> + </li> + </ul> + </li> + <li><a href="#level1_2">Level One</a> + </li> + </ul> + </li> + <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li> + </ul> + </div> + + </div> + <!-- /sidebar menu --> + + <!-- /menu footer buttons --> + <div class="sidebar-footer hidden-small"> + <a data-toggle="tooltip" data-placement="top" title="Settings"> + <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> + </a> + <a data-toggle="tooltip" data-placement="top" title="FullScreen"> + <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span> + </a> + <a data-toggle="tooltip" data-placement="top" title="Lock"> + <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span> + </a> + <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html"> + <span class="glyphicon glyphicon-off" aria-hidden="true"></span> + </a> + </div> + <!-- /menu footer buttons --> + </div> + </div> + + <!-- 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> + </a> + </div> + </li> + </ul> + </li> + </ul> + </nav> + </div> + </div> + <!-- /top navigation --> + + <!-- page content --> + <div class="right_col" role="main"> + + + + + <!-- LISTA DE PELICULAS --> + <div class="col-md-6 col-sm-6 "> + <div class="x_panel"> + <div class="x_title"> + <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><a class="close-link"><i class="fa fa-close"></i></a> + </li> + </ul> + <div class="clearfix"></div> + </div> + <div class="x_content"> + + <div class=""> + <ul class="to_do"> + <li> + <p> Avatar </p> + </li> + <li> + <p> Vengadores: Endgame </p> + </li> + <li> + <p> Avatar: El sentido del agua</p> + </li> + <li> + <p> Titanic </p> + </li> + <li> + <p> Star Wars: El despertar de la fuerza </p> + </li> + <li> + <p> Vengadores: Infinity War </p> + </li> + <li> + <p> Spider-Man: No Way Home </p> + </li> + <li> + <p> Ne Zha 2 </p> + </li> + <li> + <p> Inside Out 2 </p> + </li> + <li> + <p> Jurassic World </p> + </li> + </ul> + </div> + </div> + </div> + </div> + <!-- FIN DE LA LISTA --> + + + <div class="col-md-4"> + <div class="x_panel"> + <div class="x_title"> + <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> + </li> + <li><a class="close-link"><i class="fa fa-close"></i></a> + </li> + </ul> + <div class="clearfix"></div> + </div> + <div class="x_content"> + <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> + </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> + </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> + </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> + </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> + </article> + </div> + </div> + </div> + + + + <!-- /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> + <div class="pull-right"> + Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> + </div> + <div class="clearfix"></div> + </footer> + <!-- /footer content --> + </div> + </div> + + <!-- jQuery --> + <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> + <!-- Flot --> + <script src="../vendors/Flot/jquery.flot.js"></script> + <script src="../vendors/Flot/jquery.flot.pie.js"></script> + <script src="../vendors/Flot/jquery.flot.time.js"></script> + <script src="../vendors/Flot/jquery.flot.stack.js"></script> + <script src="../vendors/Flot/jquery.flot.resize.js"></script> + <!-- Flot plugins --> + <script src="../vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script> + <script src="../vendors/flot-spline/js/jquery.flot.spline.min.js"></script> + <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>