update

2024-11-20 12:54:11 +07:00
parent 523680a350
commit bb5c579630
2136 changed files with 597821 additions and 8689 deletions
@@ -0,0 +1,82 @@
+/**=====================
+     27. Coming Soon CSS Start
+==========================**/
+.comingsoon-bgimg {
+  background: url(../images/other-images/coming-soon-bg.jpg);
+  background-position: bottom;
+  background-size: cover;
+}
+
+.comingsoon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  padding: 50px 0;
+
+  .comingsoon-inner {
+    h5 {
+      font-size: 18px;
+      letter-spacing: 1px;
+      color: $theme-body-sub-title-color;
+      font-weight: 500;
+      margin-bottom: 30px;
+      margin-top: 30px;
+    }
+
+    .countdown {
+      padding: 30px 0;
+      border-top: 1px solid $light-color;
+      border-bottom: 1px solid $light-color;
+
+      .time {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 50%;
+        color: $white;
+        font-weight: 500;
+        width: 100px;
+        height: 100px;
+        font-size: 36px;
+        background: var(--theme-deafult);
+      }
+
+      .title {
+        padding-top: 13px;
+        font-size: 14px;
+        font-weight: 400;
+        color: $theme-body-sub-title-color;
+        text-transform: uppercase;
+        letter-spacing: 1px;
+      }
+
+      ul li {
+        display: inline-block;
+        text-transform: uppercase;
+        margin: 0 20px;
+
+        span {
+          display: block;
+        }
+      }
+    }
+  }
+
+  video {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    min-width: 100%;
+    min-height: 100%;
+    width: auto;
+    height: auto;
+    z-index: -100;
+    transform: translateX(-50%) translateY(-50%);
+    transition: 1s opacity;
+  }
+}
+
+/**=====================
+    27. Coming Soon CSS Ends
+==========================**/