From ca1d16b072c63d3e9beb76a7842954315d957816 Mon Sep 17 00:00:00 2001
From: Pablo Martin <pablo.martin.benito@estudiantes.uva.es>
Date: Tue, 3 Dec 2024 19:22:02 +0100
Subject: [PATCH] port -> home
---
practica.css | 83 +++++++++++++++++++++++++++++++++++++++++++++++++++
practica.html | 28 +++++++++++++++--
2 files changed, 109 insertions(+), 2 deletions(-)
diff --git a/practica.css b/practica.css
index e69de29..8a65dc9 100644
--- a/practica.css
+++ b/practica.css
@@ -0,0 +1,83 @@
+body {
+ margin: 0;
+ padding: 0;
+ font-family: "Bebas Neue", serif;;
+}
+
+.bebas-neue-regular {
+ font-family: "Bebas Neue", serif;
+ font-weight: 400;
+ font-style: normal;
+ }
+
+.header{
+ font-family: "Bebas Neue";
+ text-align: center;
+ background-color: #38003C;
+ margin-bottom: 0px;
+ height: 220px;
+ }
+
+h1 {
+ color: white;
+ font-size: 100px;
+ margin-bottom: 10px;
+ margin-top: 0;
+ padding-top: 20px;
+}
+
+h4 {
+ color: #00FF85;
+ font-size: 25px;
+ margin-top: 10px;
+ padding-bottom: 30px;
+}
+
+h3 {
+ color: #00FF85;
+ font-size: 50px;
+ margin-top: 20px;
+ margin-bottom: 10px;
+ padding-left: 30px;
+}
+
+.sideNav {
+ border-top: solid 3px grey;
+ border-right: solid 5px #00FF85;
+ border-bottom: solid 5px #00FF85;
+ border-bottom-right-radius: 30px;
+ background-color: #38003C;
+ padding-top: 30px;
+ padding-bottom: 30px;
+ width: 300px;
+ height: 93%;
+
+}
+
+.navButton {
+ display: block;
+ padding: 10px 20px;
+ color: white;
+ background-color: #38003C;
+ border: none;
+ text-align: center;
+ width: 100%;
+ font-size: 25px;
+ cursor: pointer;
+ font-family: "Bebas Neue";
+}
+
+.navButton:hover {
+ background-color: #00FF85;
+}
+.content {
+ display: flex;
+ height: 900px;
+ margin-top: 0;
+}
+
+.mainContent{
+ width: 100%;
+ height: 100%;
+}
+
diff --git a/practica.html b/practica.html
index 1094675..d1f1c43 100644
--- a/practica.html
+++ b/practica.html
@@ -3,10 +3,34 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
-
+ <title>Reparto Puntos PremierLeague</title>
+ <!-- CSS -->
+ <link rel="stylesheet" href="practica.css">
+ <!-- JavaScript -->
+ <script src="practica.js"></script>
+ <!-- fuente bebas neue -->
+ <link rel="preconnect" href="https://fonts.googleapis.com">
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
+
</head>
<body>
+ <div class="header">
+ <h1>Clasificaciones premier league</h1>
+ <h4>PABLO MARTÃN DE BENITO</h4>
+ </div>
+
+ <div class="content">
+ <div class="sideNav">
+ <h3>Menu</h4>
+ <button class="navButton">Clasificacion</button>
+ <button class="navButton">Equipo</button>
+ </div>
+ <div class="mainContent">
+ <!-- contenido -->
+ </div>
+ </div>
+
</body>
</html>
\ No newline at end of file
--
GitLab