diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..6191d70
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,135 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  color: #c9dff6;
+}
+
+.container-login {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  flex-direction: row;
+}
+
+.img-login {
+  width: 50vw;
+  background-image: url("../img/esma-Phaz7JBtSWE-unsplash.jpg");
+  background-size: cover;
+}
+
+.container-form-login {
+  width: 50vw;
+  height: 100vh;
+  background-color: #476972;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.form-login {
+  width: 35vw;
+  height: 85vh;
+  padding: 5em;
+
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-around;
+}
+
+.form-login h2 {
+  margin-bottom: 1.5em;
+}
+
+.form-login input {
+  background-color: #476972;
+  height: 3em;
+  width: 20em;
+  border-color: #c9dff6;
+  font-size: 1em;
+  padding: 1em;
+}
+
+input:focus {
+  background-color: #c9dff6;
+  color: #242829;
+  outline: none;
+}
+
+input:-webkit-autofill {
+  -webkit-text-fill-color: #c9dff6;
+  -webkit-box-shadow: 0 0 0px 1000px #476972 inset;
+}
+
+.form-login label {
+  color: #c9dff6;
+  font-size: 1em;
+}
+
+button {
+  height: 3em;
+  width: 20em;
+  margin-top: 2em;
+  background-color: #c9dff6;
+  border-color: #c9dff6;
+  color: #242829;
+  font-size: 1em;
+  cursor: pointer;
+}
+
+.body-panel-page {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #476972;
+}
+
+.body-panel-page h2 {
+  font-size: 50px;
+  margin-bottom: 1em;
+}
+
+.body-panel-page div {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-image: url("../img/esma-Phaz7JBtSWE-unsplash.jpg");
+  background-size: cover;
+}
+
+.body-panel-page div h2 {
+  color: #242829;
+  text-shadow: 1px 1px 1px #476972;
+}
+
+.body-panel-page div button {
+  background-color: #242829;
+  color: #8f9ead;
+  border-color: #242829;
+}
+
+.error-invalid-user {
+  width: 90vw;
+  height: 4.5em;
+  top: 10px;
+  position: fixed;
+  background-color: #c9dff6af;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.error-invalid-user h3 {
+  color: #242829;
+  font-size: 45px;
+}
diff --git a/assets/img/esma-Phaz7JBtSWE-unsplash.jpg b/assets/img/esma-Phaz7JBtSWE-unsplash.jpg
new file mode 100644
index 0000000..035f908
Binary files /dev/null and b/assets/img/esma-Phaz7JBtSWE-unsplash.jpg differ
diff --git a/close_session.php b/close_session.php
new file mode 100644
index 0000000..b277c97
--- /dev/null
+++ b/close_session.php
@@ -0,0 +1,19 @@
+<?php
+session_start();
+
+if (ini_get("session.use_cookies")) {
+    $params = session_get_cookie_params();
+    setcookie(
+        session_name(),
+        '',
+        time() - 42000,
+        $params["path"],
+        $params["domain"],
+        $params["secure"],
+        $params["httponly"]
+    );
+}
+
+session_destroy();
+
+header("Location: index.php");
diff --git a/exercises/info.php b/exercises/info.php
new file mode 100644
index 0000000..61ace19
--- /dev/null
+++ b/exercises/info.php
@@ -0,0 +1,2 @@
+<?php
+phpinfo();
diff --git a/exercises/server_variables.php b/exercises/server_variables.php
new file mode 100644
index 0000000..72d2c8d
--- /dev/null
+++ b/exercises/server_variables.php
@@ -0,0 +1,5 @@
+<?php
+
+echo '<pre>';
+print_r($_SERVER);;
+echo '</pre>';
diff --git a/exercises/session_variables.php b/exercises/session_variables.php
new file mode 100644
index 0000000..9962fec
--- /dev/null
+++ b/exercises/session_variables.php
@@ -0,0 +1,12 @@
+<?php
+session_start();
+
+$_SESSION['browser'] = $_SERVER['HTTP_USER_AGENT'];
+$_SESSION['ip'] = $_SERVER['REMOTE_ADDR'];
+$_SESSION['time'] = time();
+
+echo '<pre>';
+print_r($_SESSION);
+echo '</pre>';
+
+echo php_ini_loaded_file();
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..ec7331f
--- /dev/null
+++ b/index.php
@@ -0,0 +1,43 @@
+<!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>Login Page</title>
+    <link rel="stylesheet" href="assets/css/style.css">
+</head>
+
+<body>
+    <?php
+    session_start();
+
+    if (count($_SESSION)) {
+        header("Location: panel.php");
+    } else if (isset($_GET["error"])) {
+        echo "<div class='error-invalid-user'><h3>Enter a valid email and password!</h3></div>";
+    }
+
+    ?>
+    <div class="container-login">
+        <div class="img-login"></div>
+        <div class="container-form-login">
+            <form class="form-login" action="validate.php" method="POST">
+
+                <h2>Login</h2>
+
+                <label for="email">Email:</label>
+                <input type="email" name="email" id="email">
+
+                <label for="password">Pasword:</label>
+                <input type="password" name="password" id="password">
+
+                <button type="submit">Submit</button>
+
+            </form>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/panel.php b/panel.php
new file mode 100644
index 0000000..834864b
--- /dev/null
+++ b/panel.php
@@ -0,0 +1,34 @@
+<!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>User Page</title>
+    <link rel="stylesheet" href="assets/css/style.css">
+</head>
+
+<body class="body-panel-page">
+
+    <?php
+    session_start();
+
+    if (isset($_SESSION['email'])) {
+        echo "<h2>Welcome, " . $_SESSION['email'] . "!</h2>";
+        echo "<form action='close_session.php' method='POST'>";
+        echo "<button type='submit'>Logout</button>";
+        echo "</form>";
+    } else {
+        echo "<div>";
+        echo "<h2>It is a private section...</h2>";
+        echo "<form action='close_session.php' method='POST'>";
+        echo "<button type='submit'>Return</button>";
+        echo "</form>";
+        echo "</div>";
+    }
+    ?>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/validate.php b/validate.php
new file mode 100644
index 0000000..fabf6f7
--- /dev/null
+++ b/validate.php
@@ -0,0 +1,18 @@
+<?php
+
+session_start();
+
+$email = "imarti.teixido@gmail.com";
+$password = "12345";
+
+
+
+if ($_POST['email'] === $email && $_POST['password'] === $password) {
+    if (!count($_SESSION)) {
+        $_SESSION['email'] = $_POST['email'];
+        $_SESSION['password'] = $_POST['password'];
+    }
+    header("Location: panel.php");
+} else {
+    header("Location: index.php?error=invalidUserPassword");
+}