From 81971da110f69dd967eb9f08386eff125a95c4c7 Mon Sep 17 00:00:00 2001
From: Alfa-J <alfa-J@gmail.com>
Date: Wed, 9 Oct 2019 03:29:05 -0300
Subject: [PATCH] agrege buscar.jsp + imagen
---
UyTube_web/web/Buscar.jsp | 183 ++++++++++++++++++++++++++++++
UyTube_web/web/imagenes/lista.jpg | Bin 0 -> 4986 bytes
2 files changed, 183 insertions(+)
create mode 100644 UyTube_web/web/Buscar.jsp
create mode 100644 UyTube_web/web/imagenes/lista.jpg
diff --git a/UyTube_web/web/Buscar.jsp b/UyTube_web/web/Buscar.jsp
new file mode 100644
index 0000000..124f34c
--- /dev/null
+++ b/UyTube_web/web/Buscar.jsp
@@ -0,0 +1,183 @@
+<%--
+ Document : ConsultaUsuario
+ Created on : 07/10/2019, 01:25:13 AM
+ Author : administrador
+--%>
+
+<%@page contentType="text/html" pageEncoding="UTF-8"%>
+
+<!DOCTYPE html>
+<html lang="es">
+ <head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
+ <link rel="stylesheet" type="text/css" href="css/body.css">
+ <link rel="stylesheet" type="text/css" href="css/header.css">
+ <link rel="stylesheet" type="text/css" href="css/menu.css">
+ <link rel="stylesheet" type="text/css" href="css/widget.css">
+ <link rel="stylesheet" type="text/css" href="css/footer.css">
+ <link rel="stylesheet" type="text/css" href="css/contenido-consulta-usuario.css">
+ <link rel="stylesheet" type="text/css" href="iconos/style.css">
+ <link rel="icon" type="image/png" href="imagenes/icono.png" />
+ <title>UyTube</title>
+ </head>
+ <body>
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-12">
+ <header class="header">
+ <nav>
+ <div class="navbar-dark item-header item-header1" id="navLogo">
+ <label class="icon-menu1"></label>
+ <img class="fotoLogo" src="imagenes/logoChico.jpeg" alt="UyTube">
+ </div>
+ <div class="navbar-dark item-header item-header2">
+ <div id="navbarSupportedContent">
+ <form class="form-inline my-2 my-lg-0 formBuscar" id="formBuscar">
+ <input class=" mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+ <button class="btn btn-primary" id="btnBuscar" type="submit">Buscar</button>
+ </form>
+ </div>
+ </div>
+ <div class="perfil item-header item-header3">
+ <!--<div class="flex-row justify-content-lg-space-between alig-content-center m-1">
+ <p class="pr-2 pt-4" id="nombrePerfil">Homero Simpson</p>
+ </div>
+ <div>
+ <img id="fotoPerfil" src="imagenes/homero.jpg" alt="Perfil">
+ </div> -->
+ <button type="button" id="iniciar-sesion" class="btn btn-outline-primary"><span class="icon-user-tie"></span> INICIAR SESIÓN</button>
+ </div>
+ </nav>
+ </header>
+ </div>
+ </div>
+ </div>
+
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-12">
+ <div class="relleno-header"></div>
+ </div>
+ </div>
+ </div>
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-12">
+ <section class="principal">
+ <%@ include file='include/menu-usuario.html' %>
+
+ <div class="contenido">
+ <section class="contenido-flexible">
+ <div class="container">
+
+
+ <!-- BOTONES DESPLEGABLES-->
+
+ <div class="d-flex bd-highlight ">
+ <div class="p-2 bd-highlight ">
+ <h4>Tipo de contenido</h4>
+ </div>
+ <div class="p-1 bd-highlight ">
+ <div class="btn-group">
+ <button type="button" class="btn btn-primary mr-5 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ Seleccionar
+ </button>
+ <div class="dropdown-menu">
+ <a class="dropdown-item" href="#">TODO</a>
+ <div class="dropdown-divider"></div>
+ <a class="dropdown-item" href="#">CANALES</a>
+ <a class="dropdown-item" href="#">VIDEO</a>
+ <a class="dropdown-item" href="#">LISTAS</a>
+ </div>
+ </div>
+ </div>
+
+ <div class="p-2 bd-highlight ">
+ <h4>Oredenado por</h4>
+ </div>
+ <div class="p-1 bd-highlight ">
+ <div class="btn-group">
+ <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+ Seleccionar
+ </button>
+ <div class="dropdown-menu">
+ <a class="dropdown-item" href="#">ALFABETO</a>
+ <a class="dropdown-item" href="#">FECHA</a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!--FIN DE LOS BOTONES-->
+
+ <hr class="mb-2">
+
+ <!--LISTA DE CONTENIDO-->
+
+ <div class="tab-pane fade show active" id="videos" role="tabpanel" aria-labelledby="nav-VIDEO-tab">
+
+ <br><div class="Elemento_Lista d-flex bd-highlight ">
+ <div class="p-1 flex-shrink-1 bd-highlight ">
+ <div class="p-1 bd-highlight ">
+ <img src="imagenes/lista.jpg" alt="lista" width="300" height="160">
+ </div>
+ </div>
+ <div class="p-1 flex-shrink-1 bd-highlight ">
+ <div class="overflow-auto p-1 mb-3 mb-md-0 mr-md-3 bg-light" style="max-width: 530px; max-height: 170px;">
+ <h5 class="mt-0">Titulo de la Lista</h5>
+ <p>Descripcion de la lista: EMI Music Publishing, Warner Chappell, UNIAO BRASILEIRA DE EDITORAS DE MUSICA - UBEM, LatinAutor, ASCAP, LatinAutor - SonyATV y 4 sociedades de derechos musicales</p>
+ </div>
+ </div>
+ </div><br>
+
+ <div class="Elemento_Video d-flex bd-highlight ">
+ <div class="p-1 flex-shrink-1 bd-highlight ">
+ <div class="p-1 bd-highlight ">
+ <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/9Ni-Eea8n48" allowfullscreen></iframe>
+ </div>
+ </div>
+ <div class="p-1 flex-shrink-1 bd-highlight ">
+ <div class="overflow-auto p-1 mb-3 mb-md-0 mr-md-3 bg-light" style="max-width: 530px; max-height: 170px;">
+ <h5 class="mt-0">Titulo del video</h5>
+ <p>Descripcion del video: EMI Music Publishing, Warner Chappell, UNIAO BRASILEIRA DE EDITORAS DE MUSICA - UBEM, LatinAutor, ASCAP, LatinAutor - SonyATV y 4 sociedades de derechos musicales</p>
+ </div>
+ </div>
+ </div><br>
+
+ <div class="Elemento_Canal d-flex bd-highlight ">
+ <div class="p-1 flex-shrink-1 bd-highlight ">
+ <div class="p-1 bd-highlight ">
+ <img src="imagenes/mestruli.jpg" class="align-self-center rounded-circle" alt="Cinque Terre" width="180" height="180">
+ </div>
+ </div>
+ <div class="p-1 flex-shrink-1 bd-highlight ">
+ <div class="overflow-auto p-1 mb-3 mb-md-0 mr-md-3 bg-light" style="max-width: 530px; max-height: 170px;">
+ <h5 class="mt-0">Nombre del canal</h5>
+ <p>Descripcion del canal: EMI Music Publishing, Warner Chappell, UNIAO BRASILEIRA DE EDITORAS DE MUSICA - UBEM, LatinAutor, ASCAP, LatinAutor - SonyATV y 4 sociedades de derechos musicales</p>
+ </div>
+ </div>
+ </div><br>
+ </div>
+
+ <!--FIN de LISTA DE CONTENIDO-->
+
+ </div>
+ </section>
+ </div>
+ </section>
+ </div>
+ </div>
+ </div>
+
+ <%@ include file='include/widgets.html' %>
+ <%@ include file='include/footer.html' %>
+
+ <script src="js/jquery-3.4.1.min.js"></script>
+ <script src="js/bootstrap.bundle.min.js"></script>
+ <script src="js/bootstrap.min.js"></script>
+ <script src="js/funciones.js"></script>
+ </body>
+</html>
\ No newline at end of file
diff --git a/UyTube_web/web/imagenes/lista.jpg b/UyTube_web/web/imagenes/lista.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..df86bc21dd1110452ac0b59ca5ed1d06c8aa339e
GIT binary patch
literal 4986
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
literal 0
HcmV?d00001
--
GitLab