first commit

2025-02-09 14:29:00 +08:00
commit ed5f335019
434 changed files with 59430 additions and 0 deletions
@@ -0,0 +1,3 @@
+/*----------------------------------------*/
+/*  02. MIXIN DECLARATION
+/*----------------------------------------*/
@@ -0,0 +1,224 @@
+/*----------------------------------------*/
+/* 04. THEME CSS START
+/*----------------------------------------*/
+
+
+.pos-abs {
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 0;
+  z-index: 3;
+}
+
+.underline {
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-thickness: 1px;
+
+  &-2 {
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
+    text-underline-offset: 5px;
+  }
+
+  &-3 {
+    text-decoration: underline;
+    text-decoration-thickness: 3px;
+    text-underline-offset: 5px;
+  }
+
+  &-4 {
+    text-decoration: underline;
+    text-decoration-thickness: 4px;
+    text-underline-offset: 5px;
+  }
+
+  &-5 {
+    text-decoration: underline;
+    text-decoration-thickness: 5px;
+    text-underline-offset: 5px;
+  }
+}
+
+.db-color {
+  &-secondary {
+    color: var(--secondary) !important;
+  }
+
+  &-yellow-2 {
+    color: var(--yellow-2) !important;
+  }
+}
+
+.db-bg {
+  &-secondary {
+    background-color: var(--secondary) !important;
+  }
+}
+
+.project-completed {
+  width: 260px;
+  height: 260px;
+  background: var(--gray-2);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  border-radius: 100%;
+  position: relative;
+
+  &::after {
+    position: absolute;
+    content: "";
+    width: 230px;
+    height: 230px;
+    border-radius: 100%;
+    border: 1px dashed var(--main-color-one);
+    animation: dbRotate 5s infinite;
+  }
+
+  img {
+    margin-bottom: 5px;
+  }
+
+  .total {
+    font-weight: 600;
+    font-size: 48px;
+    line-height: 1;
+    letter-spacing: 0.16px;
+    text-transform: uppercase;
+    color: var(--black-2);
+    padding-bottom: 5px;
+  }
+}
+
+.satisfy-clients {
+  width: 280px;
+  padding: 50px 30px;
+  text-align: center;
+  background-color: var(--yellow);
+
+  img {
+    margin-bottom: 30px;
+
+    @media #{$md} {
+      margin-bottom: 20px;
+    }
+  }
+
+  .title {
+    font-size: 48px;
+    line-height: 1;
+    font-weight: 600;
+    letter-spacing: 0.16px;
+    color: var(--secondary);
+    text-transform: uppercase;
+
+    @media #{$md} {
+      font-size: 36px;
+    }
+  }
+
+  p {
+    font-size: 20px;
+    line-height: 1;
+    font-weight: 600;
+    padding-top: 15px;
+    color: var(--secondary);
+  }
+}
+
+.line-cols {
+  &-3 {
+    position: relative;
+
+    .line {
+      &-1 {
+        position: absolute;
+        width: 1px;
+        height: 100%;
+        left: 24%;
+        top: 0;
+        background-color: #ffffff1a;
+      }
+
+      &-2 {
+        position: absolute;
+        width: 1px;
+        height: 100%;
+        left: 49%;
+        top: 0;
+        background-color: #ffffff1a;
+      }
+
+      &-3 {
+        position: absolute;
+        width: 1px;
+        height: 100%;
+        left: 74%;
+        top: 0;
+        background-color: #ffffff1a;
+      }
+    }
+  }
+}
+
+// Scroll Top
+.scroll-top {
+  position: fixed;
+  width: 50px;
+  height: 50px;
+  background: linear-gradient(to top, var(--main-color-one) 0%, var(--secondary) 25%, var(--main-color-one) 50%, var(--secondary) 75%, var(--main-color-one) 100%);
+  background-size: 400% 400%;
+  right: 20px;
+  bottom: 0;
+  font-size: 18px;
+  color: var(--white);
+  border: none;
+  border-radius: 3px;
+  cursor: pointer;
+  z-index: 99;
+  opacity: 0;
+  visibility: hidden;
+  transition: all 0.7s;
+
+  &.showed {
+    bottom: 20px;
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &:hover {
+    bottom: 20px;
+    opacity: 1;
+    visibility: visible;
+    background-position: 100% 100%;
+  }
+}
+
+
+.img-animation {
+  position: relative;
+  overflow: hidden;
+  height: 600px;
+
+  @media #{$xl} {
+    height: 500px;
+  }
+  @media #{$md} {
+    height: auto;
+  }
+
+  img {
+    position: absolute;
+    height: 120%;
+    bottom: 0;
+    object-fit: cover;
+
+    @media #{$md} {
+      position: static;
+      height: auto;
+    }
+  }
+}
@@ -0,0 +1,83 @@
+/*----------------------------------------*/
+/* 03. TYPOGRAPHY CSS START
+/*----------------------------------------*/
+
+
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: $font_barlow;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  padding: 0;
+  margin: 0;
+  position: relative;
+  z-index: 1;
+}
+
+h1 {
+  font-size: 36px;
+}
+
+h2 {
+  font-size: 36px;
+}
+
+h3 {
+  font-size: 30px;
+}
+
+h4 {
+  font-size: 24px;
+}
+
+h5 {
+  font-size: 20px;
+}
+
+h6 {
+  font-size: 18px;
+}
+
+ul,
+ol {
+  padding: 0;
+  margin: 0;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+  transition: all 0.3s;
+}
+
+p {
+  padding: 0;
+  margin: 0;
+  font-style: normal;
+  line-height: 1.9;
+  font-weight: 500;
+  font-size: 16px;
+  color: var(--black-2);
+}
+
+img {
+  max-width: 100%;
+}
@@ -0,0 +1,105 @@
+/*-----------------------------------------------------------------------------------
+
+  Theme Name: Bizzpro - Digital Agency HTML5 Template
+  Author: wowtheme7
+  Support: 
+  Description: Bizzpro – is a Digital Agency HTML5 Template that comes with high-quality 3 Pre build Home Pages and many built-in awesome inner pages  which are perfect for any creative agencies, designers, digital agencies, freelancers, developers, designers, marketing, startup, blog and portfolio.
+  Version: 1.0
+
+-----------------------------------------------------------------------------------
+
+/************ TABLE OF CONTENTS ***************
+
+  01. VARIBALES DECLARARION
+  02. MIXIN DECLARATION
+  03. TYPOGRAPHY CSS START
+  04. THEME CSS START
+  05. BUTTON CSS START
+  06. TITLE CSS START
+  07. WIDGET CSS START
+  08. ANIMATION CSS START
+  09. LOADING CSS START
+  10. MENU CSS START
+  11. MODAL CSS START
+  12. HEADER CSS START
+  13. OFFCANVAS CSS START
+  14. HERO CSS START
+  15. FEATURE CSS START
+  16. ABOUT CSS START
+  17. SERVICE CSS START
+  18. COUNTER CSS START
+  19. TESTIMONIAL CSS START
+  20. PROCESS CSS START
+  21. TEAM CSS START
+  22. PORTFOLIO CSS START
+  23. HIRE CSS START
+  24. PRICE CSS START
+  25. BRAND CSS START
+  26. BLOG CSS START
+  27. CONTACT CSS START
+  28. FOOTER CSS START
+  
+**********************************************/
+
+
+/*----------------------------------------*/
+/*  01. VARIBALES DECLARARION
+/*----------------------------------------*/
+:root {
+  // Colors
+  --main-color-one: #B69974;
+  --secondary: #1F242C;
+
+
+  --white: #fff;
+  --white-2: #E3E3E3;
+
+  --black: #000;
+  --black-2: #252525;
+  --black-3: #1F242C;
+  --black-4: #232323;
+  --black-5: #2B2B5E;
+
+  --gray: #616161;
+  --gray-2: #F4F5FA;
+  --gray-3: #333F4D;
+  --gray-4: #82828A;
+  --gray-5: #3C4958;
+  --gray-6: #757474;
+
+  --blue: #0058AA;
+  --blue-2: #064BB5;
+
+  --yellow: #B8FB5E;
+  --yellow-2: #D8FF36;
+
+}
+
+
+// Download Fonts
+// @font-face {
+//   font-family: 'Euclid Circular';
+//   src: url(../fonts/euclid-circular/Euclid-Circular-B-Light.ttf);
+//   font-weight: 300;
+// }
+
+
+// Google Fonts
+@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');
+
+
+
+
+// Font Family
+$font_barlow: 'Barlow', sans-serif;
+
+
+
+// Responsive Variable
+$xxxl: '(min-width: 1920px)';
+$xxl: '(max-width: 1919px)';
+$xl: '(max-width: 1399px)';
+$lg: '(max-width: 1199px)';
+$md: '(max-width: 991px)';
+$sm: '(max-width: 767px)';
+$xs: '(max-width: 574px)';