Add files via upload

CodeO-pixel · Jun 5, 2024 · 794b7fd · 794b7fd
commit 794b7fd
Show file tree

Hide file tree

Showing 2 changed files with 80 additions and 0 deletions.
diff --git a/menu.html b/menu.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<link rel="stylesheet" href="styles.css">
+
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="styles.css">
+  <title>Interfaz Atractiva</title>
+</head>
+<body>
+  <nav>
+    <ul>
+      <li><a href="#inicio">Inicio</a></li>
+      <li><a href="#nosotros">Nosotros</a></li>
+      <li><a href="#servicios">Servicios</a></li>
+      <li><a href="#contacto">Contacto</a></li>
+    </ul>
+  </nav>
+
+  <section id="inicio">
+    <h2>¡Bienvenido!</h2>
+    <p>Contenido de la sección "Inicio".</p>
+  </section>
+
+  <section id="nosotros">
+    <h2>Nosotros</h2>
+    <p>Contenido de la sección "Nosotros".</p>
+  </section>
+
+  <section id="servicios">
+    <h2>Servicios</h2>
+    <p>Contenido de la sección "Servicios".</p>
+  </section>
+
+  <section id="contacto">
+    <h2>Contacto</h2>
+    <p>Contenido de la sección "Contacto".</p>
+  </section>
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,39 @@
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+}
+
+nav {
+  background-color: #333;
+  color: #fff;
+  padding: 10px;
+}
+
+nav ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+nav ul li {
+  display: inline;
+  margin-right: 20px;
+}
+
+nav ul li a {
+  text-decoration: none;
+  color: #fff;
+}
+
+section {
+  padding: 50px;
+}
+
+h2 {
+  font-size: 2em;
+}
+
+p {
+  font-size: 1.2em;
+}