fix the blog

src/assets/styles/blocks/blog.styl

@@ -1,39 +1,58 @@
 .blog
   background-color #F7F2E2
   padding 74px 135px 80px
+  position relative
 
-  &__arrows
+  &__cards
     display flex
+    flex-direction row
     justify-content center
-    margin-top 48px
+    
 
-  &__arrow_back
-    height 48px
-    width 48px
-    border-radius 100%
-    border none
-
-  &__arrow_forward
-    height 48px
-    width 48px
-    border-radius 100%
-    border none
+  &__shape
+    position absolute
+    z-index 0
+    width 176px
+    height 176px
+    right 67px
+    bottom 134px
+    margin 0
+    padding 0
 
-  &__arrow_right
-    margin-right 8px
+  &__subtitle
+    font-size 18px
+    line-height 32px
+    font-weight 700
+    padding 0
+    margin 0
+    margin-bottom 18px
 
-  &__cards
-    display flex
-    flex-direction row
+  &__text
+    flex-direction column
+    text-align center
     justify-content center
+    align-items center
 
-  &__card
-    background-color #DD514C
-    width 370px
-    height 464px
-    border-radius 20px
+  &__title
+    text-align center
+    font-size 56px
+    line-height 64px
+    font-weight 700
+    padding 0
+    margin 0
+    padding-bottom 52px
+
+.card
+  background-color #DD514C
+  width 370px
+  height 464px
+  border-radius 20px
+  z-index 1
 
-  &__card_month
+  &--right
+    margin-right 30px
+
+  &__month
     color white
     font-size 16px
     line-height 32px
@@ -41,7 +60,7 @@
     padding 0
     margin 0 234px 192px 32px
 
-  &__card_num
+  &__num
     color white
     font-size 72px
     line-height 80px
@@ -49,10 +68,7 @@
     padding 0
     margin 15px 243px 9px 32px
 
-  &__card_right
-    margin-right 30px
-
-  &__card_subtitle
+  &__subtitle
     font-size 16px
     line-height 32px
     font-weight 400
@@ -62,7 +78,7 @@
     margin 0 285px 13px 32px
     padding 0
 
-  &__card_title
+  &__title
     text-align left
     font-size 24px
     line-height 32px
@@ -71,37 +87,22 @@
     margin 0 32px 40px
     padding 0
 
-  &__shape
-      position absolute
-      z-index 1
-      width 176px
-      height 176px
-      left 1250px
-      top 5575px
-      object-position left top
-      object-fit cover
-      margin 0
-      padding 0
+.arrows
+  display flex
+  justify-content center
+  margin-top 48px
 
-  &__subtitle
-      font-size 18px
-      line-height 32px
-      font-weight 700
-      padding 0
-      margin 0
-      margin-bottom 18px
+  &__back
+    height 48px
+    width 48px
+    border-radius 100%
+    border none
 
-  &__text
-      flex-direction column
-      text-align center
-      justify-content center
-      align-items center
+    &--right
+      margin-right 8px
 
-  &__title
-      text-align center
-      font-size 56px
-      line-height 64px
-      font-weight 700
-      padding 0
-      margin 0
-      margin-bottom 52px
+  &__forward
+    height 48px
+    width 48px
+    border-radius 100%
+    border none

src/templates/blocks/achievements/achievements.pug

@@ -1,7 +1,7 @@
 mixin achievements()
   +b.SECTION.achievements
     +e.wrap
-      +e.H2.subtitle Achievements
+      +e.H2.subtitle--title Achievements
       +e.H1.title
         | Design, Followed By
         | Form & Function

src/templates/blocks/blog/blog.pug

@@ -1,33 +1,33 @@
 mixin blog()
-  +e.SECTION.blog
+  +b.SECTION.blog
     +e.text
       +e.H3.subtitle Blog Update
       +e.H2.title News & Articles
     +e.cards
-      +e.card.card_right
-        +e.P.card_num 30
-        +e.P.card_month October, 2021
-        +e.H3.card_subtitle Interior
-        +e.H2.card_title
+      +b.card--right
+        +e.P.num 30
+        +e.P.month October, 2021
+        +e.H3.subtitle Interior
+        +e.H2.title
           | Anyhow, and that will
           | be a rare experience
-      +e.card.card_right
-        +e.P.card_num 28
-        +e.P.card_month October, 2021
-        +e.H3.card_subtitle Interior
-        +e.H2.card_title
+      +b.card--right
+        +e.P.num 28
+        +e.P.month October, 2021
+        +e.H3.subtitle Interior
+        +e.H2.title
           | Seems to me that a view
           | of the heavenly
-      +e.card.card_right
-        +e.P.card_num 25
-        +e.P.card_month October, 2021
-        +e.H3.card_subtitle Interior
-        +e.H2.card_title
+      +b.card--right
+        +e.P.num 25
+        +e.P.month October, 2021
+        +e.H3.subtitle Interior
+        +e.H2.title
           | As well as a tour round
           | the world, should form
-        +e.IMG.shape(src='../../../assets/images/general-shape.svg' alt='shape')
-    +e.NAV.arrows
-      +e.BUTTON.arrow_back.arrow_right(type='submit')
+    +e.IMG.shape(src='../../../assets/images/general-shape.svg' alt='shape')
+    +b.NAV.arrows
+      +e.BUTTON.back.--right(type='submit')
         IMG(src='../../../assets/images/service/back.svg' alt='back')
-      +e.BUTTON.arrow_forward(type='submit')
+      +e.BUTTON.forward(type='submit')
         IMG(src='../../../assets/images/service/forward.svg' alt='forward')

src/templates/pages/index.pug

@@ -4,6 +4,7 @@ include ../blocks/architect/architect
 include ../blocks/blog/blog
 include ../blocks/experts/experts
 include ../blocks/general/general
+include ../blocks/portfolio/portfolio
 include ../blocks/service/service
 include ../blocks/numbers/numbers
 include ../blocks/experts/experts