New pages
This commit is contained in:
Roman Pyrih
1
layout/style-css/drzwi-szklenie.css
Normal file
1
layout/style-css/drzwi-szklenie.css
Normal file
File diff suppressed because one or more lines are too long
1
layout/style-css/drzwi-szklenie.css.map
Normal file
1
layout/style-css/drzwi-szklenie.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/drzwi-szklenie.scss","../style-scss/_mixins.scss"],"names":[],"mappings":"AAAQ,6QAAA,CACA,2FAAA,CACA,kDAAA,CAsBR,WACC,4BAAA,CACA,iKAAA,CAIA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uJAAA,CAGA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2IAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,2BAAA,CACA,2IAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,iKAAA,CAIA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,qJAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,2BAAA,CACA,2IAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uJAAA,CAGA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,qJAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2IAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,+IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,+IAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,6IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2JAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,yJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,+IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iJAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,6IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,mKAAA,CAIA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,yJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,uJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2JAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,mKAAA,CAIA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,uJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,+IAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iJAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CClTD,GACC,SAAA,CACA,QAAA,CACA,eAAA,CAGD,cACC,eAAA,CAIA,UACC,iBAAA,CACA,aAAA,CACA,eAAA,CACA,iBAAA,CACA,UAAA,CACA,kCAAA,CACA,iBAAA,CACA,wBAAA,CAIF,OACC,mBAAA,CCJC,yBDGF,OAIE,mBAAA,CAAA,CAGD,UACC,UAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CACA,aAAA,CACA,iCAAA,CACA,wBAAA,CACA,kBAAA,CAGD,UACC,YAAA,CACA,0DAAA,CACA,oBAAA,CAAA,eAAA,CACA,YAAA,CAEA,aACC,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,WAAA,CAEA,iBACC,UAAA,CACA,eAAA,CAED,eACC,UAAA,CACA,cAAA,CACA,eAAA,CACA,iCAAA,CACA,kBAAA,CACA,QAAA,CACA,wBAAA,CAMF,6BACC,kBAAA,CAKH,OACC,mBAAA,CAEA,SACC,QAAA,CACA,UAAA,CACA,cAAA,CACA,eAAA,CACA,iCAAA,CACA,kBAAA,CACA,wBAAA","file":"drzwi-szklenie.css"}
|
||||
1
layout/style-css/drzwi-wejsciowe-aluminiowe.css
Normal file
1
layout/style-css/drzwi-wejsciowe-aluminiowe.css
Normal file
File diff suppressed because one or more lines are too long
1
layout/style-css/drzwi-wejsciowe-aluminiowe.css.map
Normal file
1
layout/style-css/drzwi-wejsciowe-aluminiowe.css.map
Normal file
File diff suppressed because one or more lines are too long
92
layout/style-scss/drzwi-szklenie.scss
Normal file
92
layout/style-scss/drzwi-szklenie.scss
Normal file
@@ -0,0 +1,92 @@
|
||||
@import 'variables';
|
||||
@import '_mixins';
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.page-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.box-1 {
|
||||
h1 {
|
||||
font-size: 1.75rem;
|
||||
margin: 25px 0;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
padding: 40px 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.box-2 {
|
||||
padding-bottom: 80px;
|
||||
|
||||
@include respond-below(md) {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #000;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 4px;
|
||||
line-height: 1;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));
|
||||
column-gap: 70px;
|
||||
row-gap: 40px;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
row-gap: 4px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 292px;
|
||||
}
|
||||
p {
|
||||
color: #000;
|
||||
font-size: 19px;
|
||||
font-weight: 400;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
letter-spacing: 3px;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 90px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-3 {
|
||||
margin-bottom: 140px;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
color: #000;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
633
layout/style-scss/drzwi-wejsciowe-aluminiowe.scss
Normal file
633
layout/style-scss/drzwi-wejsciowe-aluminiowe.scss
Normal file
@@ -0,0 +1,633 @@
|
||||
@import 'variables';
|
||||
@import '_mixins';
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.page-content {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
button.c-button {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
max-width: 250px;
|
||||
min-height: 38px;
|
||||
background: $cWhite;
|
||||
border: 1px solid $cBlack;
|
||||
padding: 0 20px;
|
||||
outline: none !important;
|
||||
background: $cWhite;
|
||||
transition: background 250ms ease-in-out, color 250ms ease-in-out;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: $cWhite;
|
||||
background: $cBlack;
|
||||
|
||||
p {
|
||||
color: $cWhite;
|
||||
}
|
||||
|
||||
span {
|
||||
border-color: $cWhite;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
background: $cWhite;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0;
|
||||
transition: color 250ms ease-in;
|
||||
}
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 100%;
|
||||
border: 1px solid $cBlack;
|
||||
transition: border 250ms ease-in;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 10px;
|
||||
height: 1px;
|
||||
background: $cBlack;
|
||||
border-radius: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: background 250ms ease-in;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 10px;
|
||||
height: 1px;
|
||||
background: $cBlack;
|
||||
border-radius: 3px;
|
||||
transform: translate(-50%, -50%) rotate(90deg);
|
||||
transition: width 250ms ease-in, background 250ms ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.color-tiles {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 12px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #6c6d70;
|
||||
}
|
||||
|
||||
&-title {
|
||||
position: relative;
|
||||
padding-left: 240px;
|
||||
min-height: 30px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 12px;
|
||||
width: 213px;
|
||||
height: 1px;
|
||||
background: #6c6d70;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
line-height: 25px;
|
||||
letter-spacing: 0.07em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
padding-left: 100px;
|
||||
|
||||
&::before {
|
||||
width: 60px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&-data {
|
||||
padding-left: 60px;
|
||||
padding-top: 50px;
|
||||
max-height: unset;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 17px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: 300;
|
||||
font-size: 13px;
|
||||
line-height: 15px;
|
||||
letter-spacing: 0.05em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
padding-left: 30px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
&[status='true'] {
|
||||
button {
|
||||
span {
|
||||
&::after {
|
||||
width: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
max-width: 250px;
|
||||
min-height: 38px;
|
||||
background: $cWhite;
|
||||
border: 1px solid $cBlack;
|
||||
margin-left: 60px;
|
||||
margin-top: 19px;
|
||||
padding: 0 20px;
|
||||
outline: none !important;
|
||||
background: $cWhite;
|
||||
transition: background 250ms ease-in-out;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: $cBlack;
|
||||
|
||||
p {
|
||||
color: $cWhite;
|
||||
}
|
||||
|
||||
span {
|
||||
border-color: $cWhite;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
background: $cWhite;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
letter-spacing: 0.15em;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 0;
|
||||
transition: color 250ms ease-in;
|
||||
}
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 100%;
|
||||
border: 1px solid $cBlack;
|
||||
transition: border 250ms ease-in;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 10px;
|
||||
height: 1px;
|
||||
background: $cBlack;
|
||||
border-radius: 3px;
|
||||
transform: translate(-50%, -50%);
|
||||
transition: background 250ms ease-in;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
width: 10px;
|
||||
height: 1px;
|
||||
background: $cBlack;
|
||||
border-radius: 3px;
|
||||
transform: translate(-50%, -50%) rotate(90deg);
|
||||
transition: width 250ms ease-in, background 250ms ease-in;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#nav_tabs,
|
||||
#nav_tabs_colors {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 17px;
|
||||
// width: fit-content;
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
min-width: fit-content;
|
||||
width: 200px;
|
||||
border: 1px solid $cBlack;
|
||||
background: $cWhite;
|
||||
transition: background 250ms ease;
|
||||
|
||||
// &.new {
|
||||
// &::before {
|
||||
// content: url('/upload/filemanager/Icons/new-icon.png');
|
||||
// position: absolute;
|
||||
// top: -10px;
|
||||
// right: -15px;
|
||||
// }
|
||||
// }
|
||||
|
||||
&.active {
|
||||
background: $cBlack;
|
||||
|
||||
a {
|
||||
color: $cWhite;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
row-gap: 7px;
|
||||
|
||||
color: $cBlack;
|
||||
font-weight: 300;
|
||||
font-size: 18px;
|
||||
line-height: 1;
|
||||
margin-bottom: 0;
|
||||
|
||||
padding: 12px 20px;
|
||||
cursor: pointer;
|
||||
transition: color 250ms ease;
|
||||
|
||||
u {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-weight: 300;
|
||||
font-size: 14px;
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0;
|
||||
letter-spacing: 0.05em;
|
||||
text-decoration: none;
|
||||
|
||||
span {
|
||||
margin-top: -4px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#product-colors-preview-box {
|
||||
margin-bottom: 70px;
|
||||
|
||||
.colors-box-header {
|
||||
padding: 45px 50px 30px;
|
||||
margin-bottom: 50px;
|
||||
background: #f4f4f4;
|
||||
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
font-weight: 300;
|
||||
line-height: 25px;
|
||||
letter-spacing: 0.15em;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
line-height: 25px;
|
||||
letter-spacing: 0.05em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.c-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 40px;
|
||||
|
||||
.c-col {
|
||||
&-2 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.colors-preview {
|
||||
display: none;
|
||||
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.color-tiles-rows {
|
||||
.color-tiles {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 130px;
|
||||
}
|
||||
|
||||
.color-tiles-title {
|
||||
}
|
||||
.color-tiles-data {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
column-gap: 17px;
|
||||
row-gap: 17px;
|
||||
align-items: flex-start;
|
||||
overflow: hidden;
|
||||
|
||||
li {
|
||||
flex: 0 0 calc(100% / 3 - (17px * 2 / 3));
|
||||
|
||||
@include respond-below(md) {
|
||||
flex: 0 0 calc(100% / 2 - (17px / 2));
|
||||
|
||||
&.empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@include respond-below(sm) {
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#drzwi-aluminiowe-box {
|
||||
.box-1 {
|
||||
padding-bottom: 150px;
|
||||
|
||||
@include respond-below(md) {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
#product-preview-box {
|
||||
margin-bottom: 0;
|
||||
.product-preview-box {
|
||||
.row {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 110px;
|
||||
padding-bottom: 110px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #000;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
letter-spacing: 4px;
|
||||
line-height: 1;
|
||||
margin-bottom: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#nav_tabs {
|
||||
margin-bottom: 50px;
|
||||
padding-bottom: 0;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.product-doors-list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
|
||||
column-gap: 70px;
|
||||
row-gap: 40px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 16px;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
|
||||
color: #000;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
line-height: 1;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
}
|
||||
}
|
||||
}
|
||||
.product-doors-list-more {
|
||||
padding-top: 40px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.c-button {
|
||||
margin-top: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-2 {
|
||||
margin-bottom: 140px;
|
||||
}
|
||||
|
||||
.box-3 {
|
||||
margin-bottom: 100px;
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 15px;
|
||||
|
||||
color: #000;
|
||||
font-size: 30px;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
letter-spacing: 1px;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
margin-bottom: 16px;
|
||||
|
||||
img {
|
||||
padding-bottom: 7px;
|
||||
}
|
||||
}
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.box-4 {
|
||||
.c-row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
@include respond-below(md) {
|
||||
flex-direction: column-reverse;
|
||||
row-gap: 20px;
|
||||
}
|
||||
|
||||
.c-col-1 {
|
||||
flex-basis: 50%;
|
||||
|
||||
@include respond-below(md) {
|
||||
max-width: 527px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #000;
|
||||
font-size: 30px;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 400;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
padding: 35px 30px 25px;
|
||||
margin: 0;
|
||||
background: #f4f4f4;
|
||||
|
||||
@include respond-below(lg) {
|
||||
font-size: 26px;
|
||||
padding: 25px 20px 17px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
gap: 20px 30px;
|
||||
padding: 30px 0 0 30px;
|
||||
|
||||
@include respond-below(lg) {
|
||||
padding: 20px 0 0 20px;
|
||||
gap: 20px 30px;
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
row-gap: 4px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 130px;
|
||||
|
||||
@include respond-between(md, lg) {
|
||||
max-width: 110px;
|
||||
}
|
||||
}
|
||||
p {
|
||||
color: #000;
|
||||
font-size: 15px;
|
||||
font-family: 'URW Form', sans-serif;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.c-col-2 {
|
||||
flex-basis: 50%;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
308
templates_user/pages/drzwi-aluminiowe-old.php
Normal file
308
templates_user/pages/drzwi-aluminiowe-old.php
Normal file
@@ -0,0 +1,308 @@
|
||||
<p><img alt="" src="/upload/filemanager/podstrony/drzwi/drzwi-aluminiowe-slider.jpg" style="max-width: 1902px; width: 100%;" /> </p>
|
||||
|
||||
<div class="row box25">
|
||||
<div class="col-12">
|
||||
<h2>DOSKONAŁE W JAKOŚCI I ESTETYCE WYKOŃCZENIA.</h2>
|
||||
|
||||
<p>Dedykowane do najnowocześniejszych rozwiązań architektonicznych, gdzie minimalizm i czystość formy łączą się z najlepszymi parametrami użytkowymi. W konstrukcji oparte na systemie ALUPROF wielokomorowych, termoizolowanych kształtowników aluminiowych, wzbogaconych wypełnieniami panelowymi, zlicowanymi z powierzchnią ościeżnicy. Stabilne, o ponadprzeciętnej trwałości, odporne na włamanie i zmienne warunki atmosferyczne. Szerokie spektrum możliwości wykończeń już od progu wprowadzą mieszkańców w przestrzeń pełną piękna i komfortu.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box26">
|
||||
<div class="row">
|
||||
<div class="col-lg-6"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/drzwi-aluminiowe.jpg" /></div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<p><span>1</span>Rama drzwiowa, bazująca na systemie termoizolowanych kształtowników aluminiowych o głębokości zabudowy 77mm.</p>
|
||||
|
||||
<p><span>2</span>Panel drzwiowy wypełniony utwardzoną pianką poliuretanową PUR, o wysokiej izolacyjności termicznej. Dostępny w wersji wypełnienia wsadowego, jednostronnie lub dwustronnie zlicowanego, w wielu wzorach i kolorach.</p>
|
||||
|
||||
<p><span>3</span>Aplikacja inox wykonana ze stali nierdzewnej, opcjonalnie występująca jako ozdobne rowki.</p>
|
||||
|
||||
<p><span>4</span>Zawiasy drzwiowe w stylistyce uwzględniającej najnowsze trendy. Dostępne w wersji zawiasów, rolkowych lub ukrytych.</p>
|
||||
|
||||
<p><span>5</span>Termoizolacyjny pakiet szybowy, zespolony w wielu szerokościach, z możliwością zastosowania szyb: bezpiecznych, antywłamaniowych, dźwiękochłonnych, refleksyjnych, absorbcyjnych, ornamentowych itp.</p>
|
||||
|
||||
<p><span>6</span>Pochwyt drzwiowy występujący w wielu kształtach i długościach. Opcjonalnie wyposażony w czytnik linii papilarnych, sensor dotyku, grawer dzwonka i oświetlenie ledowe.</p>
|
||||
|
||||
<p><span>7</span>Próg aluminiowy z wkładką termiczną i uszczelką.</p>
|
||||
|
||||
<p><span>8</span>Automatyczna kontrola dostępu zamka za pomocą klawiatury numerycznej, czytnika zbliżeniowego, czytnika lini papilarnych, pilota lub smart connect.</p>
|
||||
|
||||
<p><span>9</span>Wkładka drzwiowa klasy A lub C, opcjonalnie w systemie jednego klucza.</p>
|
||||
|
||||
<p><span>10</span>Zamek listwowy ryglujący drzwi w trzech lub pięciu punktach. Dostępny w wersji automatycznej.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box27">
|
||||
<div class="row ">
|
||||
<div class="col-12">
|
||||
<h2>MODELE DRZWI WSADOWYCH</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad01.jpg" style="max-width: 478px; width: 100%;" />
|
||||
<p>VAD 01</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad02.jpg" style="max-width: 482px; width: 100%;" />
|
||||
<p>VAD 02</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad03.jpg" style="max-width: 484px; width: 100%;" />
|
||||
<p>VAD 03</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad04.jpg" style="max-width: 478px; width: 100%;" />
|
||||
<p>VAD 04</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad05.jpg" style="max-width: 481px; width: 100%;" />
|
||||
<p>VAD 05</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad06.jpg" style="max-width: 481px; width: 100%;" />
|
||||
<p>VAD 06</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad07.jpg" style="max-width: 483px; width: 100%;" />
|
||||
<p>VAD 07</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad09.jpg" style="max-width: 478px; width: 100%;" />
|
||||
<p>VAD 09</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad10.jpg" style="max-width: 480px; width: 100%;" />
|
||||
<p>VAD 10</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad11.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 11</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad12.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 12</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad13.jpg" style="max-width: 477px; width: 100%;" />
|
||||
<p>VAD 13</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad14.jpg" style="max-width: 482px; width: 100%;" />
|
||||
<p>VAD 14</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad15.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 15</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad16.jpg" style="max-width: 481px; width: 100%;" />
|
||||
<p>VAD 16</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad17.jpg" style="max-width: 472px; width: 100%;" />
|
||||
<p>VAD 17</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad18.jpg" style="max-width: 481px; width: 100%;" />
|
||||
<p>VAD 18</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad19.jpg" style="max-width: 480px; width: 100%;" />
|
||||
<p>VAD 19</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad21.jpg" style="max-width: 484px; width: 100%;" />
|
||||
<p>VAD 21</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad22.jpg" style="max-width: 484px; width: 100%;" />
|
||||
<p>VAD 22</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad24.jpg" style="max-width: 480px; width: 100%;" />
|
||||
<p>VAD 24</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad25.jpg" style="max-width: 480px; width: 100%;" />
|
||||
<p>VAD 25</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad26.jpg" style="max-width: 478px; width: 100%;" />
|
||||
<p>VAD 26</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad27.jpg" style="max-width: 477px; width: 100%;" />
|
||||
<p>VAD 27</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad28.jpg" style="max-width: 478px; width: 100%;" />
|
||||
<p>VAD 28</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad29.jpg" style="max-width: 477px; width: 100%;" />
|
||||
<p>VAD 29</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad30.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 30</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad31.jpg" style="max-width: 478px; width: 100%;" />
|
||||
<p>VAD 31</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad32.jpg" style="max-width: 480px; width: 100%;" />
|
||||
<p>VAD 32</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad33.jpg" style="max-width: 480px; width: 100%;" />
|
||||
<p>VAD 33</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad34.jpg" style="max-width: 480px; width: 100%;" />
|
||||
<p>VAD 34</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad35.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 35</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad36.jpg" style="max-width: 490px; width: 100%;" />
|
||||
<p>VAD 36</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad38.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 38</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad40.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 40</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad41.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 41</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad42.jpg" style="max-width: 482px; width: 100%;" />
|
||||
<p>VAD 42</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad43.jpg" style="max-width: 477px; width: 100%;" />
|
||||
<p>VAD 43</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad44.jpg" style="max-width: 481px; width: 100%;" />
|
||||
<p>VAD 44</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad45.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 45</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad46.jpg" style="max-width: 480px; width: 100%;" />
|
||||
<p>VAD 46</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-md-3"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/modele/vad47.jpg" style="max-width: 479px; width: 100%;" />
|
||||
<p>VAD 47</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2>NOWE DRZWI ALUMINIOWE ZEWNĘTRZNE – PASSIV ZERO+</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box34">
|
||||
<div class="row">
|
||||
<div class="col-lg-4"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/passive-zero-01.jpg" style="max-width: 446px; width: 100%;" /></div>
|
||||
|
||||
<div class="col-lg-8">
|
||||
<p>Istnieje kilka zasadniczych wyróżników, innowacyjnej linii drzwi aluminiowych Passive zero+ (innowacja nieznana i niestosowana), połączenie których pozwoliło przedsiębiorstwu VIDOK Sp. z o.o. uzyskać niespotykane właściwości termiczne produktu finalnego, tj.:<br />
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>Strefa zewnętrzna (lewa) - wolne komory: DOWSIL HPI-1000</li>
|
||||
<li>Strefa uszczelnień termicznych: EPDM, gąbczaste EPDM, polyamid, DOWSIL HPI-1000</li>
|
||||
<li>Strefa zewnętrzna (prawa) - wolne komory: DOWSIL HPI-1000</li>
|
||||
</ul>
|
||||
Konstrukcja - profil aluminiowy wzbogacany jest przekładką termiczną i dodatkowymi izolatorami. W ten sposób wytworzona została ościeżnica i skrzydło drzwi. Następnie do zewnętrznej części skrzydła przyklejana jest płytą aluminiowa oraz izolator DOWSIL HPI-1000, środkowa cześć składa się z EPDM, gąbczaste EPDM, polyamid, DOWSIL HPI-1000, a od strony wewnętrznej przyklejona zostaje płyta aluminiowa z izolatorem DOWSIL HPI-1000, która zamyka wewnętrzną przestrzeń skrzydła.<br />
|
||||
<br />
|
||||
Drzwi aluminiowe zewnętrzne Passiv 0+ o podwyższonej ochronie termicznej, Wysoki współczynnik izolacyjności termicznej na poziomie Ud = 0,43 W/(m2K)
|
||||
<p> </p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/passive-zero-02.jpg" style="max-width: 740px; width: 100%;" />
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<p>PRZEKRÓJ POZIOMY<br />
|
||||
OŚCIEŻNICA-SKRZYDŁO</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<p>1. ALUMINIUM<br />
|
||||
2. EPDM<br />
|
||||
3. GĄBCZASTE EPDM<br />
|
||||
4. POLYAMIN<br />
|
||||
<img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/passive-zero-legend-01.jpg" style="max-width: 55px; width: 100%;" /> DOWSIL HPI-1000
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/passive-zero-03.jpg" style="max-width: 550px; width: 100%;" />
|
||||
<div class="row">
|
||||
<div class="col-sm-6">
|
||||
<p>PRZEKRÓJ Pionowy<br />
|
||||
OŚCIEŻNICA-SKRZYDŁO</p>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6">
|
||||
<p>1. ALUMINIUM<br />
|
||||
2. EPDM<br />
|
||||
3. GĄBCZASTE EPDM<br />
|
||||
4. POLYAMIN<br />
|
||||
<img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/passive-zero-legend-01.jpg" style="max-width: 55px; width: 100%;" />DOWSIL HPI-1000
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box28">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h2>SKOMPONUJ SWÓJ WŁASNY DESIGN</h2>
|
||||
|
||||
<p>Wypełnienia drzwiowe zbudowane są z wytrzymałych i odpornych na czynniki atmosferyczne materiałów. Zewnętrzne elementy są często dodatkowo pokrywane warstwami specjalnych lakierów lub w swej powierzchni zawierają żywice epoksydowe, dzięki czemu panele przez długi czas zachowują swój reprezentacyjny wygląd. Bogata gama kolorystyczna produktu zapewnia niezliczoność możliwości aranżacji przestrzeni.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/woman.jpg" style="max-width: 613px; width: 100%;" /></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/banner.jpg" style="max-width: 1920px; width: 100%;" /></div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<h2>KOMFORT I WYGODA OD PROGU</h2>
|
||||
|
||||
<p>Bezpieczeństwo, funkcjonalność i wygoda wynikająca z użytkowania w przypadku drzwi jest niezwykle ważna.</p>
|
||||
|
||||
<p>Często staje się kryterium wyboru. Zamki elektryczne od zawsze są przykładem skutecznego poziomu zabezpieczenia i wysokiego komfortu użytkowania. Wzbogacone o systemy kontroli w postaci czytników linii papilarnych, pilota czy smart control w pełni zabezpieczają drzwi przed niechcianym dostępem, jednocześnie umożliwiając ich inteligentne zarządzanie. Powiedz nam, czego potrzebujesz, a przekształcimy Twoje potrzeby w nieograniczoną przyjemność pełnego życia w domu.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6"><img alt="" src="/upload/filemanager/images/produkty/drzwi/drzwi-wejsciowe/drzwi-aluminiowe/komfort-i-wygoda.jpg" style="max-width: 743px; width: 100%;" /></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>[KONTENER:66]</p>
|
||||
575
templates_user/pages/drzwi-aluminiowe.php
Normal file
575
templates_user/pages/drzwi-aluminiowe.php
Normal file
@@ -0,0 +1,575 @@
|
||||
<?php
|
||||
$user_ip = $_SERVER['REMOTE_ADDR'];
|
||||
$allowed_ips = ['91.189.216.43'];
|
||||
// if (in_array($user_ip, $allowed_ips)) :
|
||||
?>
|
||||
<div id="drzwi-aluminiowe-box">
|
||||
<div class="box-1">
|
||||
<div id="product-preview-box">
|
||||
<div class="product-preview-box">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3>standard</h3>
|
||||
|
||||
<ul class="product-doors-list">
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-100.png" />
|
||||
<p>VA-D 100</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-101.png" />
|
||||
<p>VA-D 101</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-102.png" />
|
||||
<p>VA-D 102</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-103.png" />
|
||||
<p>VA-D 103</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-104.png" />
|
||||
<p>VA-D 104</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-105.png" />
|
||||
<p>VA-D 105</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-106.png" />
|
||||
<p>VA-D 106</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-107.png" />
|
||||
<p>VA-D 107</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-108.png" />
|
||||
<p>VA-D 108</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-114.png" />
|
||||
<p>VA-D 114</p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="product-doors-list-more">
|
||||
<ul class="product-doors-list">
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-109.png" />
|
||||
<p>VA-D 109</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-110.png" />
|
||||
<p>VA-D 110</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-111.png" />
|
||||
<p>VA-D 111</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-112.png" />
|
||||
<p>VA-D 112</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-113.png" />
|
||||
<p>VA-D 113</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="c-button">więcej...</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h3>premium</h3>
|
||||
<ul class="product-doors-list">
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/VA-D-115-.png" style="max-width: 261px; width: 100%;" />
|
||||
<p>VA-D 115</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-116.png" />
|
||||
<p>VA-D 116</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-117.png" />
|
||||
<p>VA-D 117</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-118.png" />
|
||||
<p>VA-D 118</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-119.png" />
|
||||
<p>VA-D 119</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/aluminium/vA-d-120.png" />
|
||||
<p>VA-D 120</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-2">
|
||||
<div id="product-colors-preview-box">
|
||||
<div class="colors-box-header">
|
||||
<div class="c-row">
|
||||
<div class="c-col c-col-1">
|
||||
<h3>KOLORYSTYKA</h3>
|
||||
|
||||
<p>drzwi wejściowych Aluron i Aluprof</p>
|
||||
</div>
|
||||
|
||||
<div class="c-col c-col-2">
|
||||
<ul id="nav_tabs_colors">
|
||||
<li><a href="#aluron-kolorystyka">ALURON <u>KOLORYSTYKA</u></a></li>
|
||||
<li><a href="#aluprof-kolorystyka">ALUPROF <u>KOLORYSTYKA</u></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="colors-preview" id="aluron-kolorystyka">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="color-tiles-rows">
|
||||
<div class="color-tiles">
|
||||
<div class="color-tiles-title">
|
||||
<h2>RAL MAT STANDARD</h2>
|
||||
</div>
|
||||
|
||||
<ul class="color-tiles-data">
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-1013.jpg" />
|
||||
<p>ral mat 1013</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-7042.jpg" />
|
||||
<p>ral mat 7042</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-9006.jpg" />
|
||||
<p>ral mat 9006</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-3004.jpg" />
|
||||
<p>ral mat 3004</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-8001.jpg" />
|
||||
<p>ral mat 8001</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-9007.jpg" />
|
||||
<p>ral mat 9007</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-5010.jpg" />
|
||||
<p>ral mat 5010</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-8007.jpg" />
|
||||
<p>ral mat 8007</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-9010.jpg" />
|
||||
<p>ral mat 9010</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-6005.jpg" />
|
||||
<p>ral mat 6005</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-8017.jpg" />
|
||||
<p>ral mat 8017</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-9016.jpg" />
|
||||
<p>ral mat 9016</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-7016.jpg" />
|
||||
<p>ral mat 7016</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-8019.jpg" />
|
||||
<p>ral mat 8019</p>
|
||||
</li>
|
||||
<li class="empty"> </li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-7035.jpg" />
|
||||
<p>ral mat 7035</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-MATT-STANDARD/ral-mat-9005.jpg" />
|
||||
<p>ral mat 9005</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="color-tiles">
|
||||
<div class="color-tiles-title">
|
||||
<h2>RAL STRUKTURA STANDARD</h2>
|
||||
</div>
|
||||
|
||||
<ul class="color-tiles-data">
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-struktur-STANDARD/ral-FS-7016.jpg" />
|
||||
<p>ral FS 7016</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-struktur-STANDARD/ral-FS-9005.jpg" />
|
||||
<p>ral FS 9005</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-struktur-STANDARD/ral-FS-7021.jpg" />
|
||||
<p>ral FS 7021</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-struktur-STANDARD/ral-FS-7024.jpg" />
|
||||
<p>ral FS 7024</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-struktur-STANDARD/ral-FS-7035.jpg" />
|
||||
<p>ral FS 7035</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="color-tiles">
|
||||
<div class="color-tiles-title">
|
||||
<h2>RAL METALIC DODATKOWE</h2>
|
||||
</div>
|
||||
|
||||
<ul class="color-tiles-data">
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-01-fs.jpg" />
|
||||
<p>am-01-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-02-fs.jpg" />
|
||||
<p>am-02-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-03-fs.jpg" />
|
||||
<p>am-03-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-04-fs.jpg" />
|
||||
<p>am-04-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-05-fs.jpg" />
|
||||
<p>am-05-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-06-fs.jpg" />
|
||||
<p>am-06-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-07-fs.jpg" />
|
||||
<p>am-07-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-08-fs.jpg" />
|
||||
<p>am-08-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-09-fs.jpg" />
|
||||
<p>am-09-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-10-fs.jpg" />
|
||||
<p>am-10-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-11-fs.jpg" />
|
||||
<p>am-11-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-12-fs.jpg" />
|
||||
<p>am-12-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-13-fs.jpg" />
|
||||
<p>am-13-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-14-fs.jpg" />
|
||||
<p>am-14-fs</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-metalic-zusatzliche/am-15-fs.jpg" />
|
||||
<p>am-15-fs</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="color-tiles">
|
||||
<div class="color-tiles-title">
|
||||
<h2>RAL STRUKTURA DODATKOWE</h2>
|
||||
</div>
|
||||
|
||||
<ul class="color-tiles-data">
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-1013.jpg" />
|
||||
<p>ral mat 1013</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-8001.jpg" />
|
||||
<p>ral mat 8001</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-9007.jpg" />
|
||||
<p>ral mat 9007</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-3004.jpg" />
|
||||
<p>ral mat 3004</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-8007.jpg" />
|
||||
<p>ral mat 8007</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-9010.jpg" />
|
||||
<p>ral mat 9010</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-5010.jpg" />
|
||||
<p>ral mat 5010</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-8017.jpg" />
|
||||
<p>ral mat 8017</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-9016.jpg" />
|
||||
<p>ral mat 9016</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-6005.jpg" />
|
||||
<p>ral mat 6005</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-8019.jpg" />
|
||||
<p>ral mat 8019</p>
|
||||
</li>
|
||||
<li class="empty"> </li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-7042.jpg" />
|
||||
<p>ral mat 7042</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/RAL-STRUKTUR-zusatzliche/ral-mat-9006.jpg" />
|
||||
<p>ral mat 9006</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="color-tiles">
|
||||
<div class="color-tiles-title">
|
||||
<h2>DREWNOPODOBNE DODATKOWE</h2>
|
||||
</div>
|
||||
|
||||
<ul class="color-tiles-data">
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-01-wenge.jpg" />
|
||||
<p>ad-01 wenge</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-02-mahon.jpg" />
|
||||
<p>ad-02 mahoń</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-03-orzech.jpg" />
|
||||
<p>ad-03 orzech</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-04-wisnia.jpg" />
|
||||
<p>ad-04 wiśnia</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-05-zloty-dab.jpg" />
|
||||
<p>ad-05 złoty dąb</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-06-winchester.jpg" />
|
||||
<p>ad-06 winchester</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-07-douglas.jpg" />
|
||||
<p>ad-07 douglas</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-08-oregon.jpg" />
|
||||
<p>ad-08 oregon</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-09-sosna.jpg" />
|
||||
<p>ad-09 sosna</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-10-dab-bielony.jpg" />
|
||||
<p>ad-10 dąb bielony</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-11-dab-polarny.jpg" />
|
||||
<p>ad-11 dąb polarny</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-12-braz-antyczny.jpg" />
|
||||
<p>ad-12 brąz antyczny</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-13-braz--szlachetny.jpg" />
|
||||
<p>ad-13 brąz szlachetny</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluron/holzdekor-zusatzliche/ad-14-DAB-CATANIA.jpg" />
|
||||
<p>ad-14 DĄB CATANIA</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="colors-preview" id="aluprof-kolorystyka">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="color-tiles-rows">
|
||||
<div class="color-tiles">
|
||||
<div class="color-tiles-title">
|
||||
<h2>RAL MAT STANDARD</h2>
|
||||
</div>
|
||||
|
||||
<ul class="color-tiles-data">
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-7016.jpg" />
|
||||
<p>ral mat 7016</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-7043.jpg" />
|
||||
<p>ral mat 7043</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-9007.jpg" />
|
||||
<p>ral mat 9007</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-7021.jpg" />
|
||||
<p>ral mat 7021</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-8019.jpg" />
|
||||
<p>ral mat 8019</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-9016.jpg" />
|
||||
<p>ral mat 9016</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-7024.jpg" />
|
||||
<p>ral mat 7024</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-9005.jpg" />
|
||||
<p>ral mat 9005</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-DB703.jpg" />
|
||||
<p>ral mat DB703</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-7035.jpg" />
|
||||
<p>ral mat 7035</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-MATT-STANDARD/ral-mat-9006.jpg" />
|
||||
<p>ral mat 9006</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="color-tiles">
|
||||
<div class="color-tiles-title">
|
||||
<h2>RAL STRUKTURA STANDARD</h2>
|
||||
</div>
|
||||
|
||||
<ul class="color-tiles-data">
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-STRUKTUR-STANDARD/ral-mat-7016.jpg" />
|
||||
<p>ral mat 7016</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-STRUKTUR-STANDARD/ral-mat-7035.jpg" />
|
||||
<p>ral mat 7035</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-STRUKTUR-STANDARD/ral-mat-9016.jpg" />
|
||||
<p>ral mat 9016</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-STRUKTUR-STANDARD/ral-mat-7024.jpg" />
|
||||
<p>ral mat 7024</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-STRUKTUR-STANDARD/ral-mat-9005.jpg" />
|
||||
<p>ral mat 9005</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/RAL-STRUKTUR-STANDARD/ral-mat-DB703.jpg" />
|
||||
<p>ral mat DB703</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="color-tiles">
|
||||
<div class="color-tiles-title">
|
||||
<h2>DREWNOPODOBNE DODATKOWE</h2>
|
||||
</div>
|
||||
|
||||
<ul class="color-tiles-data">
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-B108.jpg" />
|
||||
<p>ADEC-B108</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-D349.jpg" />
|
||||
<p>ADEC-D349</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-M204.jpg" />
|
||||
<p>ADEC-M204</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-C106.jpg" />
|
||||
<p>ADEC-C106</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-D502.jpg" />
|
||||
<p>ADEC-D502</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-0102.jpg" />
|
||||
<p>ADEC-0102</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-C146.jpg" />
|
||||
<p>ADEC-C146</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-J107.jpg" />
|
||||
<p>ADEC-J107</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-0205.jpg" />
|
||||
<p>ADEC-0205</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-C247.jpg" />
|
||||
<p>ADEC-C247</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-K101.jpg" />
|
||||
<p>ADEC-K101</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-W109.jpg" />
|
||||
<p>ADEC-W109</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-D101.jpg" />
|
||||
<p>ADEC-D101</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-M102.jpg" />
|
||||
<p>ADEC-M102</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-W205.jpg" />
|
||||
<p>ADEC-W205</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-D246.jpg" />
|
||||
<p>ADEC-D246</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-M103.jpg" />
|
||||
<p>ADEC-M103</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Colors/Aluprof/HOLZDEKOR-zusatzliche/ADEC-W645.jpg" />
|
||||
<p>ADEC-W645</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-3">
|
||||
<div class="row">
|
||||
<div class="col-12"><a href="/drzwi-szklenie">PRZESZKLENIE <img alt="" src="/upload/filemanager/icon/Arrow-1.svg" /> </a>
|
||||
<p>do drzwi wejściowych Aluron i Aluprof.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="box-4">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="c-row">
|
||||
<div class="c-col-1">
|
||||
<div class="title-box">
|
||||
<h2>Zusatzoption -<br />
|
||||
Natürliche Holzdekore</h2>
|
||||
</div>
|
||||
|
||||
<ul>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/straw-oak.jpg" />
|
||||
<p>straw oak</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/natural-oak.jpg" />
|
||||
<p>natural oak</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/brendy-oak.jpg" />
|
||||
<p>brendy oak</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/whisky-oak.jpg" />
|
||||
<p>whisky oak</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/honey-oak.jpg" />
|
||||
<p>honey oak</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/amaranth-oak.jpg" />
|
||||
<p>amaranth oak</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="c-col-2"><img alt="" src="/upload/filemanager/Pages/Drzwi-wejsciowe/img-1.jpg" /></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<script class="footer" type="text/javascript">
|
||||
$(function() {
|
||||
var productColorsList = $("#product-colors-preview-box")
|
||||
|
||||
$("#nav_tabs_colors li a").on("click", function(e) {
|
||||
e.preventDefault()
|
||||
|
||||
var boxColorHref = $(this).attr("href").substring(1)
|
||||
$(this).parent().parent().find("li").removeClass("active")
|
||||
$(this).parent().addClass("active")
|
||||
|
||||
activateProductColorsBox(boxColorHref)
|
||||
})
|
||||
|
||||
$("#nav_tabs_colors li").first().addClass("active")
|
||||
$(".colors-preview", productColorsList).first().addClass("active")
|
||||
|
||||
function activateProductColorsBox(boxColorHref) {
|
||||
$(".colors-preview", productColorsList).removeClass("active")
|
||||
$(productColorsList).find(`#${boxColorHref}`).addClass("active")
|
||||
}
|
||||
})
|
||||
</script>
|
||||
86
templates_user/pages/drzwi-szklenie.php
Normal file
86
templates_user/pages/drzwi-szklenie.php
Normal file
@@ -0,0 +1,86 @@
|
||||
<div class="box-1">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<?php echo \front\view\Site::title(
|
||||
$page['language']['title'],
|
||||
$page['show_title'],
|
||||
$page['language']['site_title']
|
||||
); ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-2">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2>standard</h2>
|
||||
|
||||
<ul>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/standard/satinovo.jpg" />
|
||||
<p>satinovo</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/standard/chinchilla.jpg" />
|
||||
<p>chinchilla</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/standard/durchsichtig.jpg" />
|
||||
<p>prezroczyste</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2>premium</h2>
|
||||
|
||||
<ul>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/master-carre.jpg" />
|
||||
<p>master - carre</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/master-ligne.jpg" />
|
||||
<p>master - ligne</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/master-point.jpg" />
|
||||
<p>master - point</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/antisol-grau.jpg" />
|
||||
<p>antisol szary</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/antisol-braun.jpg" />
|
||||
<p>antisol brązowy</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/stopsol-grau.jpg" />
|
||||
<p>stopsol szary</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/stopsol-braun.jpg" />
|
||||
<p>stopsol brązowy</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/Venezianischer-Spiegel.jpg" />
|
||||
<p>lustro weneckie</p>
|
||||
</li>
|
||||
<li><img alt="" src="/upload/filemanager/Pages/Drzwi-szklenie/premium/Sandgestrahlt.jpg" />
|
||||
<p>piaskowane</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box-3">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<p>
|
||||
<strong>
|
||||
SZYBY PANELU DRZWI: VSG 33.1 TF/TGI/F4MM, F/TGI/F4MM
|
||||
</strong>
|
||||
</p>
|
||||
<p>
|
||||
*Szyby PREMIUM znajdują się poza standardowym cennikiem; w celu uzyskaria szczegółów prosimy o kontakt.
|
||||
</p>
|
||||
<p>
|
||||
*Szyby doświetla i nadświetla znajdują się poza standardowym cennikiem; w celu uzyskania szczegółów prosimy o kontakt.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user