Add crearUser, Login, Nosotros sucess

JhonmaSG · Apr 21, 2024 · b3b2aa1 · b3b2aa1
1 parent b8b898f
commit b3b2aa1
Show file tree

Hide file tree

Showing 12 changed files with 199 additions and 49 deletions.
diff --git a/Acceso/Login.php b/Acceso/Login.php
@@ -2,7 +2,8 @@
 <html>
     <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
+              rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
         <title>Alejandria Login</title>
     </head>
     <body style="background: #989898;">
@@ -42,9 +43,11 @@
                             <input type="password" name="clave" class="form-control">
                             <input type="submit" value="Olvide mi contraseña" class="btn btn-link">
                         </div>
-
+                        <br>
                         <input type="submit" value="Login" class="btn btn-primary">
                         <input type="reset" value="Limpiar" class="btn btn-warning">
+                        <input type="submit" value="Atras" class="btn btn-info" >
+
                     </form>
                 </div>
             </div>

diff --git a/Main.php → Carrusel.php b/Main.php → Carrusel.php
@@ -1,10 +1,10 @@
 <html>
     <head>
-        <title>title</title>
+        <title>MainNoUser</title>
     </head>
     <body>
     <center>
-        <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
+        <div id="carouselExampleCaptions" class="carousel slide widthCarrusel" data-bs-ride="carousel">
             <div class="carousel-indicators">
                 <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"></button>
                 <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"></button>
@@ -44,25 +44,7 @@
             </button>
         </div>
         
-        <div class="textInformation">
-            <p><b><h2>Bienvenidos a nuestra biblioteca</h2></b><br><br>
-                La biblioteca es un espacio dedicado a la lectura, el aprendizaje y la creatividad. Aquí, encontrarás una amplia variedad de libros, 
-                revistas y materiales de referencia que te ayudarán a expandir tus conocimientos y a descubrir nuevas ideas.<br>
-                Nuestros fondos incluyen una selección de literatura clásica, obras de ficción contemporánea, libros de no ficción, y una sección 
-                especializada en libros de texto y materiales de estudio. Además, ofrecemos acceso a una amplia gama de recursos digitales, 
-                incluyendo bases de datos académicas, revistas en línea y cursos en línea.<br><br><br><br>
-                
-                En nuestra biblioteca, creemos en el poder de la lectura para inspirar, educar y conectar a las personas. 
-                Ya sea que estés buscando un libro para pasar el tiempo, un libro de texto para un curso, o simplemente quieras explorar nuevas ideas, estamos aquí para ayudarte.
-                Nuestro personal está comprometido con proporcionarte un servicio de alta calidad y hacer que tu experiencia en nuestra biblioteca sea lo más agradable posible.
-                Ofrecemos asesoramiento en la selección de libros, programas de lectura y actividades para niños y adultos.<br><br><br>
-                
-                Si eres nuevo en nuestra biblioteca, te invitamos a visitar nuestra página de inicio para obtener más información sobre nuestros servicios y eventos. 
-                También puedes explorar nuestro catálogo en línea para ver qué libros están disponibles.<br>Gracias por elegir nuestra biblioteca como tu espacio para leer, 
-                aprender y crecer.<br>Esperamos verte pronto.<br><br>
-            </p>
-        </div>
-
     </center>
-</body>
+    
+    </body>
 </html>
diff --git a/CrearCuenta.php b/CrearCuenta.php
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
+              rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+        <title>Alejandria Login</title>
+    </head>
+    <body style="background: #989898;">
+        <div class="container mt-4 col-4">
+            <div class="card col-sm-10">
+                <div class="card-body">
+
+                    <form class="form-sign" action="indexNoUser.php" method="POST">
+                        <div class="form-group text-center">
+                            <h3>Crear cuenta</h3>
+                            <img src="img/logoBiblioteca.png" alt="70" width="170"/>
+
+                            <label style="display: block">Gestos de Biblioteca</label>
+                        </div>
+                        <div class="form-group">
+                            <label>Digite usuario</label>
+                            <input type="text" name="txtuser" class="form-control">
+                        </div>
+                        <div class="form-group">
+                            <label>Digite Contraseña:</label>
+                            <input type="password" name="txtpass" class="form-control">
+                        </div>
+                        <div class="form-group">
+                            <label>Digite Correo:</label>
+                            <input type="email" name="txtuser" class="form-control">
+                        </div>
+                        <div class="form-group">
+                            <label>Digite Dni:</label>
+                            <input type="number" name="txtuser" class="form-control">
+                        </div>
+                        <br>
+                        <input type="submit" name="accion" value="Enviar" class="btn btn-primary">
+                        <input type="reset" name="accion" value="Limpiar" class="btn btn-warning">
+                        <input type="submit" value="Atras" class="btn btn-info" >
+                    </form>
+
+                </div>
+            </div>
+        </div>
+
+        <script src="https://kit.fontawesome.com/9dbadc2946.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" 
+        integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
+    </body>
+</html>
diff --git a/Encabezado.php b/Encabezado.php
@@ -6,23 +6,23 @@
         <title>Encabezado</title>
     </head>
     <body>
