Login page structure and style
First version with select instead of autocomplete.
diff --git a/css/basic.css b/css/basic.css
new file mode 100644
index 0000000..4a80ca8
--- /dev/null
+++ b/css/basic.css
@@ -0,0 +1,20 @@
+body {
+ font-size: 24px;
+ font-family: Helvetica;
+ line-height: 1em;
+
+ background-image: url('https://images.unsplash.com/photo-1428196457394-f0c4aec5f574?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80');
+ background-size: cover;
+}
+
+#outter-container {
+ position: absolute;
+ top: 20%;
+ margin: 5%;
+ width: 80%;
+}
+
+#inner-container {
+ background-color: rgba(255,255,255, 0.8);
+ padding: 5%;
+}
\ No newline at end of file
diff --git a/css/login.css b/css/login.css
new file mode 100644
index 0000000..94937f7
--- /dev/null
+++ b/css/login.css
@@ -0,0 +1,11 @@
+select {
+ font-size: 24px;
+ height: 2em;
+ width: 80%;
+}
+
+input[type="submit"] {
+ font-size: 24px;
+ height: 2em;
+ width: 17%;
+}
\ No newline at end of file
diff --git a/login.html b/login.html
new file mode 100644
index 0000000..4d44fec
--- /dev/null
+++ b/login.html
@@ -0,0 +1,25 @@
+<html>
+ <head>
+ <title>Pàgina de benvinguda</title>
+ <link rel="stylesheet" href="./css/basic.css" />
+ <link rel="stylesheet" href="./css/login.css" />
+ </head>
+ <body>
+ <div id="outter-container">
+ <div id="inner-container">
+ <h1>Selecciona el teu nom</h1>
+ <h3>Per entrar al joc de la Pastanaga Assessina</h3>
+ <form action="login.php" method="GET">
+ <select>
+ <option>Oriol Toll</option>
+ <option>Carlota Corrales</option>
+ <option>Jordi Condom</option>
+ <option>David Ariza</option>
+ <option>Martina Colás</option>
+ </select>
+ <input type="submit" value="Entrar" />
+ </form>
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file