4 files changed, 184 insertions, 0 deletions
diff --git a/sass/front-page/banner.sass b/sass/front-page/banner.sass
new file mode 100644
index 0000000..c243d03
--- /dev/null
+++ b/sass/front-page/banner.sass
@@ -0,0 +1,71 @@
+@import settings.sass
+  
+section.banner
+  background-image: url("/img/front-page/banner/banner-bg.svg")
+  background-position: bottom
+  background-repeat: no-repeat
+  background-size: cover
+  padding: 77px 0 87px
+  +resp(sm)
+    background-image: url("/img/front-page/banner/banner-bg-sm.svg")
+    padding: 45px 0 0
+  div.sm-none
+    +resp(sm)
+      padding: 0
+  div.banner__text-button
+    max-width: 50%
+    +resp(lg)
+      max-width: 61%
+    +resp(sm)
+      margin-bottom: 23px
+      max-width: 100%
+    h1.banner__title
+      font-family: $lato
+      font-weight: 800
+      font-size: 45px
+      line-height: 120%
+      letter-spacing: 0.02em
+      color: $black
+      padding-bottom: 57px
+      +resp(sm)
+        font-size: 38px
+        text-align: center
+        padding-bottom: 51%
+        padding-left: 20px
+        padding-right: 20px
+      +resp(esm)
+        font-size: 28px
+    div.banner__btn_container
+      +resp(sm)
+        background-color: $white
+        display: flex
+        justify-content: center
+        padding-left: 20px
+        padding-right: 20px
+      a.banner__btn
+        max-width: 311px
+        width: 100%
+        height: 58px
+        background: $black
+        border: 1px solid $black
+        display: inline-flex
+        margin-top: 23px
+        align-items: center
+        justify-content: center
+        font-family: $lato
+        font-weight: 900
+        font-size: 16px
+        line-height: 15px
+        color: $white
+        text-decoration: none
+        transition: 0.3s
+        +resp(sm)
+          height: 38px
+          font-size: 14px
+          // margin-left: auto
+          // margin-right: auto
+          // margin-top: 50px
+          // position: absolute
+        &:hover
+          background: $white
+          color: $black
+\ No newline at end of file
diff --git a/sass/front-page/bottom-text.sass b/sass/front-page/bottom-text.sass
new file mode 100644
index 0000000..e8aee16
--- /dev/null
+++ b/sass/front-page/bottom-text.sass
@@ -0,0 +1,19 @@
+@import settings.sass
+
+section.bottom-text
+  div.bottom-text__inner
+    padding: 138px 0 182px
+    max-width: 657px
+    margin-left: auto
+    margin-right: auto
+    +resp(lg)
+      padding: 138px 250px 182px
+    +resp(md)
+      padding: 90px 50px 126px
+    +resp(sm)
+      padding: 56px 50px 64px
+    +resp(esm)
+      padding: 56px 20px 64px
+    h2.bottom-text__title
+      text-align: center
+      padding-bottom: 25px
+\ No newline at end of file
diff --git a/sass/front-page/inform-columns.sass b/sass/front-page/inform-columns.sass
new file mode 100644
index 0000000..68930df
--- /dev/null
+++ b/sass/front-page/inform-columns.sass
@@ -0,0 +1,81 @@
+@import settings.sass
+
+section.inform-columns
+  div.inform-column__inner
+    display: grid
+    grid-template-columns: 1fr 1fr
+    grid-gap: 23px 30px
+    +resp(lg)
+      grid-gap: 20px
+      +resp(sm)
+        grid-template-columns: 1fr
+        
+    div.inform-column__item
+      background: #F3F4F4
+      display: grid
+      grid-template-rows: auto 1fr auto
+      grid-gap: 40px
+      padding: 48px 54px 59px
+      +resp(md)
+        padding: 30px 25px
+      +resp(sm)
+        padding: 30px 24px 40px
+        grid-gap: 15px
+        grid-template-rows: auto 1fr 65px
+      
+      div.inform-column__header
+        display: flex
+        align-items: center
+        div.inform-column__icon
+          padding-right: 19px
+        div.inform-column__title
+          h3
+            font-family: $lato
+            font-weight: bold
+            font-size: 28px
+            line-height: 150%
+            letter-spacing: 0.02em
+            color: #000000
+            +resp(sm)
+              font-size: 21px
+      
+      div.inform-column__data
+        p
+          text-align: left
+          margin-bottom: 29px
+          font-size: 16px
+          &:last-child
+            margin-bottom: 10px
+            +resp(sm)
+              margin-bottom: 0
+          +resp(sm)
+            line-height: 180%
+            font-size: 14px
+            margin-bottom: 25px
+      
+      div.inform-column__button
+        +resp(sm)
+          align-self: end
+        a.inform-column__btn
+          max-width: 311px
+          width: 100%
+          height: 58px
+          display: flex
+          align-items: center
+          justify-content: center
+          background: $orange
+          border: 1px solid $orange
+          font-family: $lato
+          font-weight: 900
+          font-size: 16px
+          line-height: 15px
+          color: $black
+          text-decoration: none
+          transition: 0.3s
+          +resp(sm)
+            height: 38px
+            width: 100%
+            font-size: 14px
+            line-height: 96%
+          &:hover
+            background: $white
+\ No newline at end of file
diff --git a/sass/front-page/main-text.sass b/sass/front-page/main-text.sass
new file mode 100644
index 0000000..54e0786
--- /dev/null
+++ b/sass/front-page/main-text.sass
@@ -0,0 +1,13 @@
+@import settings.sass
+  
+section.main-text
+  max-width: 884px
+  margin-left: auto
+  margin-right: auto
+  padding: 143px 0
+  +resp(lg)
+    padding: 143px 0
+  +resp(md)
+    padding: 90px 0
+  +resp(sm)
+    padding: 34px 0 64px
+\ No newline at end of file