ironhack-labs · JSanchez38 · Feb 3, 2024 · Feb 3, 2024 · Feb 5, 2024 · Feb 8, 2024
diff --git a/app.js b/app.js
@@ -0,0 +1,22 @@
+const express = require("express")
+
+const app = express()
+
+app.use(express.static("public"))
+
+app.get("/", (req, res) => {
+    res.sendFile(__dirname + "/views/home.html")
+})
+
+app.get("/about-us", (req, res) => {
+    res.sendFile(__dirname + "/views/about.html")
+})
+
+app.get("/work", (req, res) => {
+    res.sendFile(__dirname + "/views/work.html")
+})
+
+
+app.listen(3000, () => {
+    console.log("Ready!")
+})
diff --git a/package.json b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "lab-express-basic-site",
+  "version": "1.0.0",
+  "description": "![logo_ironhack_blue 7](https://user-images.githubusercontent.com/23629340/40541063-a07a0a8a-601a-11e8-91b5-2f13e4e6b441.png)",
+  "main": "app.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "express": "^4.18.2"
+  }
+}
diff --git a/public/FooFighters.jpg b/public/FooFighters.jpg
diff --git a/public/css/main.css b/public/css/main.css
@@ -0,0 +1,53 @@
+.wrap {
+    overflow: hidden;
+    position: relative;
+
+}
+
+.background {
+    opacity: 0.4;
+    position: absolute;
+    width: 90%;
+    height: auto;
+
+}
+
+.content {
+    display: flex;
+    flex-flow: column;
+    position: relative;
+    align-items: center;
+}
+
+.content img {
+    width: 500px;
+    margin: 20px;
+
+}
+
+a {
+    color:black;
+    font-size: x-large;
+}
+
+body {
+    color: black;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+section {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+p {
+    text-align: center;
+    margin-left: 200px;
+    margin-right: 200px;
+    margin-top: 50px;
+    font-size: x-large;
+
+}
diff --git a/public/dg-nirvana.jpg b/public/dg-nirvana.jpg
diff --git a/public/dg.jpg b/public/dg.jpg
diff --git a/public/nirvana.jpg b/public/nirvana.jpg
diff --git a/public/wembley.jpg b/public/wembley.jpg
diff --git a/views/about.html b/views/about.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title> About Page </title>
+    <link rel="stylesheet" href="/css/main.css" />
+</head>
+<body class="wrap">
+
+    <img class="background" src="/wembley.jpg">
+
+    <div class="content">
+        <a href="/">Back Home</a>
+
+        <section>
+
+        <p> David Eric Grohl (Warren, Ohio, 14 de enero de 1969) es un músico multiinstrumentista estadounidense de rock. 
+            Saltó a la fama a comienzos de los años 1990 como batería de la icónica banda de grunge Nirvana. 
+            En 1994, tras la muerte de Cobain y el fin de Nirvana, formó otra banda, Foo Fighters, siendo él en un principio el único miembro y más tarde el vocalista, guitarrista y compositor.
+        </p>
+
+        <p> Grohl empezó su carrera musical en los años 1980 como batería para varias bandas de Washington D. C., de las cuales la más destacada fue Scream. 
+            Más tarde se instaló como batería de Nirvana. En 2004 editó un disco bajo el nombre de Probot, en el cual colaboraban sus cantantes de heavy metal favoritos. 
+            También ha destacado siendo uno de los miembros principales de Queens of the Stone Age, Garbage, Tenacious D, Killing Joke y Juliette and the Licks.
+
+            La revista Rolling Stone lo situó en el puesto n.° 27 en su lista de los «100 mejores baterías de todos los tiempos».
+
+            Actualmente reside en Encino (California) en donde convive con su esposa Jordyn Blum y sus hijas.
+        </p>
+
+
+
+        <img src="/FooFighters.jpg">
+
+        </section>
+    </div>
+</body>
+</html>
diff --git a/views/galery.html b/views/galery.html
diff --git a/views/home.html b/views/home.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Home</title>
+    <link rel="stylesheet" href="/css/main.css" />
+</head>
+<body class="wrap">
+
+    <img class="background" src="/wembley.jpg">
+
+    <div class="content">
+        <h1> DAVE GROHL </h1>
+        <h2> Bienvenido </h2>
+
+        <img src="/dg.jpg">
+
+        <a href="/about-us">Go to About</a>
+        <a href="/work">Go to Work</a>
+    </div>
+
+</body>
+</html>
diff --git a/views/work.html b/views/work.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="/css/main.css" />
+</head>
+<body class="wrap">
+
+    <img class="background" src="/wembley.jpg">
+
+    <div class="content">
+
+        <img src="/nirvana.jpg">
+        <img src="/dg-nirvana.jpg">
+
+
+    <a href="/">Back Home</a>
+
+    </div>
+</body>
+</html>