diff --git a/01.index.php b/01.index.php
new file mode 100644
index 0000000..05b3581
--- /dev/null
+++ b/01.index.php
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <!-- CSS only -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
+    <link rel="stylesheet" href="./assets/css/signin.css">
+</head>
+
+<body class="text-center">
+
+    <main class="form-signin w-100 m-auto">
+
+        <form method="post" action="./validate.php">
+            <img class="mb-4" src="guitarrista.jpeg" alt="" width="100" height="150">
+            <h1 class="h3 mb-3 fw-normal">Sign in 🤘</h1>
+            <?php if (isset($_GET["msg"]) && $_GET["msg"] === "errorLogin") { ?>
+                <div class="mt-2 mb-1 alert alert-danger alert-dismissible fade show" role="alert">
+                  Username And/Or Password Is Incorrect 
+                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                </div>
+            <?php } ?>
+
+            <div class="form-floating">
+                <input type="text" name="userName" class="form-control" placeholder="User">
+                <label for="floatingInput">Rocker</label>
+            </div>
+            <div class="form-floating">
+                <input type="password" name="pwd" class="form-control" placeholder="Password">
+                <label for="floatingPassword">Password</label>
+            </div>
+
+            <input class="w-100 btn btn-lg btn-primary" type="submit" value="Login">
+
+
+            <p class="mt-2 mb-1 text-muted">&copy; 2022</p>
+
+        </form>
+    </main>
+
+    <!-- JavaScript Bundle with Popper -->
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/02.phpinfo.php b/02.phpinfo.php
new file mode 100644
index 0000000..bfd863b
--- /dev/null
+++ b/02.phpinfo.php
@@ -0,0 +1,2 @@
+<?php
+phpinfo();
\ No newline at end of file
diff --git a/assets/css/signin.css b/assets/css/signin.css
new file mode 100644
index 0000000..098d6d1
--- /dev/null
+++ b/assets/css/signin.css
@@ -0,0 +1,43 @@
+html,
+body {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  align-items: center;
+  padding-top: 40px;
+  padding-bottom: 40px;
+  background-image: url("../../fire.jpeg") 
+  
+
+}
+h1{
+    color: #0d6efd;
+}
+
+.form-signin {
+  max-width: 330px;
+  padding: 15px;
+}
+
+.form-signin .form-floating:focus-within {
+  z-index: 2;
+}
+
+.form-signin input[type="text"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+img{
+    opacity: 0.75;
+    border-radius: 50%;
+}
\ No newline at end of file
diff --git a/assets/css/styles.css b/assets/css/styles.css
new file mode 100644
index 0000000..d5eb0fa
--- /dev/null
+++ b/assets/css/styles.css
@@ -0,0 +1,12 @@
+body {
+    background-image: url("../../metal.jpeg");
+    color: white;
+  
+  
+    
+  }
+
+h2{
+    text-align: center;
+    color:  #0d6efd;
+}
diff --git a/assets/img/guitar.jpeg b/assets/img/guitar.jpeg
new file mode 100644
index 0000000..4641b8f
Binary files /dev/null and b/assets/img/guitar.jpeg differ
diff --git a/assets/img/guitarrista.jpeg b/assets/img/guitarrista.jpeg
new file mode 100644
index 0000000..a564aea
Binary files /dev/null and b/assets/img/guitarrista.jpeg differ
diff --git a/close_session.php b/close_session.php
new file mode 100644
index 0000000..efab10e
--- /dev/null
+++ b/close_session.php
@@ -0,0 +1,4 @@
+<?php
+session_start();
+session_destroy();
+header("Location: 01.index.php");
\ No newline at end of file
diff --git a/fire.jpeg b/fire.jpeg
new file mode 100644
index 0000000..fe51ca2
Binary files /dev/null and b/fire.jpeg differ
diff --git a/guitarrista.jpeg b/guitarrista.jpeg
new file mode 100644
index 0000000..a564aea
Binary files /dev/null and b/guitarrista.jpeg differ
diff --git a/metal.jpeg b/metal.jpeg
new file mode 100644
index 0000000..e82fcd8
Binary files /dev/null and b/metal.jpeg differ
diff --git a/panel.php b/panel.php
new file mode 100644
index 0000000..257a5d0
--- /dev/null
+++ b/panel.php
@@ -0,0 +1,53 @@
+<?php
+  session_start();
+?>
+
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="assets/css/styles.css">
+</head>
+<body>
+    <?php
+    if(isset($_SESSION["userName"])){
+        echo $_SESSION["userName"];
+    }else{
+        header("Location: 01.index.php");
+    };
+ 
+    ?>
+    
+  
+        <a href="close_session.php">Sign off</a>
+
+   
+
+      <!-- Main (Welcome y News)->
+
+<!-Welcome section. Contenido: cabecera, separación y texto-->
+<main>
+  <div class="main-wrapper">
+    <section class="welcome">
+      <h2>Welcome Section</h2>
+      <p>Lorem ipsum dolor sit amet consectetur adipiscing elit pharetra himenaeos, massa ridiculus inceptos lobortis facilisis orci venenatis sem, habitasse urna tristique arcu senectus turpis sed accumsan. Scelerisque habitant urna facilisis gravida fermentum porttitor potenti cras, molestie vehicula maecenas vivamus faucibus vitae nascetur augue donec, congue et taciti vestibulum lacinia curabitur sagittis. Integer accumsan metus sociosqu iaculis eu eget semper enim lacinia, ut sociis dictum lectus cubilia montes malesuada platea ligula quam, egestas neque non vehicula sapien est luctus dignissim.</p>
+      <p>Accumsan risus tellus felis ut vitae velit bibendum sapien lectus orci tristique, ligula vulputate quam imperdiet quisque placerat nulla tempus eleifend a. Enim libero suscipit tincidunt imperdiet nascetur urna molestie interdum porta sodales fermentum eget luctus, parturient quis nibh primis viverra at neque conubia platea senectus dis montes, duis maecenas pellentesque sapien inceptos potenti etiam semper fringilla velit phasellus fames. Dictumst purus tellus in nascetur urna nisi mollis ad eu felis, senectus quisque integer diam enim ligula per nibh ante sociis, vulputate penatibus phasellus sollicitudin ultricies lectus pharetra cras etiam.</p>
+    </section>
+
+<h2>Videos</h2>
+<div class="videos" style="text-align:center;">
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/46qjDJ0lLdE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/Z5NoQg8LdDk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/uT0Kgb16Ags" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/LdAHctXARlY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/server_variables.php b/server_variables.php
new file mode 100644
index 0000000..7fe712d
--- /dev/null
+++ b/server_variables.php
@@ -0,0 +1,9 @@
+<?php
+
+session_start();
+
+$_SESSION['browser'] = $_SERVER['HTTP_USER_AGENT'];
+$_SESSION['ip'] = $_SERVER['REMOTE_ADDR'];
+$_SESSION['time'] = time();
+echo '<pre>';
+print_r($_SESSION);
\ No newline at end of file
diff --git a/validate.php b/validate.php
new file mode 100644
index 0000000..5f4da4a
--- /dev/null
+++ b/validate.php
@@ -0,0 +1,17 @@
+<?php
+ session_start();
+
+
+
+$myUser = "Mike";
+
+$myPwd = "123";
+
+if($_POST["userName"] == $myUser && $_POST["pwd"] == $myPwd){
+   
+    $_SESSION["userName"] = $_POST["userName"];
+ 
+    header("Location: panel.php");
+} else {
+    header("Location: 01.index.php");
+}
\ No newline at end of file
