first commit

2024-01-11 18:24:41 -06:00
commit 4c1fb67383
103 changed files with 29954 additions and 0 deletions
--- a/src/styles/footer.scss
+++ b/src/styles/footer.scss
@@ -0,0 +1,99 @@
+.footer-container {
+  display: flex;
+  flex-direction: column;
+  border-radius: 8px;
+  background-color: var(--bluest-blue);
+}
+
+.footer-upper-box {
+  display: flex;
+  flex-direction: row;
+  height: 150px;
+  width: 100%;
+}
+
+.footer-right-box {
+  display: flex;
+  flex-direction: row;
+  margin-top: 12px;
+  padding: 10px 20px;
+  width: 80%;
+}
+
+.footer-left-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 10px 20px;
+  width: 20%;
+}
+
+.footer-logo {
+  height: 80px;
+}
+
+.footer-left-inner {
+  width: 100%;
+  height: 95%;
+  border-right: 1px solid #fff;
+}
+
+.footer-lower-box {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  //border-top: 1px solid #ffd7b1;
+  height: 50px;
+  width: 100%;
+}
+
+.footer-item {
+  font-weight: 500;
+  color: #fff;
+  margin: 0px 10px;
+  padding: 0px 10px;
+}
+
+.footer-item-link {
+  letter-spacing: 0.11rem;
+  font-weight: 500;
+  color: #fff;
+  margin: 0px 10px;
+  padding: 0px 10px;
+  cursor: pointer;
+}
+
+/*
+  background-color: var(
+    --bluest-blue
+  ); //#4675c3; // before Ali: #4e6a98; // #18263c; //#a7b1c0 #22416f //#22416f
+  */
+
+@media only screen and (max-width: 430px) {
+  .footer-left-box {
+    width: 40%;
+  }
+
+  .footer-left-inner {
+    border-right: none;
+  }
+
+  .footer-right-box {
+    width: 60%;
+    flex-direction: column;
+  }
+
+  .footer-logo {
+    height: 60px;
+  }
+
+  .footer-item-link {
+    font-size: 0.87rem;
+    margin-bottom: 16px;
+  }
+
+  .footer-item {
+    font-size: 0.87rem;
+  }
+}