Răsfoiți Sursa

Наколдовал блок achievements

DevVad 3 ani în urmă
părinte
comite
37a415c902

+ 73 - 0
src/assets/styles/blocks/achievements.styl

@@ -0,0 +1,73 @@
+.achievements
+    display flex
+    padding 128px 135px 200px
+    background-color #D49E31
+
+.achievements__main-illustration
+    width 870px
+    height 624px
+    object-fit cover
+    position relative
+    margin 0
+    padding 0
+    z-index 2
+    justify-content start
+
+.achievements__wrap
+    position absolute
+    z-index 3
+    text-align right
+    margin-top 74px
+    right 135px
+
+.achievements__shape
+    position absolute
+    z-index 1
+    width 176px
+    height 176px
+    right 450px
+    bottom -4130px
+    object-position right bottom
+    object-fit cover
+    margin 0
+    padding 0
+
+.achievements__text
+    position relative
+    z-index 2
+    display flex
+    flex-direction row
+    margin-left 48px
+    margin-top -180px
+
+.achievements__subtitle
+    font-size 18px
+    line-height 32px
+    font-weight 700
+    margin 0
+    padding 0
+    padding-bottom 21px
+
+.achievements__title
+    font-size 72px
+    line-height 80px
+    font-weight 700
+    margin 0
+    padding 0
+    padding-bottom 33px
+
+.achievements__text-one
+    display flex
+    flex-direction column
+    margin-right 118px
+
+.achievements__text-one_num
+    width 134px
+    height 80px
+    padding-bottom 10px
+
+.achievements__text-one_str
+    width 144px
+    height 32px
+    width 144px
+    height 32px

+ 16 - 0
src/templates/blocks/achievements/achievements.pug

@@ -0,0 +1,16 @@
+section.achievements
+  +b.achievements__wrap
+    +e.h2.achievements__subtitle Achievements
+    +e.h1.achievements__title
+      | Design, Followed By
+      | Form & Function
+  +b.div
+    +e.img.achievements__main-illustration(src='./images/achievements/Achievements.png' alt='Achievement')
+    +b.achievements__text
+      +b.achievements__text-one
+        +e.img.achievements__text-one_num(src='./images/achievements/42+.svg' alt='42+')
+        +e.img.achievements__text-one_str(src='./images/achievements/Project-finished.svg' alt='Project finished')
+      .achievements__text-two
+        +e.img.achievements__text-one_num(src='./images/achievements/730.svg' alt='42+')
+        +e.img.achievements__text-one_str(src='./images/achievements/Working-hours.svg' alt='Working-hours')
+    +b.img.achievements__shape(src='./images/general-shape.svg' alt='shape')

+ 1 - 1
src/templates/layouts/main.pug

@@ -17,7 +17,7 @@ html(lang='en')
   include ../blocks/head/head
   include ../blocks/head/head
   body
   body
     .svg-sprite
     .svg-sprite
-      //- include ../blocks/sprite/svg.svg
+      include ../blocks/sprite/svg.svg
     .main-content
     .main-content
       +header()
       +header()
       block content
       block content

+ 2 - 1
src/templates/pages/index.pug

@@ -1,4 +1,4 @@
-extends ../layouts/main
+<!-- extends ../layouts/main
 
 
 block content
 block content
 
 
@@ -399,3 +399,4 @@ block content
           +b.questions-block
           +b.questions-block
             +e.H3.title Остались вопросы?
             +e.H3.title Остались вопросы?
             +e.A(href="#").link Задайте их менеджеру
             +e.A(href="#").link Задайте их менеджеру
+            --!>