diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 53ea756..ef74ea1 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -3,7 +3,6 @@ - @@ -26,11 +25,11 @@ - - + + - - + + @@ -42,13 +41,6 @@ - - - - - - - @@ -68,8 +60,8 @@ - - + + @@ -287,29 +279,41 @@ - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -335,6 +339,7 @@ @@ -399,6 +404,78 @@ - @@ -517,36 +610,7 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + @@ -554,36 +618,7 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + @@ -868,7 +903,15 @@ - + + + + + + + + + @@ -880,13 +923,6 @@ - - - - - - - @@ -904,8 +940,8 @@ - - + + @@ -1123,29 +1159,41 @@ - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/product.php b/product.php new file mode 100644 index 0000000..d231a60 --- /dev/null +++ b/product.php @@ -0,0 +1,163 @@ + + + + + + + + + +
+
+
+ + +
+
8 095 548 45 54
+
+ + Мы в instagram +
+
+
+
+
+
+
+
+ +

Схема 4-3-3 "Фентези"

+ +
+
+ + + + + + + + + +
+ + + + + + + + + + + +
+ + + +
+

СТОЛЕЩНИЦЫ

+

+

ЛСДП 18мм кромка АБС.

+

Цвет столещниц: снежно-белый, дымчато-серый, дуб, орех Каналлето

+

+

МЕТАЛЛИЧЕСКИЕ ОПОРЫ

+

П-образный формы из стальной трубы квадратного сечения 35*35.

+

Предлагается так же опоры Т-образной формы из стальной трубы круглого сечения. Возможно использовать опоры с регулировкой по высоте от 65 до 85 см.

+

+

ЭКРАНЫ

+

ЛДСП 18мм с закругленными краями, кромка АБС.

+

Цвета экранов: аналогичные цвету столешниц, а также же зеленый или желтый, либо – прозрачный акрил 10мм.

+

Особенность серии — экстрадлинная единая столешница рабочего стола на 360см.

+
+ +
+ ЗАКАЗАТЬ «КОЛЛЕКЦИЯ FRAMEWORK 2.0» +

Каждый заказ мы рассматриваем индивидуально. Оставьте нам свою контактную информацию, чтобы менеджер смог с Вами связаться.

