add scss suport

scss/_catalog.scss

@@ -0,0 +1,100 @@
+/* Catalog */
+
+/*.catalog__wrapper {
+   display: flex;
+   align-items: center;
+   justify-content: space-between;
+}*/
+h2 {
+   margin: 0;
+}
+.catalog__title {
+   padding: 80px 0 40px 0;
+   display: flex;
+   align-self: start;
+   font-weight: 900;
+   text-transform: uppercase;
+   font-size: 26.666666px;
+   line-height: 1;
+}
+
+.info__title {
+   font-size: 24px;
+   font-weight: 900;
+   padding-bottom: 15px;
+   text-transform: uppercase;
+}
+
+.info__text {
+   font-size: 18px;
+   line-height: 1.45;
+   color: #DFDFDF;
+}
+
+.catalog__wrapper{
+   display: flex;
+   flex-wrap: wrap;
+   align-content: space-between;
+   margin: 0 -10px;
+}
+
+.catalog__products {
+   width: 33.33%;
+   padding: 10px;
+}
+
+.catalog__items {
+   background-color: #14141D;
+   border-radius: 10px;
+   padding: 20px;
+   width: 380px;
+   height: 380px;
+   height: 100%;
+   width: 100%;
+   transition: 0.2s ease;
+   display: block;
+}
+
+.catalog__items:hover {
+   background-color: #22222F;
+}
+
+.catalog__items-img {
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   max-height: 200px;
+   margin: 0 auto;
+   padding: 0;
+}
+
+
+.catalog__items-title {
+   font-size: 24px;
+   text-transform: uppercase; 
+   font-weight: 800;
+   margin: 0;
+   padding: 30px 0 15px 0;
+   line-height: 1;
+}
+
+.catalog__items-price {
+   display: flex;
+   align-items: center;
+   justify-content: space-between;
+   font-size: 18px;
+}
+
+.catalog__items-price del {
+   margin-left: 30px;
+   color: #818181;
+}
+
+
+
+.catalog__favorite {
+   background: none;
+   padding: 0;
+   cursor: pointer;
+   border: 0;
+}

scss/_footer.scss

@@ -0,0 +1,30 @@
+
+/*footer */
+
+.footer {
+   border-top: 2px solid #14141D;
+   padding: 80px;
+}
+
+.footer__wrapper {
+   display: flex;
+   margin: 0 -10px;
+   align-items: center;
+}
+
+.footer__block {
+   width: 33%;
+   padding: 0 10px;
+
+
+}
+
+.footer__logo img{
+   display: block;
+   max-height: 80px;
+}
+
+.nav-footer .nav_link {
+   margin-right: 0;
+   margin-bottom: 20px;
+}

scss/_header.scss

@@ -0,0 +1,113 @@
+/* HEADER */
+
+.header {
+   border-bottom: 1px solid #323230;
+}
+
+.header_line {
+   border-bottom: 1px solid #323230;
+}
+
+.header_line-wrapper {
+   height: 30px;
+   align-items: center;
+   display: flex;
+   justify-content: space-between;
+}
+
+.header_language {
+   display: flex;
+}
+
+.header_language a:hover {
+   color: #C7A17A;
+}
+
+
+.header_language a {
+   font-weight: 600;
+   text-transform: uppercase;
+   font-size: 14px;
+   margin-right: 10px;
+   transition: color 0.2s ease-in-out;
+}
+
+.header_language a.active {
+   color: #C7A17A;
+}
+
+.header__phone {
+   font-weight: 600;
+   font-size: 14px;
+
+}
+
+.header__wrapper {
+   height: 90px;
+   display: flex;
+   justify-content: space-between;
+   align-items: center;
+}
+
+.header_block {
+   width: 40%;
+}
+
+.header_block.right {
+   display: flex;
+   justify-content: flex-end;
+}
+
+.header__actions{
+   display: flex;
+}
+
+.header__link{
+   padding-right: 35px;
+   align-items: center;
+   position: relative;
+}
+
+.header__link:last-child {
+   padding-right: 0;
+}
+
+.header__link-event {
+   font-size: 50px;
+   color: #C7A17A;
+   display: block;
+   position: absolute;
+   top: -45px;
+   right: -7px;
+}
+
+.nav {
+   display: flex;
+
+}
+
+.nav-footer {
+   flex-direction: column;
+   align-items: flex-start;
+}
+
+.nav_link {
+   font-size: 15px;
+   font-weight: 500px;
+   text-transform: uppercase;
+   padding-right: 35px;
+   transform: color 0.2s ease-in-out;
+}
+
+.nav_link:hover {
+   color: #C7A17A;
+}
+
+.nav_link.active{
+   color: #C7A17A;
+}
+
+.logo img{
+   height: 54px;
+   display: block;
+}

scss/_info.scss

@@ -0,0 +1,49 @@
+/* INFO__BLOCK */
+
+.info__block {
+   display: flex;
+}
+
+.info__img {
+   width: 600px;
+   height: 330px;
+   object-fit: cover;
+   background-repeat: no-repeat;
+   border-radius: 10px 0 0 10px;
+}
+
+.info__img-wrapper {
+   position: relative;
+}
+
+.info__img-wrapper::after {
+   content: '';
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   height: 100%;
+   background-color: rgba(2, 2, 4, 0.55);
+}
+
+.info__item {
+   padding: 30px 75px 15px 30px;
+   background-color: #14141D;
+   border-radius: 0 10px 10px 0;
+
+}
+
+
+
+.info__title {
+   font-size: 24px;
+   font-weight: 900;
+   padding-bottom: 15px;
+   text-transform: uppercase;
+}
+
+.info__text {
+   font-size: 18px;
+   line-height: 1.45;
+   color: #DFDFDF;
+}

scss/_intro.scss

@@ -0,0 +1,69 @@
+/* INTRO */
+
+.intro {
+   margin-bottom: 100px;
+   background-repeat: no-repeat;
+   background-size: cover;
+   position: relative;
+}
+
+.intro:after {
+   content: '';
+   position: absolute;
+   top: 0;
+   left: 0;
+   width: 100%;
+   height: 100%;
+   background-color: rgba(2, 2, 4, 0.55);
+}
+
+.intro__wrapper {
+   min-height: 720px;
+   display: flex;
+   align-items: center;
+   padding: 20px  0;
+   position: relative;
+   z-index: 2;
+}
+
+.intro__block {
+   max-width: 565px;
+}
+
+.intro__title {
+   margin: 0 0 35px;
+   font-size: 60px;
+   font-weight: 900;
+   line-height: 1.4;
+   text-transform: uppercase;
+}
+
+.intro__text {
+   margin: 0 0 35px;
+   font-size: 18px;
+   color: #DFDFDF ;
+}
+
+.intro__actions {
+   display: flex;
+}
+
+.intro__actions .btn-main {
+   margin-right: 20px;
+}
+
+.btn-main {
+   background-color: #C7A17A;
+}
+
+.btn-main:hover {
+   background-color: #ad7e50;
+}
+
+.btn-secondary {
+   border: 1px solid #666681;
+}
+
+.btn-secondary:hover {
+   background-color: #666681;
+}