diff options
| author | somrat <monnaf37@gmail.com> | 2019-05-15 09:53:17 +0300 |
|---|---|---|
| committer | somrat <monnaf37@gmail.com> | 2019-05-15 09:53:17 +0300 |
| commit | 7864388e55202b685f34ca2f3140b77bd8188900 (patch) | |
| tree | da2e5d4e08f5c931898f181fb23710ba45b2ad06 | |
| parent | 6bed5bb2ed84e17278cc0e6eb902c86d244c09d2 (diff) | |
modified main nav, remove scss and added css, modified screenshot image and readme file
| -rw-r--r-- | README.md | 17 | ||||
| -rw-r--r-- | assets/css/style.css | 869 | ||||
| -rw-r--r-- | assets/scss/_buttons.scss | 63 | ||||
| -rw-r--r-- | assets/scss/_common.scss | 274 | ||||
| -rw-r--r-- | assets/scss/_mixins.scss | 29 | ||||
| -rw-r--r-- | assets/scss/_typography.scss | 61 | ||||
| -rw-r--r-- | assets/scss/_variables.scss | 17 | ||||
| -rw-r--r-- | assets/scss/style.scss | 32 | ||||
| -rw-r--r-- | assets/scss/templates/_about.scss | 56 | ||||
| -rw-r--r-- | assets/scss/templates/_blog.scss | 32 | ||||
| -rw-r--r-- | assets/scss/templates/_hero-area.scss | 68 | ||||
| -rw-r--r-- | assets/scss/templates/_homepage.scss | 213 | ||||
| -rw-r--r-- | assets/scss/templates/_navigation.scss | 32 | ||||
| -rw-r--r-- | assets/scss/templates/_portfolio.scss | 62 | ||||
| -rw-r--r-- | exampleSite/config.toml | 10 | ||||
| -rw-r--r-- | images/screenshot.png | bin | 190602 -> 229423 bytes | |||
| -rw-r--r-- | images/tn.png | bin | 190602 -> 132326 bytes | |||
| -rw-r--r-- | layouts/partials/head.html | 2 | ||||
| -rw-r--r-- | layouts/partials/header.html | 4 |
19 files changed, 891 insertions, 950 deletions
@@ -23,14 +23,15 @@ - [Reporting Issues](#reporting-issues) - [Technical Support or Questions](#technical-support-or-questions) - [Licensing](#licensing) +- [More Hugo Themes](https://themefisher.com/hugo-themes/) ## Demo | Homepage | About | Blog | Portfolio | Contact | |---|---|---|---|---| -| [](http://demo.themefisher.com/kross/) | [](http://demo.themefisher.com/kross/about.html) | [](http://demo.themefisher.com/kross/blog.html) | [](http://demo.themefisher.com/kross/portfolio.html) | [](http://demo.themefisher.com/kross/contact.html) +|  |  |  |  |  | -[Live Preview](http://demo.themefisher.com/kross). +[Live Preview](https://themes.gohugo.io/theme/kross-hugo/). ## Quick Start Quick start options: @@ -59,4 +60,14 @@ If you have questions or need help integrating the product please [contact us](m ## Licensing - Copyright 2019 Themefisher (https://themefisher.com/) -- Licensed under MIT (https://github.com/themefisher/kross-hugo/blob/master/LICENSE)
\ No newline at end of file +- Licensed under MIT (https://github.com/themefisher/kross-hugo/blob/master/LICENSE) + + +## Premium Themes + +| Biztrox | Bexer | Small Apps | +|---|---|---| +| [](https://themefisher.com/products/biztrox-hugo-template/) | [](https://themefisher.com/products/bexer-hugo-theme/) | [](https://themefisher.com/products/small-apps-hugo-app-landing-theme/) | +| Dtox | Agico | Airspace | +|---|---|---| +| [](https://themefisher.com/products/dtox-hugo-theme/) | [](https://themefisher.com/products/agico-hugo-theme/) | [](https://themefisher.com/products/airspace-hugo/) |
\ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..64e3ab9 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,869 @@ +/*!------------------------------------------------------------------ +[MAIN STYLESHEET] +PROJECT: Project Name +VERSION: Versoin Number +-------------------------------------------------------------------*/ +@import "https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Roboto:300,400,500,700"; + +@font-face { + font-family: bwnistaint-xbd; + src: url(../fonts/BwNistaInt-xBd.woff) format("woff"); + font-style: normal; + font-display: swap +} + +body { + line-height: 1.2; + font-family: roboto, sans-serif; + -webkit-font-smoothing: antialiased; + font-size: 15px; + color: #4c4c4c +} + +p { + font-weight: 400; + color: #4c4c4c; + font-size: 15px; + line-height: 1.8; + font-family: roboto, sans-serif +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #000; + font-family: playfair display, serif; + line-height: 1.2 +} + +h1, +.h1 { + font-size: 80px +} + +@media(max-width:991px) { + + h1, + .h1 { + font-size: 65px + } +} + +h2, +.h2 { + font-size: 60px +} + +@media(max-width:991px) { + + h2, + .h2 { + font-size: 50px + } +} + +h3, +.h3 { + font-size: 40px +} + +h4, +.h4 { + font-size: 22px +} + +h5, +.h5 { + font-size: 18px +} + +h6, +.h6 { + font-size: 14px +} + +.btn { + font-size: 22px; + font-family: playfair display, serif; + text-transform: capitalize; + padding: 16px 44px; + border-radius: 5px; + font-weight: 600; + border: 0; + position: relative; + z-index: 1; + transition: .2s ease +} + +.btn:focus { + outline: 0; + box-shadow: none !important +} + +.btn:active { + box-shadow: none +} + +.btn-sm { + font-size: 15px; + padding: 10px 30px +} + +.btn-xs { + padding: 5px 10px; + font-size: 15px +} + +.btn-primary { + background: #41228e; + color: #fff +} + +.btn-primary:active { + background: #542cb7 !important +} + +.btn-primary:hover { + background: #542cb7 +} + +.btn-primary.focus, +.btn-primary.active { + background: #542cb7 !important; + box-shadow: none !important +} + +.btn-transparent { + background: transparent; + color: #41228e; + font-weight: 700 +} + +.btn-transparent:active, +.btn-transparent:hover { + color: #41228e +} + +body { + background-color: #fff; + overflow-x: hidden +} + +::selection { + background: #542cb7; + color: #fff +} + +.preloader { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #fff; + z-index: 999; + display: flex; + align-items: center; + justify-content: center +} + +ol, +ul { + list-style-type: none; + margin: 0 +} + +img { + vertical-align: middle; + border: 0 +} + +a, +a:hover, +a:focus { + text-decoration: none +} + +a, +button, +select { + cursor: pointer; + transition: .2s ease +} + +a:focus, +button:focus, +select:focus { + outline: 0 +} + +a.text-dark:hover { + color: #41228e !important +} + +a:hover { + color: #41228e +} + +.slick-slide { + outline: 0 +} + +.section { + padding-top: 80px; + padding-bottom: 80px +} + +.section-title { + margin-bottom: 80px; + font-family: bwnistaint-xbd +} + +.bg-cover { + background-size: cover; + background-position: 50%; + background-repeat: no-repeat +} + +.overlay { + position: relative +} + +.overlay::before { + position: absolute; + content: ''; + height: 100%; + width: 100%; + top: 0; + left: 0; + background: #000; + opacity: .5 +} + +.outline-0 { + outline: 0 !important +} + +.d-unset { + display: unset !important +} + +.bg-primary { + background: #41228e !important +} + +.bg-gray { + background: #eaeaea !important +} + +.text-primary { + color: #41228e !important +} + +.text-color { + color: #4c4c4c +} + +.text-dark { + color: #000 !important +} + +.text-light { + color: #999 !important +} + +.mb-10 { + margin-bottom: 10px !important +} + +.mb-20 { + margin-bottom: 20px !important +} + +.mb-30 { + margin-bottom: 30px !important +} + +.mb-40 { + margin-bottom: 40px !important +} + +.mb-50 { + margin-bottom: 50px !important +} + +.mb-60 { + margin-bottom: 60px !important +} + +.mb-70 { + margin-bottom: 70px !important +} + +.mb-80 { + margin-bottom: 80px !important +} + +.mb-90 { + margin-bottom: 90px !important +} + +.mb-100 { + margin-bottom: 100px !important +} + +.zindex-1 { + z-index: 1 +} + +.rounded-lg { + border-radius: 15px +} + +.overflow-hidden { + overflow: hidden +} + +.font-secondary { + font-family: playfair display, serif !important +} + +.font-tertiary { + font-family: bwnistaint-xbd !important +} + +.shadow { + box-shadow: 0 18px 39.1px 6.9px rgba(224, 241, 255, .34) !important +} + +.bg-dark { + background-color: #222 !important +} + +.icon { + font-size: 45px +} + +.icon-bg { + height: 100px; + width: 100px; + line-height: 100px; + text-align: center +} + +.icon-light { + color: #c8d5ef +} + +.slick-dots { + text-align: center; + padding-left: 0 +} + +.slick-dots li { + display: inline-block; + margin: 2px +} + +.slick-dots li.slick-active button { + background: #fff; + width: 25px +} + +.slick-dots li button { + height: 6px; + width: 12px; + background: rgba(255, 255, 255, .5); + color: transparent; + border-radius: 10px; + overflow: hidden; + transition: .2s ease; + border: 0 +} + +.form-control { + border: 0; + border-radius: 0; + border-bottom: 1px solid #c7c7c7; + height: 60px +} + +.form-control:focus { + border-color: #41228e; + outline: 0; + box-shadow: none !important +} + +textarea.form-control { + height: 120px +} + +.card { + border: 0 +} + +.card-header { + border: 0 +} + +.card-footer { + border: 0 +} + +.navigation { + padding: 40px 130px; + transition: .3s ease +} + +.navigation.nav-bg { + background-color: #41228e; + padding: 15px 100px +} + +@media(max-width:991px) { + .navigation.nav-bg { + padding: 15px 20px + } +} + +@media(max-width:991px) { + .navigation { + padding: 20px; + background: #41228e + } +} + +.navbar .nav-item .nav-link { + font-family: bwnistaint-xbd; + text-transform: uppercase; + padding: 15px +} + +.navbar .nav-item.active { + font-weight: 700 +} + +.navbar-dark .navbar-nav .nav-link { + color: #fff +} + +.hero-area { + padding: 250px 0 200px; + position: relative +} + +@media(max-width:767px) { + .hero-area { + padding: 200px 0 150px; + overflow: hidden + } +} + +.hero-area h1 { + position: relative; + z-index: 2 +} + +.layer { + position: absolute; + z-index: 1 +} + +#l1 { + bottom: 0; + left: 0 +} + +#l2 { + top: 190px; + left: -250px +} + +#l3 { + top: 200px; + left: 40% +} + +#l4 { + top: 200px; + right: 40% +} + +#l5 { + top: 100px; + right: -150px +} + +#l6 { + bottom: -20px; + left: 10% +} + +#l7 { + bottom: 100px; + left: 20% +} + +#l8 { + bottom: 160px; + right: 45% +} + +#l9 { + bottom: 100px; + right: -10px +} + +.layer-bg { + position: absolute; + bottom: 0; + left: 0 +} + +.progress-wrapper { + height: 130px; + overflow: hidden +} + +.wave { + position: absolute; + width: 100%; + height: 100% +} + +.wave::before, +.wave::after { + content: ""; + position: absolute; + width: 800px; + height: 800px; + bottom: 0; + left: 50%; + background-color: rgba(255, 255, 255, .4); + border-radius: 45%; + transform: translateX(-50%) rotate(0); + animation: rotate 6s linear infinite; + z-index: 10 +} + +.wave::after { + border-radius: 47%; + background-color: rgba(255, 255, 255, .9); + transform: translateX(-50%) rotate(0); + animation: rotate 10s linear -5s infinite; + z-index: 20 +} + +@keyframes rotate { + 50% { + transform: translateX(-50%) rotate(180deg) + } + + 100% { + transform: translateX(-50%) rotate(360deg) + } +} + +.edu-bg-image { + position: absolute; + left: 0; + top: -300px; + z-index: -1 +} + +.hover-bg-primary { + transition: .3s ease +} + +.hover-bg-primary:hover { + background: #41228e +} + +.hover-bg-primary:hover * { + color: #fff +} + +.active-bg-primary { + transition: .3s ease; + background: #41228e +} + +.active-bg-primary * { + color: #fff +} + +.hover-shadow { + transition: .2s ease +} + +.hover-shadow:hover { + box-shadow: 0 18px 40px 8px rgba(224, 241, 255, .54) !important +} + +.hover-wrapper { + overflow: hidden +} + +.hover-wrapper img { + transition: .3s ease; + transform: scale(1.1) +} + +.hover-wrapper:hover img { + transform: scale(1) +} + +.hover-wrapper:hover .hover-overlay { + opacity: 1; + visibility: visible +} + +.hover-overlay { + position: absolute; + height: 100%; + width: 100%; + border-radius: inherit; + top: 0; + left: 0; + background: rgba(0, 0, 0, .3); + opacity: 0; + visibility: hidden; + transition: .3s ease +} + +.hover-content { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + right: 0; + text-align: center +} + +.testimonial-content strong { + color: #2bfdff; + font-weight: 400 +} + +.testimonial-bg-shapes .container { + position: relative; + z-index: 1 +} + +.testimonial-bg-shapes .bg-map { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%) +} + +.testimonial-bg-shapes .bg-shape-1 { + position: absolute; + left: 100px; + top: -50px +} + +.testimonial-bg-shapes .bg-shape-2 { + position: absolute; + right: 150px; + top: 50px +} + +.testimonial-bg-shapes .bg-shape-3 { + position: absolute; + right: 50px; + top: 200px +} + +.testimonial-bg-shapes .bg-shape-4 { + position: absolute; + left: 100px; + bottom: 200px +} + +.testimonial-bg-shapes .bg-shape-5 { + position: absolute; + right: 200px; + bottom: -50px +} + +.footer-section { + padding-top: 200px +} + +.section-on-footer { + margin-bottom: -250px +} + +.shadow-down { + position: relative +} + +.shadow-down::before { + position: absolute; + content: ""; + box-shadow: 0 0 80.75px 14.25px rgba(224, 241, 255, .34); + height: 100%; + width: 100%; + left: 0; + top: 0; + z-index: -1 +} + +.card-lg { + flex-direction: row-reverse; + align-items: center +} + +@media(max-width:991px) { + .card-lg { + flex-direction: column + } +} + +blockquote { + display: inline-block; + padding: 10px 20px; + background: #eaeaea; + border-left: 2px solid #41228e; + font-style: italic; + font-size: 22px +} + +.content * { + margin-bottom: 20px +} + +.content strong { + font-family: playfair display, serif; + font-size: 22px; + font-weight: 400; + color: #000; + display: inherit; + line-height: 1.5 +} + +.page-title-alt { + padding: 350px 0 70px +} + +.border-thick { + border: 10px solid +} + +.drag-lg-top { + margin-top: -230px +} + +@media(max-width:991px) { + .drag-lg-top { + margin-top: 0 + } +} + +.page-title-alt .container { + position: relative; + z-index: 1 +} + +.page-title-alt .bg-shape-1 { + position: absolute; + left: 0; + top: 0; + height: 100% +} + +.page-title-alt .bg-shape-2 { + position: absolute; + left: 70px; + top: 100px +} + +.page-title-alt .bg-shape-3 { + position: absolute; + left: 30%; + top: 50px; + transform: rotate(180deg) +} + +.page-title-alt .bg-shape-4 { + position: absolute; + left: 100px; + bottom: 100px +} + +.page-title-alt .bg-shape-5 { + position: absolute; + left: 40%; + bottom: -25px +} + +.page-title-alt .bg-shape-6 { + position: absolute; + bottom: 100px; + right: -100px +} + +.page-title { + padding: 250px 0 150px +} + +.page-title .container { + position: relative; + z-index: 1 +} + +.page-title .bg-shape-1 { + position: absolute; + left: 0; + bottom: 0; + width: 100% +} + +.page-title .bg-shape-2 { + position: absolute; + left: -20px; + top: -10px +} + +.page-title .bg-shape-3 { + position: absolute; + left: 10%; + top: 100px +} + +.page-title .bg-shape-4 { + position: absolute; + left: 50%; + top: -20px +} + +.page-title .bg-shape-5 { + position: absolute; + left: 90px; + bottom: -50px; + transform: rotate(180deg) +} + +.page-title .bg-shape-6 { + position: absolute; + right: 20%; + bottom: -20px +} + +.page-title .bg-shape-7 { + position: absolute; + right: -220px; + bottom: -100px +} + +.filter-controls li { + cursor: pointer +} + +.filter-controls li.active { + font-weight: 700 +}
\ No newline at end of file diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss deleted file mode 100644 index e2c9305..0000000 --- a/assets/scss/_buttons.scss +++ /dev/null @@ -1,63 +0,0 @@ -/* Button style */ -.btn { - font-size: 22px; - font-family: $secondary-font; - text-transform: capitalize; - padding: 16px 44px; - border-radius: 5px; - font-weight: 600; - border: 0; - position: relative; - z-index: 1; - transition: .2s ease; - - &:focus { - outline: 0; - box-shadow: none !important; - } - - &:active { - box-shadow: none; - } - - &-sm { - font-size: 15px; - padding: 10px 30px; - } - - &-xs { - padding: 5px 10px; - font-size: 15px; - } -} - -.btn-primary { - background: $primary-color; - color: $white; - - &:active { - background: lighten($color: $primary-color, $amount: 10) !important; - } - - &:hover { - background: lighten($color: $primary-color, $amount: 10); - } - - &.focus, - &.active { - background: lighten($color: $primary-color, $amount: 10) !important; - box-shadow: none !important; - } -} - - -.btn-transparent { - background: transparent; - color: $primary-color; - font-weight: bold; - - &:active, - &:hover { - color: $primary-color; - } -}
\ No newline at end of file diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss deleted file mode 100644 index 3033c0a..0000000 --- a/assets/scss/_common.scss +++ /dev/null @@ -1,274 +0,0 @@ -body { - background-color: $body-color; - overflow-x: hidden; -} - -::selection { - background: lighten($color: $primary-color, $amount: 10); - color: $white; -} - -/* preloader */ - -.preloader { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background-color: #fff; - z-index: 999; - display: flex; - align-items: center; - justify-content: center; -} - -ol, -ul { - list-style-type: none; - margin: 0px; -} - -img { - vertical-align: middle; - border: 0; -} - -a, -a:hover, -a:focus { - text-decoration: none; -} - -a, -button, -select { - cursor: pointer; - transition: .2s ease; - - &:focus { - outline: 0; - } -} - -a.text-dark{ - &:hover{ - color: $primary-color !important; - } -} - -a:hover { - color: $primary-color; -} - -.slick-slide { - outline: 0; -} - -.section { - padding-top: 80px; - padding-bottom: 80px; - - &-title { - margin-bottom: 80px; - font-family: $tertiary-font; - } -} - -.bg-cover { - background-size: cover; - background-position: center center; - background-repeat: no-repeat; -} - -/* overlay */ - -.overlay { - position: relative; - - &::before { - position: absolute; - content: ''; - height: 100%; - width: 100%; - top: 0; - left: 0; - background: $black; - opacity: .5; - } -} - -.outline-0 { - outline: 0 !important; -} - -.d-unset { - display: unset !important; -} - -.bg-primary { - background: $primary-color !important; -} - -.bg-gray{ - background: $gray !important; -} - -.text-primary { - color: $primary-color !important; -} - -.text-color { - color: $text-color; -} - -.text-dark { - color: $text-color-dark !important; -} - -.text-light { - color: $text-color-light !important; -} - -.mb-10 { - margin-bottom: 10px !important; -} - -.mb-20 { - margin-bottom: 20px !important; -} - -.mb-30 { - margin-bottom: 30px !important; -} - -.mb-40 { - margin-bottom: 40px !important; -} - -.mb-50 { - margin-bottom: 50px !important; -} - -.mb-60 { - margin-bottom: 60px !important; -} - -.mb-70 { - margin-bottom: 70px !important; -} - -.mb-80 { - margin-bottom: 80px !important; -} - -.mb-90 { - margin-bottom: 90px !important; -} - -.mb-100 { - margin-bottom: 100px !important; -} - -.zindex-1 { - z-index: 1; -} - -.rounded-lg{ - border-radius: 15px; -} - -.overflow-hidden { - overflow: hidden; -} - -.font-secondary { - font-family: $secondary-font !important; -} - -.font-tertiary { - font-family: $tertiary-font !important; -} - -.shadow { - box-shadow: 0px 18px 39.1px 6.9px rgba(224, 241, 255, 0.34) !important; -} - -.bg-dark{ - background-color: #222222 !important; -} - -/* icon */ -.icon { - font-size: 45px; -} - -.icon-bg { - height: 100px; - width: 100px; - line-height: 100px; - text-align: center; -} - -.icon-light { - color: #c8d5ef; -} - -/* /icon */ - -/* slick slider */ -.slick-dots{ - text-align: center; - padding-left: 0; - li{ - display: inline-block; - margin: 2px; - &.slick-active{ - button{ - background: $white; - width: 25px; - } - } - button{ - height: 6px; - width: 12px; - background: rgba($color: $white, $alpha: .5); - color: transparent; - border-radius: 10px; - overflow: hidden; - transition: .2s ease; - border: 0; - } - } -} -/* /slick slider */ - -/* form */ -.form-control{ - border: 0; - border-radius: 0; - border-bottom: 1px solid $border-color; - height: 60px; - &:focus{ - border-color: $primary-color; - outline: 0; - box-shadow: none !important; - } -} - -textarea.form-control{ - height: 120px; -} -/* /form */ - -/* card */ -.card{ - border: 0; - &-header{ - border: 0; - } - &-footer{ - border: 0; - } -} -/* /card */
\ No newline at end of file diff --git a/assets/scss/_mixins.scss b/assets/scss/_mixins.scss deleted file mode 100644 index f925e77..0000000 --- a/assets/scss/_mixins.scss +++ /dev/null @@ -1,29 +0,0 @@ -@mixin mobile-xs{ - @media(max-width:400px){ - @content; - } -} -@mixin mobile{ - @media(max-width:575px){ - @content; - } -} -@mixin tablet{ - @media(max-width:767px){ - @content; - } -} -@mixin desktop{ - @media(max-width:991px){ - @content; - } -} -@mixin desktop-lg{ - @media(max-width:1200px){ - @content; - } -} - -@mixin size($size){ - width: $size; height: $size; -}
\ No newline at end of file diff --git a/assets/scss/_typography.scss b/assets/scss/_typography.scss deleted file mode 100644 index 8e65de8..0000000 --- a/assets/scss/_typography.scss +++ /dev/null @@ -1,61 +0,0 @@ -/* typography */ -@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Roboto:300,400,500,700'); - -@font-face { - font-family: 'BwNistaInt-xBd'; - src: url("../fonts/BwNistaInt-xBd.woff") format("woff"); - font-style: normal; - font-display: swap; -} - -body { - line-height: 1.2; - font-family: $primary-font; - -webkit-font-smoothing: antialiased; - font-size: 15px; - color: $text-color; -} - -p { - font-weight: 400; - color: $text-color; - font-size: 15px; - line-height: 1.8; - font-family: $primary-font; -} - -h1,h2,h3,h4,h5,h6 { - color: $text-color-dark; - font-family: $secondary-font; - line-height: 1.2; -} - -h1, .h1{ - font-size: 80px; - @include desktop { - font-size: 65px; - } -} - -h2, .h2{ - font-size: 60px; - @include desktop { - font-size: 50px; - } -} - -h3, .h3{ - font-size: 40px; -} - -h4, .h4{ - font-size: 22px; -} - -h5, .h5{ - font-size: 18px; -} - -h6, .h6{ - font-size: 14px; -} diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss deleted file mode 100644 index 6282521..0000000 --- a/assets/scss/_variables.scss +++ /dev/null @@ -1,17 +0,0 @@ -// Color Variables -$primary-color: #41228e; -$secondary-color: #2bfdff; -$text-color: #4c4c4c; -$text-color-dark: #000; -$text-color-light: #999999; -$body-color: #fff; -$border-color: #c7c7c7; -$black: #000; -$white: #fff; -$gray: #eaeaea; - -// Font Variables -$primary-font: 'Roboto', sans-serif; -$secondary-font: 'Playfair Display', serif; -$tertiary-font: 'BwNistaInt-xBd'; -$icon-font: 'themify';
\ No newline at end of file diff --git a/assets/scss/style.scss b/assets/scss/style.scss deleted file mode 100644 index 76fe444..0000000 --- a/assets/scss/style.scss +++ /dev/null @@ -1,32 +0,0 @@ -/*!------------------------------------------------------------------ -[MAIN STYLESHEET] - -PROJECT: Project Name -VERSION: Versoin Number --------------------------------------------------------------------*/ - -/*------------------------------------------------------------------ -[TABLE OF CONTENTS] --------------------------------------------------------------------*/ - -@import 'variables'; - -@import 'mixins'; - -@import 'typography'; - -@import 'buttons'; - -@import 'common'; - -@import 'templates/navigation'; - -@import 'templates/hero-area'; - -@import 'templates/homepage'; - -@import 'templates/blog'; - -@import 'templates/about'; - -@import 'templates/portfolio';
\ No newline at end of file diff --git a/assets/scss/templates/_about.scss b/assets/scss/templates/_about.scss deleted file mode 100644 index f9f14c6..0000000 --- a/assets/scss/templates/_about.scss +++ /dev/null @@ -1,56 +0,0 @@ -.page-title-alt{ - padding: 350px 0 70px; -} - -.border-thick{ - border: 10px solid; -} - -.drag-lg-top{ - margin-top: -230px; - @include desktop { - margin-top: 0; - } -} - -.page-title-alt{ - .container{ - position: relative; - z-index: 1; - } - .bg-shape-1{ - position: absolute; - left: 0; - top: 0; - height: 100%; - } - .bg-shape-2{ - position: absolute; - left: 70px; - top: 100px; - } - .bg-shape-3{ - position: absolute; - left: 30%; - top: 50px; - transform: rotate(180deg); - } - - .bg-shape-4{ - position: absolute; - left: 100px; - bottom: 100px; - } - - .bg-shape-5{ - position: absolute; - left: 40%; - bottom: -25px; - } - - .bg-shape-6{ - position: absolute; - bottom: 100px; - right: -100px; - } -}
\ No newline at end of file diff --git a/assets/scss/templates/_blog.scss b/assets/scss/templates/_blog.scss deleted file mode 100644 index de43389..0000000 --- a/assets/scss/templates/_blog.scss +++ /dev/null @@ -1,32 +0,0 @@ -.card-lg { - flex-direction: row-reverse; - align-items: center; - - @include desktop { - flex-direction: column; - } -} - -blockquote { - display: inline-block; - padding: 10px 20px; - background: $gray; - border-left: 2px solid $primary-color; - font-style: italic; - font-size: 22px; -} - -.content { - * { - margin-bottom: 20px; - } - - strong { - font-family: $secondary-font; - font-size: 22px; - font-weight: normal; - color: $text-color-dark; - display: inherit; - line-height: 1.5; - } -}
\ No newline at end of file diff --git a/assets/scss/templates/_hero-area.scss b/assets/scss/templates/_hero-area.scss deleted file mode 100644 index 4a92c0a..0000000 --- a/assets/scss/templates/_hero-area.scss +++ /dev/null @@ -1,68 +0,0 @@ -.hero-area { - padding: 250px 0 200px; - position: relative; - @include tablet { - padding: 200px 0 150px; - overflow: hidden; - } - h1{ - position: relative; - z-index: 2; - } -} - -.layer { - position: absolute; - z-index: 1; -} - -#l1 { - bottom: 0; - left: 0; -} - -#l2 { - top: 190px; - left: -250px; -} - -#l3 { - top: 200px; - left: 40%; -} - -#l4 { - top: 200px; - right: 40%; -} - -#l5 { - top: 100px; - right: -150px; -} - -#l6 { - bottom: -20px; - left: 10%; -} - -#l7 { - bottom: 100px; - left: 20%; -} - -#l8 { - bottom: 160px; - right: 45%; -} - -#l9 { - bottom: 100px; - right: -10px; -} - -.layer-bg { - position: absolute; - bottom: 0; - left: 0; -}
\ No newline at end of file diff --git a/assets/scss/templates/_homepage.scss b/assets/scss/templates/_homepage.scss deleted file mode 100644 index b716613..0000000 --- a/assets/scss/templates/_homepage.scss +++ /dev/null @@ -1,213 +0,0 @@ -/* skills */ -.progress-wrapper { - height: 130px; - overflow: hidden; -} - -.wave { - position: absolute; - width: 100%; - height: 100%; - - &::before, - &::after { - content: ""; - position: absolute; - width: 800px; - height: 800px; - bottom: 0; - left: 50%; - background-color: rgba(255, 255, 255, .4); - border-radius: 45%; - transform: translateX(-50%) rotate(0); - animation: rotate 6s linear infinite; - z-index: 10; - } - - &::after { - border-radius: 47%; - background-color: rgba(255, 255, 255, .9); - transform: translateX(-50%) rotate(0); - animation: rotate 10s linear -5s infinite; - z-index: 20; - } -} - -@keyframes rotate { - 50% { - transform: translateX(-50%) rotate(180deg); - } - - 100% { - transform: translateX(-50%) rotate(360deg); - } -} - -/* /skills */ - -/* education */ -.edu-bg-image { - position: absolute; - left: 0; - top: -300px; - z-index: -1; -} - -/* /education */ - -/* service */ -.hover-bg-primary { - transition: .3s ease; - - &:hover { - background: $primary-color; - - * { - color: $white; - } - } -} - -.active-bg-primary { - transition: .3s ease; - background: $primary-color; - - * { - color: $white; - } -} - -.hover-shadow{ - transition: .2s ease; - &:hover{ - box-shadow: 0px 18px 40px 8px rgba(224, 241, 255, 0.54) !important; - } -} - - -/* /service */ - -/* portfolio */ -.hover-wrapper { - overflow: hidden; - - img { - transition: .3s ease; - transform: scale(1.1); - } - - &:hover { - img { - transform: scale(1); - } - - .hover-overlay { - opacity: 1; - visibility: visible; - } - } -} - -.hover-overlay { - position: absolute; - height: 100%; - width: 100%; - border-radius: inherit; - top: 0; - left: 0; - background: rgba($color: $black, $alpha: .3); - opacity: 0; - visibility: hidden; - transition: .3s ease; -} - -.hover-content { - position: absolute; - top: 50%; - transform: translateY(-50%); - left: 0; - right: 0; - text-align: center; -} - -/* /portfolio */ - -/* testimonial */ -.testimonial-content { - strong { - color: $secondary-color; - font-weight: normal; - } -} - -.testimonial-bg-shapes { - .container { - position: relative; - z-index: 1; - } - - .bg-map { - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - } - - .bg-shape-1 { - position: absolute; - left: 100px; - top: -50px; - } - - .bg-shape-2 { - position: absolute; - right: 150px; - top: 50px; - } - - .bg-shape-3 { - position: absolute; - right: 50px; - top: 200px; - } - - .bg-shape-4 { - position: absolute; - left: 100px; - bottom: 200px; - } - - .bg-shape-5 { - position: absolute; - right: 200px; - bottom: -50px; - } -} - -/* /testimonial */ - -/* footer */ -.footer-section { - padding-top: 200px; -} - -.section-on-footer { - margin-bottom: -250px; -} - -.shadow-down { - position: relative; - - &::before { - position: absolute; - content: ""; - box-shadow: 0px 0px 80.75px 14.25px rgba(224, 241, 255, 0.34); - height: 100%; - width: 100%; - left: 0; - top: 0; - z-index: -1; - } -} - -/* /footer */
\ No newline at end of file diff --git a/assets/scss/templates/_navigation.scss b/assets/scss/templates/_navigation.scss deleted file mode 100644 index 915ce73..0000000 --- a/assets/scss/templates/_navigation.scss +++ /dev/null @@ -1,32 +0,0 @@ -.navigation{ - padding: 40px 130px; - transition: .3s ease; - &.nav-bg { - background-color: $primary-color; - padding: 15px 100px; - @include desktop { - padding: 15px 20px; - } - } - @include desktop { - padding: 20px; - background: $primary-color; - } -} - -.navbar{ - .nav-item{ - .nav-link{ - font-family: $tertiary-font; - text-transform: uppercase; - padding: 15px; - } - &.active{ - font-weight: bold; - } - } -} - -.navbar-dark .navbar-nav .nav-link{ - color: $white; -}
\ No newline at end of file diff --git a/assets/scss/templates/_portfolio.scss b/assets/scss/templates/_portfolio.scss deleted file mode 100644 index afa8f69..0000000 --- a/assets/scss/templates/_portfolio.scss +++ /dev/null @@ -1,62 +0,0 @@ -.page-title { - padding: 250px 0 150px; - - .container { - position: relative; - z-index: 1; - } - - .bg-shape-1 { - position: absolute; - left: 0; - bottom: 0; - width: 100%; - } - - .bg-shape-2 { - position: absolute; - left: -20px; - top: -10px; - } - - .bg-shape-3 { - position: absolute; - left: 10%; - top: 100px; - } - - .bg-shape-4 { - position: absolute; - left: 50%; - top: -20px; - } - - .bg-shape-5 { - position: absolute; - left: 90px; - bottom: -50px; - transform: rotate(180deg); - } - - .bg-shape-6 { - position: absolute; - right: 20%; - bottom: -20px; - } - - .bg-shape-7 { - position: absolute; - right: -220px; - bottom: -100px; - } -} - -.filter-controls { - li { - cursor: pointer; - - &.active { - font-weight: bold; - } - } -}
\ No newline at end of file diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 3001a80..b046895 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -1,4 +1,4 @@ -baseURL = "https://examplesite.com/" +baseURL = "https://kross.netlify.com" languageCode = "en-us" title = "Kross | Hugo Portfolio Template" theme = "kross-hugo" @@ -32,22 +32,22 @@ summaryLength = "10" [[menu.main]] name = "About" - URL = "/about" + URL = "about" weight = 2 [[menu.main]] name = "Blog" - URL = "/blog" + URL = "blog" weight = 3 [[menu.main]] name = "Portfolio" - URL = "/portfolio" + URL = "portfolio" weight = 4 [[menu.main]] name = "Contact" - URL = "/contact" + URL = "contact" weight = 5 diff --git a/images/screenshot.png b/images/screenshot.png Binary files differindex e299925..271b63c 100644 --- a/images/screenshot.png +++ b/images/screenshot.png diff --git a/images/tn.png b/images/tn.png Binary files differindex e299925..c0c8a6a 100644 --- a/images/tn.png +++ b/images/tn.png diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 59bdb6e..7a295b7 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -15,7 +15,7 @@ {{ end }} {{ "<!-- Main Stylesheet -->" | safeHTML }} - {{ $styles := resources.Get "scss/style.scss" | toCSS | minify | fingerprint }} + {{ $styles := resources.Get "css/style.css" | minify }} <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}" media="screen"> {{ "<!--Favicon-->" | safeHTML }} diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 3664005..e15bed7 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -20,13 +20,13 @@ </a> <div class="dropdown-menu" > {{ range .Children }} - <a class="dropdown-item" href="{{ .URL }}">{{ .Name }}</a> + <a class="dropdown-item" href="{{ .URL | absURL }}">{{ .Name }}</a> {{ end }} </div> </li> {{ else }} <li class="nav-item"> - <a class="nav-link" href="{{ .URL }}">{{ .Name }}</a> + <a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a> </li> {{ end }} {{ end }} |
