first commit

2023-04-08 12:19:53 -04:00
commit 7c8c8b1c76
4586 changed files with 2050693 additions and 0 deletions
@@ -0,0 +1,143 @@
+.home-wrapper {
+  .title {
+    width: 263.37px;
+    margin: auto;
+    font-family: 'Abril Fatface';
+    font-style: normal;
+    font-weight: normal;
+    font-size: 132.947px;
+    background: linear-gradient(89.24deg, #6063EA 0.49%, #E963A4 99.69%);
+    background-clip: text;
+    color: transparent;
+    -webkit-text-fill-color: transparent;
+  }
+
+  .post-list-filter {
+    &__post-type {
+      h2 {
+        font-size: 24px;
+      }
+    }
+  }
+
+  .sub-title {
+    margin-top: 50px;
+
+    @media (max-width: 500px) {
+      display: block !important;
+
+      .social-share {
+        margin-top: 15px;
+      }
+    }
+
+    .line {
+      width: 127px;
+      height: 10px;
+      background: linear-gradient(89.24deg, #6063EA 0.49%, #E963A4 99.69%);
+    }
+  }
+
+  .pagination-block {
+    margin-top: 30px;
+
+    .btn-page {
+      cursor: pointer;
+
+      &.btn-default {
+        &:hover {
+          background-color: #0000001a;
+        }
+
+        &.active {
+          background-color: #E963A4;
+          border-color: #e963a4;
+          color: white;
+
+          &:hover {
+            background-color: #E963A4;
+            border-color: #E963A4;
+            color: white;
+          }
+        }
+      }
+    }
+  }
+
+  .content-wrapper {
+    margin-top: 40px;
+
+    .recent-post {
+      .row:nth-child(1) {
+        .col-md-6 {
+          height: 500px;
+
+          @media (max-width: 768px) {
+            height: 350px;
+          }
+
+          @media (max-width: 500px) {
+            height: 300px;
+          }
+
+          @media (max-width: 375px) {
+            height: 250px;
+          }
+
+          &:nth-child(2) {
+            @media (max-width: 500px) {
+              margin-top: 24px;
+            }
+          }
+        }
+      }
+
+      .row:nth-child(2) {
+        @media (max-width: 500px) {
+          margin-top: 24px;
+        }
+
+        .col-md-12 {
+          height: 400px;
+
+          @media (max-width: 768px) {
+            height: 250px;
+          }
+
+          @media (max-width: 500px) {
+            height: 200px;
+          }
+
+          @media (max-width: 375px) {
+            height: 150px;
+          }
+        }
+      }
+
+      .row:nth-child(3) {
+        .col-md-6 {
+          height: 900px;
+
+          @media (max-width: 768px) {
+            height: 600px;
+          }
+
+          @media (max-width: 500px) {
+            height: 500px;
+          }
+
+          @media (max-width: 375px) {
+            height: 400px;
+          }
+
+          &:nth-child(2) {
+            @media (max-width: 500px) {
+              margin-top: 24px;
+            }
+          }
+        }
+      }
+      
+    }
+  }
+}
@@ -0,0 +1,127 @@
+main.main-content {
+  margin-top: 80px;
+  min-height: 800px;
+
+  .title-section {
+    h1 {
+      font-family: 'Abril Fatface';
+      font-style: normal;
+      font-weight: normal;
+      font-size: 40px;
+      color: #241342;
+    }
+
+    .author {
+      font-style: italic;
+      font-size: 20px;
+      color: #241342;
+    }
+  }
+
+  .video-section {
+    iframe {
+      width: 100%;
+      height: 500px;
+    }
+  }
+
+  .featured-img-section {
+    width: 100%;
+    height: 500px;
+
+    @media (max-width: 1024px) {
+      height: auto;
+    }
+  }
+
+  .content-section {
+    min-height: 400px;
+
+    .content-section__body {
+      font-size: 18px;
+      line-height: 29px;
+      font-weight: normal;
+      font-style: normal;
+      padding-right: 30px;
+
+      @media (max-width: 767.98px) {
+        padding-right: 0;
+      }
+    }
+
+    .content-section__sidebar {
+      border-left: #dbe0e6 solid 0.75px;
+
+      @media (max-width: 767.98px) {
+        border-left: none;
+      }
+
+      @media (max-width: 767.98px) {
+        margin-top: 50px;
+      }
+    }
+  }
+}
+
+.subcribe-form-section {
+  padding-top: 40px;
+  padding-bottom: 40px;
+  margin-top: 80px;
+  background-color: #F2F2F2;
+
+  .subcribe-form-section__heading {
+    font-family: 'Abril Fatface';
+    font-weight: normal;
+    font-size: 30px;
+    color: #000000;
+  }
+
+  .subcribe-form-section__body {
+    width: 100%;
+    text-align: center;
+    padding: 0 150px;
+
+    form.subscribe-form {
+      max-width: 500px;
+      margin: auto;
+
+      .form-group {
+        color: #241342;
+        font-family: "Open Sans";
+        border-bottom: 1px solid #241342;
+        background-color: transparent;
+
+        input {
+          background-color: transparent;
+          color: #241342;
+          border: none;
+  
+          &:active,
+          &:focus {
+            box-shadow: 0 0 0 0 transparent;
+          }
+        }
+      }
+    }
+
+    .subcribe-button {
+      background: #ff9acc;
+      color: #000;
+      margin-top: 15px;
+      padding: 0 70px;
+      height: 35px;
+      font-size: 20px;
+      border: none;
+      font-weight: 400;
+    }
+  }
+}
+
+
+@media (max-width: 425px) {
+  .subcribe-form-section {
+    .subcribe-form-section__body {
+      padding: 0 15px;
+    }
+  }
+}