diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
index b3bbc46..18a8ded 100644
--- a/assets/scss/_variables.scss
+++ b/assets/scss/_variables.scss
@@ -1,10 +1,10 @@
//site color variables
-$primary-color: #5D78FF;
-$secondary-color: #282F49;
-$text-color: #9D9EA5;
-$text-color-dark: #00113E;
+$primary-color: #5d78ff;
+$secondary-color: #282f49;
+$text-color: #9d9ea5;
+$text-color-dark: #00113e;
$site-ease: cubic-bezier(0.36, 0.03, 0, 0.91);
-$gray: #F7F9FF;
+$gray: #f7f9ff;
$dark-gray: #646569;
// solid colors
@@ -12,17 +12,15 @@ $white: #fff;
$black: #000;
// Font Variables
-$primary-font: 'Yeseva One', cursive;
-$secondary-font: 'Poppins', sans-serif;
-
-
+$primary-font: "Yeseva One", cursive;
+$secondary-font: "Poppins", sans-serif;
//////
////// Bootstrap Variables
//////
// Colors
-$primary: #5D78FF;
+$primary: #5d78ff;
$secondary: #7e7e8a;
//
@@ -30,9 +28,9 @@ $secondary: #7e7e8a;
//
// Fonts
-@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900|Yeseva+One&display=swap');
-$font-family-base: 'Poppins', sans-serif;
-$headings-font-family: 'Yeseva One', cursive;
+@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900|Yeseva+One&display=swap");
+$font-family-base: "Poppins", sans-serif;
+$headings-font-family: "Yeseva One", cursive;
// @import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
// $font-family-base: 'Merriweather', serif;
@@ -40,12 +38,12 @@ $headings-font-family: 'Yeseva One', cursive;
// Size
$font-size-base: 1.125rem; // 18px
-$h1-font-size: 60px;
-$h2-font-size: 50px;
-$h3-font-size: 30px;
-$h4-font-size: 25px;
-$h5-font-size: 25px;
-$h6-font-size: 15px;
+$h1-font-size: 60px;
+$h2-font-size: 50px;
+$h3-font-size: 30px;
+$h4-font-size: 25px;
+$h5-font-size: 22px;
+$h6-font-size: 16px;
// Spacing
$headings-margin-bottom: 1.5rem;
diff --git a/assets/scss/components/_blog-section.scss b/assets/scss/components/_blog-section.scss
index 57d69b7..8e31f71 100644
--- a/assets/scss/components/_blog-section.scss
+++ b/assets/scss/components/_blog-section.scss
@@ -1,110 +1,109 @@
.blog-preview {
- position: relative;
- margin-bottom: 30px;
- &__shape{
- position: absolute;
- top: 11%;
- right: 12%;
- height: 300px;
- width: 300px;
- img{
- animation: rotate 25s infinite linear;
- height: 100%;
- width: 100%;
- }
- @include desktop{
- display: none;
- }
- }
- &__header_button{
- position: relative;
- width: 100%;
- height: 100%;
- a {
- position: absolute;
- bottom: 0;
- right: 0;
- display: inline-block;
- @include desktop{
- position: relative;
- margin-top: 30px;
- }
- }
- }
- &__item{
- position: relative;
- margin-bottom: 20px;
- @include desktop{
- margin-bottom: 130px;
- }
- &-thumb{
- width: 90%;
- height: 100%;
- overflow: hidden;
- border-radius: 20px;
- @include desktop{
- width: 80%;
- margin: 0 auto;
- }
- img{
- height: 100%;
- width: 100%;
- transition: all .3s ease;
- }
- }
- &-content{
- background: #ffffff;
- position: absolute;
- bottom: -100px;
- left: 40px;
- padding: 30px;
- border-radius: 20px;
- box-shadow: 0px 20px 40px 0px rgba(50,65,141,0.12);
- @include desktop{
- left: 0;
- }
- span{
- font-size: 16px;
- color: $primary;
- margin: 0 0 20px 40px;
- position: relative;
- display: block;
- line-height: 1;
- &::before{
- position: absolute;
- content: '';
- top: 50%;
- left: -40px;
- height: 1px;
- width: 20px;
- background: #282F49;
- transform: translateY(-50%);
- }
- }
- }
- &:hover{
- .blog__item-thumb img{
- transform: scale(1.1);
- }
- }
- }
- .mobile{
- display: none;
- }
- @include desktop {
- .desktop{
- display: none;
- }
- .mobile{
- display: block;
- text-align: center;
- }
- }
+ position: relative;
+ margin-bottom: 30px;
+ &__shape {
+ position: absolute;
+ top: 11%;
+ right: 12%;
+ height: 300px;
+ width: 300px;
+ img {
+ animation: rotate 25s infinite linear;
+ height: 100%;
+ width: 100%;
+ }
+ @include desktop {
+ display: none;
+ }
+ }
+ &__header_button {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ a {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ display: inline-block;
+ @include desktop {
+ position: relative;
+ margin-top: 30px;
+ }
+ }
+ }
+ &__item {
+ position: relative;
+ margin-bottom: 20px;
+ @include desktop {
+ margin-bottom: 130px;
+ }
+ &-thumb {
+ width: 90%;
+ height: 100%;
+ overflow: hidden;
+ border-radius: 20px;
+ @include desktop {
+ width: 80%;
+ margin: 0 auto;
+ }
+ img {
+ height: 100%;
+ width: 100%;
+ transition: all 0.3s ease;
+ }
+ }
+ &-content {
+ position: absolute;
+ bottom: -100px;
+ left: 40px;
+ padding: 30px;
+ border-radius: 20px;
+ box-shadow: 0px 20px 40px 0px rgba(50, 65, 141, 0.12);
+ @include desktop {
+ left: 0;
+ }
+ span {
+ color: $primary;
+ margin: 0 0 20px 40px;
+ position: relative;
+ display: block;
+ line-height: 1;
+ &::before {
+ position: absolute;
+ content: "";
+ top: 50%;
+ left: -40px;
+ height: 1px;
+ width: 20px;
+ background: $secondary;
+ transform: translateY(-50%);
+ }
+ }
+ }
+ &:hover {
+ .blog-preview__item-thumb img {
+ transform: scale(1.1);
+ }
+ }
+ }
+ .mobile {
+ display: none;
+ }
+ @include desktop {
+ .desktop {
+ display: none;
+ }
+ .mobile {
+ display: block;
+ text-align: center;
+ }
+ }
+}
+@keyframes rotate {
+ from {
+ -webkit-transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ }
}
-@keyframes rotate{
- from {
- -webkit-transform: rotate(0deg);
- } to {
- -webkit-transform: rotate(360deg);
- }
-}
\ No newline at end of file
diff --git a/assets/scss/components/_blog.scss b/assets/scss/components/_blog.scss
index bcf1adf..969149d 100644
--- a/assets/scss/components/_blog.scss
+++ b/assets/scss/components/_blog.scss
@@ -1,128 +1,54 @@
.blog-page {
- &__item {
- position: relative;
- margin-bottom: 120px;
- &-thumb {
- width: 90%;
- height: 100%;
- @include desktop {
- width: 80%;
- margin: 0 auto;
- }
- img {
- height: 100%;
- width: 100%;
- border-radius: 20px;
- }
- }
- &-content {
- background: #ffffff;
- position: absolute;
- bottom: -100px;
- left: 40px;
- padding: 30px;
- border-radius: 20px;
- box-shadow: 0px 20px 40px 0px rgba(50, 65, 141, 0.12);
- @include desktop {
- left: 0;
- }
- span {
- font-size: 16px;
- font-family: $secondary-font;
- color: $primary-color;
- margin: 0 0 20px 40px;
- position: relative;
- display: block;
- line-height: 1;
- &::before {
- position: absolute;
- content: "";
- top: 50%;
- left: -40px;
- height: 1px;
- width: 20px;
- background: #282f49;
- transform: translateY(-50%);
- }
- }
- a {
- font-size: 22px;
- font-family: $primary-font;
- line-height: 30px;
- color: $secondary-color;
- margin: 0;
- display: block;
- text-decoration: none;
- transition: all 0.3s ease;
- &:hover {
- color: $primary-color;
- }
- }
- }
- }
- &__pagination {
- width: 100%;
- position: relative;
- height: 80px;
- margin-top: 40px;
- .pagination {
- position: absolute;
- top: 0;
- left: 50%;
- transform: translateX(-50%);
- li {
- a {
- transition: all 0.3s ease;
- border-radius: 10px !important;
- box-shadow: 0 20px 40px 0 rgba(50, 65, 141, 0.12);
- height: 80px;
- width: 80px;
- text-decoration: none;
- font-family: $primary-font;
- font-size: 20px;
- color: $secondary-color;
- transition: all 0.3s ease;
- display: inline-block;
- text-align: center;
- line-height: 80px;
- position: relative;
- border: none;
- svg {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- path {
- fill: #000;
- }
- }
- }
- &:hover {
- a {
- background: $primary-color;
- color: $white;
- svg {
- path {
- fill: $white;
- }
- }
- }
- }
- &:not(:last-child) {
- margin-right: 34px;
- }
- &.active {
- a {
- background: $primary-color;
- color: $white;
- svg {
- path {
- fill: $white;
- }
- }
- }
- }
- }
- }
- }
+ &__item {
+ position: relative;
+ margin-bottom: 180px;
+ &-thumb {
+ width: 90%;
+ height: 100%;
+ overflow: hidden;
+ border-radius: 20px;
+ @include desktop {
+ width: 80%;
+ margin: 0 auto;
+ }
+ img {
+ height: 100%;
+ width: 100%;
+ transition: all 0.3s ease;
+ }
+ }
+ &-content {
+ position: absolute;
+ bottom: -100px;
+ left: 40px;
+ padding: 30px;
+ border-radius: 20px;
+ box-shadow: 0px 20px 40px 0px rgba(50, 65, 141, 0.12);
+ @include desktop {
+ left: 0;
+ }
+ span {
+ color: $primary;
+ margin: 0 0 20px 40px;
+ position: relative;
+ display: block;
+ line-height: 1;
+ &::before {
+ position: absolute;
+ content: "";
+ top: 50%;
+ left: -40px;
+ height: 1px;
+ width: 20px;
+ background: $secondary;
+ transform: translateY(-50%);
+ }
+ }
+ }
+ &:hover {
+ .blog-page__item-thumb img {
+ transform: scale(1.1);
+ }
+ }
+ }
}
diff --git a/assets/scss/components/_page-title.scss b/assets/scss/components/_page-title.scss
index 9e4518e..1598344 100644
--- a/assets/scss/components/_page-title.scss
+++ b/assets/scss/components/_page-title.scss
@@ -1,104 +1,81 @@
-.breadCrumb{
+.breadCrumb {
padding: 200px 0 0;
position: relative;
- .svg-img{
+ .svg-img {
position: absolute;
bottom: -35%;
left: -7%;
animation: move_top 5s infinite linear;
- @include desktop{
+ @include desktop {
display: none;
}
}
- .animate-shape{
+ .animate-shape {
position: absolute;
bottom: -60%;
right: 2%;
height: 300px;
width: 300px;
- svg{
+ svg {
width: 100%;
}
- @include desktop{
+ @include desktop {
display: none;
}
}
- .animate-pattern{
+ .animate-pattern {
position: absolute;
bottom: -40%;
right: 10%;
height: 100px;
width: 100px;
animation: move_top 3s infinite linear;
- img{
+ img {
height: 100%;
width: 100%;
}
- @include desktop{
+ @include desktop {
display: none;
}
}
- @include desktop{
+ @include desktop {
padding: 120px 0 0;
}
- &__title{
+ &__title {
font-size: 48px;
- font-family: $primary-font;
- color: $secondary-color;
line-height: 1;
margin: 0 0 30px 0;
- @include tablet{
- font-size: 36px;
- }
- @include mobile{
- font-size: 30px;
- }
}
- .breadcrumb{
+ .breadcrumb {
background: none;
margin: 0;
padding: 0;
- &-item{
- a{
- font-family: $secondary-font;
- color: $secondary-color;
- font-size: 17px;
+ &-item {
+ a {
+ color: $secondary;
text-decoration: none;
- @include mobile{
- font-size: 14px;
- }
- @include mobile-xs{
- font-size: 12px;
- }
}
- &.active{
- font-family: $secondary-font;
- color: $secondary-color;
- @include mobile{
- font-size: 14px;
- }
- @include mobile-xs{
- font-size: 12px;
- }
+ &.active {
+ color: $secondary;
}
}
}
- .breadcrumb-item+.breadcrumb-item::before{
- content: '-';
- color: $secondary-color;
- font-size: 17px;
- padding-right: 10px;
- @include mobile{
- font-size: 14px;
- }
- @include mobile-xs{
- padding-right: 0px;
- }
- }
- .breadcrumb-item+.breadcrumb-item{
- padding-left: 10px;
- @include mobile-xs{
- padding-right: 0px;
- }
+ .breadcrumb-item + .breadcrumb-item::before {
+ content: "-";
+ // color: $secondary-color;
+ // font-size: 17px;
+ // padding-right: 10px;
+ // @include mobile {
+ // font-size: 14px;
+ // }
+ // @include mobile-xs {
+ // padding-right: 0px;
+ // }
}
-}
\ No newline at end of file
+ // .breadcrumb-item + .breadcrumb-item {
+ // padding-left: 10px;
+ // @include mobile-xs {
+ // padding-right: 0px;
+ // }
+ // }
+}
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 476109e..90bc98e 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -43,11 +43,13 @@
<div class="col-lg-4">
<div class="blog-page__item">
<div class="blog-page__item-thumb">
- <img src={{ .Params.featureImage | absURL }} alt="post-image">
+ <img src="{{ .Params.featureImage | absURL }}" alt="post-image">
</div>
- <div class="blog-page__item-content">
- <span>{{ .PublishDate.Format "January 2, 2006" }}</span>
- <a href="{{ .Permalink }}">{{ .Title }}</a>
+ <div class="blog-page__item-content bg-white">
+ <span class="small">{{ .PublishDate.Format "January 2, 2006" }}</span>
+ <h5 class="mb-0">
+ <a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
+ </h5>
</div>
</div>
</div>
diff --git a/layouts/partials/blogSection.html b/layouts/partials/blogSection.html
index 7b44632..c020e48 100644
--- a/layouts/partials/blogSection.html
+++ b/layouts/partials/blogSection.html
@@ -1,49 +1,49 @@
{{ with .Site.Data.blogSection }}
{{ if .enable }}
<section class="section blog-preview" id="blog">
- <div class="blog-preview__shape">
- <img src="images/blog/blog-shape.svg" alt="blog shape" />
- </div>
- <div class="container">
- <div class="row mb-5">
- <div class="col-lg-6">
- <div class="blog-preview__header">
- <span class="top-title pre-line">{{ .topTitle }}</span>
- {{ .title | markdownify }}
- </div>
- </div>
- <div class="col-lg-6">
- <div class="blog-preview__header_button desktop">
- <a class="btn btn-outline-secondary btn-zoom m-3" href="{{ .buttonTarget | absURL }}">See all post</a>
- </div>
- </div>
- </div>
+ <div class="blog-preview__shape">
+ <img src="images/blog/blog-shape.svg" alt="blog shape" />
+ </div>
+ <div class="container">
+ <div class="row mb-5">
+ <div class="col-lg-6">
+ <div class="blog-preview__header">
+ <span class="top-title pre-line">{{ .topTitle }}</span>
+ {{ .title | markdownify }}
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="blog-preview__header_button desktop">
+ <a class="btn btn-outline-secondary btn-zoom m-3" href="{{ .buttonTarget | absURL }}">See all post</a>
+ </div>
+ </div>
+ </div>
- <div class="row">
- {{ range first 3 (where $.Site.RegularPages "Type" "!=" "portfolio") }}
- <div class="col-lg-4">
- <div class="blog-preview__item">
- <div class="blog-preview__item-thumb">
- <img src="{{ .Params.featureImage | absURL }}" alt="post-image">
- </div>
- <div class="blog-preview__item-content">
- <span>{{ .PublishDate.Format "January 2, 2006" }}</span>
- <h4 class="mb-0">
- <a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
- </h4>
- </div>
- </div>
- </div>
- {{ end }}
+ <div class="row">
+ {{ range first 3 (where $.Site.RegularPages "Type" "!=" "portfolio") }}
+ <div class="col-lg-4">
+ <div class="blog-preview__item">
+ <div class="blog-preview__item-thumb">
+ <img src="{{ .Params.featureImage | absURL }}" alt="post-image">
+ </div>
+ <div class="blog-preview__item-content bg-white">
+ <span class="small">{{ .PublishDate.Format "January 2, 2006" }}</span>
+ <h5 class="mb-0">
+ <a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a>
+ </h5>
+ </div>
+ </div>
+ </div>
+ {{ end }}
- </div>
- <div class="row">
- <div class="col-lg-12">
- <div class="blog-preview__header_button mobile">
- <a class="btn btn-outline-secondary btn-zoom" href="{{ .buttonTarget | absURL }}">See all post</a>
- </div>
- </div>
- </div>
- </div>
+ </div>
+ <div class="row">
+ <div class="col-lg-12">
+ <div class="blog-preview__header_button mobile">
+ <a class="btn btn-outline-secondary btn-zoom" href="{{ .buttonTarget | absURL }}">See all post</a>
+ </div>
+ </div>
+ </div>
+ </div>
</section>
{{ end }} {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index e7f3431..0833d7e 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,91 +1,91 @@
<section class="footer" id="contact">
- <div class="footer__background_shape">
- <svg viewBox="0 0 1920 79">
- <path d="M0 0h1920v79L0 0z" data-name="Path 1450" />
- </svg>
- </div>
- <div class="container">
- <div class="row">
- <div class="col-lg-12">
- <div class="footer__cta">
- <div class="shape-1">
- <svg xmlns="http://www.w3.org/2000/svg" width="357" height="315.029" viewBox="0 0 357 315.029">
- <path data-name="Path 1449"
- d="M76.1-157.222C91.746-135.8 87.2-94.273 99.993-61.945c12.7 32.328 42.661 55.459 39.248 73.282-3.318 17.823-40.007 30.337-65.6 43.325-25.5 12.988-39.912 26.545-60.01 42.566-20.1 16.116-46.074 34.6-63.328 27.682-17.349-6.921-25.976-39.153-59.915-59.82s-93.1-29.768-105.325-51.478 22.373-56.028 43.609-93.949c21.331-37.921 29.2-79.35 53.563-96.793 24.459-17.444 65.414-10.9 103.9-6.921 38.396 3.982 74.326 5.404 89.965 26.829z"
- transform="translate(217.489 188.626)" />
- </svg>
- </div>
- <div class="shape-2">
- <svg xmlns="http://www.w3.org/2000/svg" width="357" height="315.029" viewBox="0 0 357 315.029">
- <path data-name="Path 1449"
- d="M76.1-157.222C91.746-135.8 87.2-94.273 99.993-61.945c12.7 32.328 42.661 55.459 39.248 73.282-3.318 17.823-40.007 30.337-65.6 43.325-25.5 12.988-39.912 26.545-60.01 42.566-20.1 16.116-46.074 34.6-63.328 27.682-17.349-6.921-25.976-39.153-59.915-59.82s-93.1-29.768-105.325-51.478 22.373-56.028 43.609-93.949c21.331-37.921 29.2-79.35 53.563-96.793 24.459-17.444 65.414-10.9 103.9-6.921 38.396 3.982 74.326 5.404 89.965 26.829z"
- transform="translate(217.489 188.626)" />
- </svg>
- </div>
- <div class="text-light footer__cta_content">
- <span>Contact me</span>
- <h2>Let’s Start a Project</h2>
- </div>
- <div class="footer__cta_action">
- <a class="btn btn-light btn-zoom" href="{{ .Site.Params.contactLink | absURL }}">Get in
- touch</a>
- </div>
- </div>
- </div>
- </div>
- <div class="row footer__widget">
- <div class="col-lg-4">
- <div class="footer__widget_logo mb-5">
- <img src="{{ .Site.Params.footerLogo | absURL }}" alt="widget-logo">
- </div>
- </div>
- <div class="col-lg-4">
- <div class="text-light footer__widget_sitemap mb-5">
- <h4 class="base-font">Sitemap</h4>
- <ul class="unstyle-list small">
- {{ $sitemap := .Site.Menus.sitemap }}
- {{ range $sitemap }}
- <li class="mb-2"><a class="text-light" href="{{ .URL | absURL }}">{{ .Name }}</a></li>
- {{ end }}
- </ul>
- </div>
- </div>
- <div class="col-lg-4">
- <div class="text-light footer__widget_address mb-5">
- <h4 class="base-font">Address</h4>
- {{ $address := .Site.Params.address }}
- <ul class="fa-ul small">
- <li class="mb-2"><a class="text-light" href="tel:{{ $address.phone }}"><span class="fa-li"><i
- class="fa fa-phone"></i></span>{{ $address.phone }}</a></li>
- <li class="mb-2"><a class="text-light" href="mailto:{{ $address.email }}"><span class="fa-li"><i
- class="fa fa-envelope"></i></span>{{ $address.email }}</a></li>
- <li class="mb-2">
- <span class="fa-li"><i class="fa fa-map-marker"></i></span>{{ $address.address }}</a>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div class="row footer__footer">
- <div class="col-lg-6">
- <div class="footer__footer_copy">
- <p>{{ .Site.Params.copyright }}</p>
- </div>
- </div>
- <div class="col-lg-6">
- <div class="footer__footer_social">
- <ul class="unstyle-list">
- {{ $social := .Site.Params.social }}
- {{ range $social }}
- <li class="d-inline-block mx-2"><a class="text-light" target="_blank" href="{{ .url }}"><i
- class="fa {{ .icon }}"></i></a>
- </li>
- {{ end }}
- </ul>
- </div>
- </div>
- </div>
- </div>
+ <div class="footer__background_shape">
+ <svg viewBox="0 0 1920 79">
+ <path d="M0 0h1920v79L0 0z" data-name="Path 1450" />
+ </svg>
+ </div>
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-12">
+ <div class="footer__cta">
+ <div class="shape-1">
+ <svg xmlns="http://www.w3.org/2000/svg" width="357" height="315.029" viewBox="0 0 357 315.029">
+ <path data-name="Path 1449"
+ d="M76.1-157.222C91.746-135.8 87.2-94.273 99.993-61.945c12.7 32.328 42.661 55.459 39.248 73.282-3.318 17.823-40.007 30.337-65.6 43.325-25.5 12.988-39.912 26.545-60.01 42.566-20.1 16.116-46.074 34.6-63.328 27.682-17.349-6.921-25.976-39.153-59.915-59.82s-93.1-29.768-105.325-51.478 22.373-56.028 43.609-93.949c21.331-37.921 29.2-79.35 53.563-96.793 24.459-17.444 65.414-10.9 103.9-6.921 38.396 3.982 74.326 5.404 89.965 26.829z"
+ transform="translate(217.489 188.626)" />
+ </svg>
+ </div>
+ <div class="shape-2">
+ <svg xmlns="http://www.w3.org/2000/svg" width="357" height="315.029" viewBox="0 0 357 315.029">
+ <path data-name="Path 1449"
+ d="M76.1-157.222C91.746-135.8 87.2-94.273 99.993-61.945c12.7 32.328 42.661 55.459 39.248 73.282-3.318 17.823-40.007 30.337-65.6 43.325-25.5 12.988-39.912 26.545-60.01 42.566-20.1 16.116-46.074 34.6-63.328 27.682-17.349-6.921-25.976-39.153-59.915-59.82s-93.1-29.768-105.325-51.478 22.373-56.028 43.609-93.949c21.331-37.921 29.2-79.35 53.563-96.793 24.459-17.444 65.414-10.9 103.9-6.921 38.396 3.982 74.326 5.404 89.965 26.829z"
+ transform="translate(217.489 188.626)" />
+ </svg>
+ </div>
+ <div class="text-light footer__cta_content">
+ <span>Contact me</span>
+ <h2 class="mb-0">Let’s Start a Project</h2>
+ </div>
+ <div class="footer__cta_action">
+ <a class="btn btn-light btn-zoom" href="{{ .Site.Params.contactLink | absURL }}">Get in
+ touch</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="row footer__widget">
+ <div class="col-lg-4">
+ <div class="footer__widget_logo mb-5">
+ <img src="{{ .Site.Params.footerLogo | absURL }}" alt="widget-logo">
+ </div>
+ </div>
+ <div class="col-lg-4">
+ <div class="text-light footer__widget_sitemap mb-5">
+ <h4 class="base-font">Sitemap</h4>
+ <ul class="unstyle-list small">
+ {{ $sitemap := .Site.Menus.sitemap }}
+ {{ range $sitemap }}
+ <li class="mb-2"><a class="text-light" href="{{ .URL | absURL }}">{{ .Name }}</a></li>
+ {{ end }}
+ </ul>
+ </div>
+ </div>
+ <div class="col-lg-4">
+ <div class="text-light footer__widget_address mb-5">
+ <h4 class="base-font">Address</h4>
+ {{ $address := .Site.Params.address }}
+ <ul class="fa-ul small">
+ <li class="mb-2"><a class="text-light" href="tel:{{ $address.phone }}"><span class="fa-li"><i
+ class="fa fa-phone"></i></span>{{ $address.phone }}</a></li>
+ <li class="mb-2"><a class="text-light" href="mailto:{{ $address.email }}"><span class="fa-li"><i
+ class="fa fa-envelope"></i></span>{{ $address.email }}</a></li>
+ <li class="mb-2">
+ <span class="fa-li"><i class="fa fa-map-marker"></i></span>{{ $address.address }}</a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div class="row footer__footer">
+ <div class="col-lg-6">
+ <div class="footer__footer_copy">
+ <p>{{ .Site.Params.copyright }}</p>
+ </div>
+ </div>
+ <div class="col-lg-6">
+ <div class="footer__footer_social">
+ <ul class="unstyle-list">
+ {{ $social := .Site.Params.social }}
+ {{ range $social }}
+ <li class="d-inline-block mx-2"><a class="text-light" target="_blank" href="{{ .url }}"><i
+ class="fa {{ .icon }}"></i></a>
+ </li>
+ {{ end }}
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
</section>
<script src="https://maps.googleapis.com/maps/api/js?key={{ .Site.Params.map.APIkey }}&libraries=geometry"></script>
<script src="{{ "plugins/jQuery/jquery.min.js" | absURL }}"></script>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 1ee7f49..c6e04e0 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -15,7 +15,7 @@
{{ range $index, $element := $menu }}
<li class="nav-item">
<a href="{{ $.Site.BaseURL }}{{ .URL }}"
- class="nav-link text-dark text-sm-center px-2 py-3 {{ if $.IsHome }}scroll{{ end }}">{{ .Name }}</a>
+ class="nav-link text-dark text-sm-center p-3 small font-weight-bold {{ if $.IsHome }}scroll{{ end }}">{{ .Name }}</a>
</li>
{{ end }}
</ul>
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
index 30823f7..3175d73 100644
--- a/layouts/partials/pagination.html
+++ b/layouts/partials/pagination.html
@@ -1,34 +1,27 @@
{{ $pag := $.Paginator }}
{{ if gt $pag.TotalPages 1 }}
-<div class="blog-page__pagination">
- <div class="pagination">
+<nav aria-label="Page navigation" class="w-100">
+ <ul class="pagination justify-content-center pagination-lg">
{{ range $pag.Pagers }}
{{ if eq . $pag }}
- <li class="active">
- <a href="{{ .URL }}">{{ .PageNumber }}</a>
+ <li class="page-item active">
+ <a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
</li>
{{ else }}
- <li>
- <a href="{{ .URL }}">{{ .PageNumber }}</a>
+ <li class="page-item">
+ <a class="page-link" href="{{ .URL }}">{{ .PageNumber }}</a>
</li>
{{ end }}
{{ end }}
{{ if $pag.HasNext }}
<li class="page-item">
- <a href="{{ $pag.Next.URL }}" rel="next" class="page-link">
- <svg xmlns="http://www.w3.org/2000/svg" width="20.657" height="11.314" viewBox="0 0 20.657 11.314">
- <g fill="#fff" data-name="Group 12">
- <path d="M0 4.657h18v2H0z" data-name="Rectangle 2400" />
- <path d="M13.586 9.9l5.6568542-5.6568542 1.4142136 1.4142135-5.6568542 5.6568543z"
- data-name="Rectangle 2401" />
- <path d="M15 0l5.6568542 5.6568542-1.4142135 1.4142136-5.6568543-5.6568542z" data-name="Rectangle 2402" />
- </g>
- </svg>
+ <a class="page-link" href="{{ $pag.Next.URL }}" rel="next">
+ →
</a>
</li>
{{ end }}
- </div>
+ </ul>
<!-- </nav> -->
-</div>
+</nav>
{{ end }}
\ No newline at end of file