-        <nav class="navbar navbar-expand-lg navbar-dark bg-primary" style="border: none; font-size: 20px;">
-            <div class="collapse navbar-collapse" id="navbarNav" style="padding-left: 50px;">
+        <nav class="navbar navbar-expand-lg navbar-dark bg-primary itemsNavEncabezado">
+            <div class="collapse navbar-collapse divNavEncabezado">
 
                 <ul class="navbar-nav">
                     <div class="collapse navbar-collapse">
                         <ul class="navbar-nav ms-sm-5 me-5">
                             <li class="nav-item active ms-sm-5 me-5">
                                 <a class="btn btn-outline-light"
-                                   href="" target="myFrame"><i class="fa-solid fa-house"></i> Inicio</a>
+                                   href="indexNoUser.php" ><i class="fa-solid fa-house"></i> Inicio</a>
                             </li>
                             <li class="nav-item active ms-sm-5 me-5">
                                 <a class="btn btn-outline-light" 
-                                   href="" target="myFrame"><i class="fa-solid fa-book"></i> Buscar Libro</a>
+                                   href="LibrosNoUser.php" ><i class="fa-solid fa-book"></i> Buscar Libro</a>
                             </li>
                             <li class="nav-item active ms-sm-5 me-5">
                                 <a class="btn btn-outline-light" 
-                                   href="" target="myFrame"><i class="fa-solid fa-building"></i> Nosotros</a>
+                                   href="Nosotros.php" ><i class="fa-solid fa-building"></i> Nosotros</a>
                             </li>
                         </ul>
                     </div>
@@ -33,11 +33,11 @@
                 <ul class="navbar-nav">
                     <li class="nav-item active me-5">
                         <a class="btn btn-outline-light" 
-                           href="" target="myFrame"><i class="fa-solid fa-user"></i> Crear Cuenta</a>
+                           href="CrearCuenta.php" ><i class="fa-solid fa-user"></i> Crear Cuenta</a>
                     </li>
                     <li class="nav-item active me-5">
                         <a class="btn btn-outline-light" 
-                           href="" target="myFrame"><i class="fa-solid fa-right-to-bracket"></i> Inicia Sesion</a>
+                           href="./Acceso/Login.php" ><i class="fa-solid fa-right-to-bracket"></i> Inicia Sesion</a>
                     </li>
                 </ul>
             </div>

diff --git a/Inicio.php b/Inicio.php
diff --git a/Lado.php b/Lado.php
diff --git a/LibrosNoUser.php b/LibrosNoUser.php
@@ -0,0 +1,31 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
+              rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+        <link rel="stylesheet" href="estilos.css">
+
+        <title>index</title>
+    </head>
+    <body>
+
+        <header>
+            <?php include('Encabezado.php'); ?>
+        </header>
+
+        <main>
+            <?php include('Carrusel.php'); ?>
+        </main>
+
+        <footer>
+            <?php include('Pie.php'); ?>
+        </footer>
+
+        <script src="https://kit.fontawesome.com/9dbadc2946.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" 
+        integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
+    </body>
+</html>
diff --git a/Nosotros.php b/Nosotros.php
@@ -0,0 +1,49 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
+              rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+        <link rel="stylesheet" href="estilos.css">
+
+        <title>index</title>
+    </head>
+    <body>
+
+        <header>
+            <?php include('Encabezado.php'); ?>
+        </header>
+
+        <main>
+            <?php include('Carrusel.php'); ?>
+            <div class="biblioteca-info">
+                <h2>Biblioteca Alexandria</h2>
+                <p>Biblioteca Alexandria es una institución dedicada a la promoción de la lectura y el aprendizaje.
+                <br>Ofrecemos una amplia variedad de libros, recursos digitales y espacios para el estudio y la investigación.</p>
+
+                <h3><b>Contacto</b></h3>
+                <p><b>Dirección:</b> Calle 123, Ciudad Perdida</p>
+                <p><b>Teléfono:</b> +123 456 7890</p>
+                <p><b>Email:</b> [email protected]</p>
+
+                <h3>Redes Sociales</h3>
+                <p>Síguenos en:</p>
+                <ul>
+                    <li><i class="fa-brands fa-facebook"></i><a href="" target="_blank">  Facebook</a></li>
+                    <li><i class="fa-brands fa-twitter"></i><a href="" target="_blank">  Twitter</a></li>
+                    <li><i class="fa-brands fa-instagram"></i><a href="" target="_blank">  Instagram</a></li>
+                </ul>
+            </div>
+        </main>
+
+        <footer>
+            <?php include('Pie.php'); ?>
+        </footer>
+
+        <script src="https://kit.fontawesome.com/9dbadc2946.js" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" 
+        integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
+    </body>
+</html>
diff --git a/Pie.php b/Pie.php
@@ -2,8 +2,6 @@
     <head>
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 
-              rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
         <title>Pie de Pagina</title>
     </head>
     <body>

