浏览代码

fixed numbers

DevVad 3 年之前
父节点
当前提交
0f0e6300ad
共有 3 个文件被更改,包括 36 次插入1 次删除
  1. 20 0
      src/assets/styles/blocks/numbers.styl
  2. 14 0
      src/templates/blocks/numbers/numbers.pug
  3. 2 1
      src/templates/pages/index.pug

+ 20 - 0
src/assets/styles/blocks/numbers.styl

@@ -0,0 +1,20 @@
+.numbers
+  display flex
+  background-color #8b95c9
+  padding 112px 184px 120px 185px
+  justify-content space-between
+
+	&__diagrams
+    width 170px
+    height 170px
+    border-radius 50%
+
+	&__title
+    text-align center
+    font-size 24px
+    line-height 32px
+    font-weight 700
+    padding 0
+    margin 0
+    padding-top 14px
+    color white

+ 14 - 0
src/templates/blocks/numbers/numbers.pug

@@ -0,0 +1,14 @@
+mixin numbers()
+  +b.SECTION.numbers
+    div
+      +e.IMG.numbers__diagrams(src='../../../assets/images/numbers/42.png' alt='42%')
+      +e.H1.numbers__title Architectural
+    div
+      +e.IMG.numbers__diagrams(src='../../../assets/images/numbers/73.png' alt='73%')
+      +e.H1.numbers__title Construction
+    div
+      +e.IMG.numbers__diagrams(src='../../../assets/images/numbers/85.png' alt='85%')
+      +e.H1.numbers__title Interior
+    div
+      +e.IMG.numbers__diagrams(src='../../../assets/images/numbers/93.png' alt='93%')
+      +e.H1.numbers__title Architectural

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

@@ -5,13 +5,14 @@ include ../blocks/blog/blog
 include ../blocks/experts/experts
 include ../blocks/general/general
 include ../blocks/service/service
-include ../blocks/portfolio/portfolio
+include ../blocks/numbers/numbers
 
 block content
   .page--main 
     +general()
     +service()
     +portfolio()
+    +numbers()
     +achievements()
     +architect()
     +blog()