+ +
+
+
+ Имя: + + Телефон: + + E-Mail: + + + +
+
+ Комментарий + +
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/public/css/style.css b/public/css/style.css index 21f09ed..43e31eb 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1835,11 +1835,18 @@ footer .footer-data .footer-data-febox .footer-content-de-febox > span { /* Страницы */ .page { background-color: #fff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .page .page-wrapper { width: 1200px; margin: auto; min-height: calc(100vh - 81px - 270px); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-bottom: 30px; } .page .page-wrapper .page-wrapper-head { padding: 20px 0; @@ -2057,3 +2064,133 @@ footer .footer-data .footer-data-febox .footer-content-de-febox > span { font-weight: 300; display: block; } +.page .page-wrapper .page-wrapper-open { + width: 700px; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-html { + padding: 40px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-html p { + font-family: 'Open Sans'; + font-size: 16px; + font-weight: 300; + line-height: 28px; + min-height: 18px; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form { + margin-top: 20px; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form strong { + font-family: 'Open Sans'; + font-size: 21px; + font-weight: bold; + margin-bottom: 15px; + display: block; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form p { + font-family: 'Open Sans'; + font-size: 13px; + font-weight: 300; + line-height: 21px; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data { + padding-top: 30px; + padding-bottom: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form { + display: -webkit-flex; + display: -moz-flex; + display: -ms-flexbox; + display: -ms-flex; + display: flex; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left { + width: 300px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding-right: 30px; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left span { + font-family: 'Open Sans'; + font-size: 14px; + font-weight: 300; + display: block; + padding: 7px 0; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left input { + display: block; + width: 100%; + border: 1px solid #999; + font-family: 'Open Sans'; + font-size: 15px; + padding: 10px; + font-weight: 300; + margin-bottom: 10px; + outline: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left input:focus { + border-color: #d09552; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left button { + display: block; + background-color: #fff; + border: 1px solid #999; + padding: 15px; + text-align: center; + outline: none; + font-family: 'Open Sans'; + text-transform: uppercase; + font-weight: 600; + color: #d09552; + width: 100%; + cursor: pointer; + font-size: 16px; + margin-top: 43px; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-left button:hover { + border-color: #d09552; + background-color: #d09552; + color: #fff; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right { + -webkit-flex: 1; + -moz-flex: 1; + -ms-flex: 1; + flex: 1; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right span { + font-family: 'Open Sans'; + font-size: 14px; + font-weight: 300; + display: block; + padding: 7px 0; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right textarea { + resize: none; + display: block; + width: 100%; + border: 1px solid #999; + font-family: 'Open Sans'; + font-size: 15px; + height: 212px; + padding: 10px; + font-weight: 300; + margin-bottom: 20px; + outline: none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right textarea:focus { + border-color: #d09552; +} diff --git a/public/css/style.less b/public/css/style.less index a1f9737..344c889 100644 --- a/public/css/style.less +++ b/public/css/style.less @@ -1681,11 +1681,14 @@ footer { /* Страницы */ .page { background-color: #fff; + .box; .page-wrapper { width: @width; margin: auto; min-height: ~ "calc(100vh - 81px - 270px)"; + .box; + padding-bottom: 30px; .page-wrapper-head { padding: 20px 0; @@ -1903,6 +1906,139 @@ footer { } } + + .page-wrapper-open { + width: 700px; + + .page-wrapper-open-html { + padding: 40px 0; + .box; + + p { + font-family: @head; + font-size: 16px; + font-weight: 300; + line-height: 28px; + min-height: 18px; + + } + + } + + .page-wrapper-open-form { + margin-top: 20px; + + strong { + font-family: @head; + font-size: 21px; + font-weight: bold; + margin-bottom: 15px; + display: block; + } + + p { + font-family: @head; + font-size: 13px; + font-weight: 300; + line-height: 21px; + } + + .page-wrapper-open-form-data { + padding-top: 30px; + padding-bottom: 30px; + .box; + + form { + .flex-display; + + .page-wrapper-open-form-data-left { + width: 300px; + .box; + padding-right: 30px; + + span { + font-family: @head; + font-size: 14px; + font-weight: 300; + display: block; + padding: 7px 0; + } + + input { + display: block; + width: 100%; + border: 1px solid #999; + font-family: @head; + font-size: 15px; + padding: 10px; + font-weight: 300; + margin-bottom: 10px; + outline: none; + .box; + + &:focus { + border-color: @yellow3; + } + } + + button { + display: block; + background-color: #fff; + border: 1px solid #999; + padding: 15px; + text-align: center; + outline: none; + font-family: @head; + text-transform: uppercase; + font-weight: 600; + color: @yellow3; + width: 100%; + cursor: pointer; + font-size: 16px; + margin-top: 43px; + + &:hover { + border-color: @yellow3; + background-color: @yellow3; + color: #fff; + } + } + } + + .page-wrapper-open-form-data-right { + .flex; + + span { + font-family: @head; + font-size: 14px; + font-weight: 300; + display: block; + padding: 7px 0; + } + + textarea { + resize: none; + display: block; + width: 100%; + border: 1px solid #999; + font-family: @head; + font-size: 15px; + height: 212px; + padding: 10px; + font-weight: 300; + margin-bottom: 20px; + outline: none; + .box; + + &:focus { + border-color: @yellow3; + } + } + } + } + } + } + } } } diff --git a/public/img/product/1.jpg b/public/img/product/1.jpg new file mode 100644 index 0000000..12d184b Binary files /dev/null and b/public/img/product/1.jpg differ diff --git a/public/img/product/10.jpg b/public/img/product/10.jpg new file mode 100644 index 0000000..20af8f3 Binary files /dev/null and b/public/img/product/10.jpg differ diff --git a/public/img/product/11.jpg b/public/img/product/11.jpg new file mode 100644 index 0000000..750a00c Binary files /dev/null and b/public/img/product/11.jpg differ diff --git a/public/img/product/12.jpg b/public/img/product/12.jpg new file mode 100644 index 0000000..8973df5 Binary files /dev/null and b/public/img/product/12.jpg differ diff --git a/public/img/product/2.jpg b/public/img/product/2.jpg new file mode 100644 index 0000000..efa1503 Binary files /dev/null and b/public/img/product/2.jpg differ diff --git a/public/img/product/3.jpg b/public/img/product/3.jpg new file mode 100644 index 0000000..d22d150 Binary files /dev/null and b/public/img/product/3.jpg differ diff --git a/public/img/product/4.jpg b/public/img/product/4.jpg new file mode 100644 index 0000000..2d8fafe Binary files /dev/null and b/public/img/product/4.jpg differ diff --git a/public/img/product/5.jpg b/public/img/product/5.jpg new file mode 100644 index 0000000..a97eb11 Binary files /dev/null and b/public/img/product/5.jpg differ diff --git a/public/img/product/6.jpg b/public/img/product/6.jpg new file mode 100644 index 0000000..6a38bca Binary files /dev/null and b/public/img/product/6.jpg differ diff --git a/public/img/product/7.jpg b/public/img/product/7.jpg new file mode 100644 index 0000000..c9f913d Binary files /dev/null and b/public/img/product/7.jpg differ diff --git a/public/img/product/8.jpg b/public/img/product/8.jpg new file mode 100644 index 0000000..3020d51 Binary files /dev/null and b/public/img/product/8.jpg differ diff --git a/public/img/product/9.jpg b/public/img/product/9.jpg new file mode 100644 index 0000000..20af8f3 Binary files /dev/null and b/public/img/product/9.jpg differ