firt

gablon29 · May 22, 2022 · 4207c63 · 4207c63
1 parent 5e42381
commit 4207c63
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 1 deletion.
diff --git a/MenuProj/menu.css b/MenuProj/menu.css
@@ -0,0 +1,35 @@
+@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');
+*
+{
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Oswald' , sans-serif;
+}
+body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-height: 100vh;
+}
+ul {
+ position: relative;
+ transform: skewY(-15deg);
+}
+ul li 
+{
+ position: relative;
+ list-style: none;
+ width: 200px;
+ background: #393f46;
+ padding: 15px;
+}
+ul li a 
+{
+ text-decoration: none;
+ color: #999;
+ display: block;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ transition: 0.5s;
+}
diff --git a/MenuProj/menu.html b/MenuProj/menu.html
@@ -8,6 +8,13 @@
  <link rel="stylesheet" href="/MenuProj/menu.css">
 </head>
 <body>
-
+ <ul>
+ <li><a href="#">Home</a></li>
+ <li><a href="#">About</a></li>
+ <li><a href="#">Service</a></li>
+ <li><a href="#">Portafolio</a></li>
+ <li><a href="#">Our Team</a></li>
+ <li><a href="#">Contact</a></li>
+ </ul>
 </body>
 </html>