diff --git a/estilos.css b/estilos.css
@@ -14,6 +14,16 @@ main{
     min-leight: 100vh;
     flex-wrap: wrap;
 }
+.itemsNavEncabezado{
+    border: none;
+    font-size: 20px;
+}
+.divNavEncabezado{
+    padding-left: 50px;
+}
+.widthCarrusel{
+    width: 1903px;
+}
 .c-item{
     height: 400px;
 }
@@ -22,6 +32,9 @@ main{
     object-fit: cover;
     filter: brightness(0.6);
 }
+.lineCarrusel{
+    width: 100%;
+}
 .textInformation{
     background: #CCC;
     margin: 50px 200px;
@@ -30,6 +43,18 @@ main{
     border: 1px solid;
     border-radius: 10px;
 }
+.biblioteca-info {
+    width: 80%; /* Ajusta el ancho según sea necesario */
+    margin: 0 auto; /* Centra el div en la pantalla */
+    padding: 20px;
+    background-color: #f9f9f9; /* Color de fondo */
+    border-radius: 5px; /* Bordes redondeados */
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra sutil */
+}
+.biblioteca-info ul {
+    list-style-type: none; /* Quita los puntos de la lista */
+    padding-left: 0;
+}
 footer {
     width: 100%;
     height: 50px;

diff --git a/indexNoUser.php b/indexNoUser.php
@@ -15,7 +15,28 @@
         </header>
 
         <main>
-            <?php include('Main.php'); ?>
+            <?php include('Carrusel.php'); ?>
+
+            <div class="textInformation">
+                <center><b><h1>Bienvenidos a nuestra biblioteca</h1></b>
+                    <br>
+                    <p>
+                        La biblioteca es un espacio dedicado a la lectura, el aprendizaje y la creatividad. Aquí, encontrarás una amplia variedad de libros, 
+                        revistas y materiales de referencia que te ayudarán a expandir tus conocimientos y a descubrir nuevas ideas.<br>
+                        Nuestros fondos incluyen una selección de literatura clásica, obras de ficción contemporánea, libros de no ficción, y una sección 
+                        especializada en libros de texto y materiales de estudio.<br>
+
+                        En nuestra biblioteca, creemos en el poder de la lectura para inspirar, educar y conectar a las personas. 
+                        Ya sea que estés buscando un libro para pasar el tiempo, un libro de texto para un curso, o simplemente quieras explorar nuevas ideas, estamos aquí para ayudarte.
+                        Nuestro personal está comprometido con proporcionarte un servicio de alta calidad y hacer que tu experiencia en nuestra biblioteca sea lo más agradable posible.
+                        Ofrecemos asesoramiento en la selección de libros, programas de lectura y actividades para niños y adultos.<br><br><br>
+
+                        Si eres nuevo en nuestra biblioteca, te invitamos a visitar nuestra página de inicio para obtener más información sobre nuestros servicios y eventos. 
+                        También puedes explorar nuestro catálogo en línea para ver qué libros están disponibles.<br>Gracias por elegir nuestra biblioteca como tu espacio para leer, 
+                        aprender y crecer.<br>Esperamos verte pronto.<br><br>
+                    </p>
+                </center>
+            </div>
         </main>
 
         <footer>

diff --git a/nbproject/private/private.properties b/nbproject/private/private.properties
@@ -1,5 +1,7 @@
 browser.id=Chrome
+copy.src.files=false
 copy.src.on.open=false
-index.file=index.php
+copy.src.target=
+index.file=indexNoUser.php
 run.as=LOCAL
 url=http://localhost/BibliotecaAlexandriaPhp/