new header and new footer

2026-03-09 15:59:19 -05:00
parent f5a7b9aedc
commit 3cab806288
8 changed files with 180 additions and 94 deletions
@@ -0,0 +1,56 @@
+.footer {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  padding: 10px;
+  background-color: #003e79;
+  z-index: 0;
+  overflow: hidden;
+}
+
+.footer p {
+  color: white;
+  max-width: 900px;
+  z-index: 2;
+  font-size: 14px;
+  margin-bottom: 0;
+}
+
+.yellowPart {
+  position: absolute;
+  content: "";
+  top: 0;
+  left: -50px;
+  width: 20%;
+  height: 100%;
+  min-width: 300px;
+  background: linear-gradient(to left, #003e79, #bd8c01);
+  transform: skew(45deg);
+  z-index: 1;
+}
+
+.yellowPartOpuest {
+  position: absolute;
+  content: "";
+  top: 0;
+  right: -50px;
+  width: 20%;
+  height: 100%;
+  min-width: 300px;
+  background: linear-gradient(to right, #003d79, #bd8c01);
+  transform: skew(-45deg);
+  z-index: 1;
+}
+
+@media (max-width: 800px) {
+  .yellowPart {
+    width: 5%;
+    left: -150px;
+  }
+
+  .yellowPartOpuest {
+    width: 5%;
+    right: -150px;
+  }
+}