<!DOCTYPE html>
<html>
<head>
<style>
html {
font-family: "Open Sans", Arial, sans-serif;
background-color: #fff;
}
.head {
display: block;
width: 82%;
border-bottom: 2px solid #ddd;
margin-right: 10%;
margin-left: 10%;
padding-bottom: 20px;
}
.head img {
margin-left: 42%;
margin-right: 42%;
}
.type {
position: absolute;
top: 77px;
right: 0;
color: #E64400;
}
.prod-name {
font-weight: 800;
font-size: 1.7rem;
margin-bottom: 0;
padding-bottom: 0;
color: black;
}
p {
color: #aaa;
font-size: 1rem;
}
.prod-photo {
width: 100%;
/* margin-top: 50px; */
margin-left: 20%;
margin-right: 20%;
display: inline-block;
}
.prod-photo img {
width: 30%;
vertical-align:middle;
}
.tech {
margin-left: 10px;
padding: 15px;
border: 1px solid black;
}
.mainContainer {
margin-top: 50px;
display: block;
}
.leftContainer {
float: left;
width: 45%;
}
.leftContainer h4 {
font-weight: 600;
color: #E64400;
padding: 0;
margin: 20px 0 0 0;
text-transform: uppercase;
}
.leftContainer .sleft {
float: left;
width: 70%;
}
.leftContainer .sright {
float: left;
width: 30%;
}
.leftContainer .prod-det {
padding-left: 20px;
border-bottom: 3px solid #CCC;
}
.leftContainer .prod-det:last-child {
border-bottom: none;
}
.rightContainer {
float: left;
width: 45%;
padding-left: 50px;
}
.rightContainer h4 {
font-weight: 600;
color: #E64400;
padding: 0;
margin: 20px 0 0 0;
transform: lowercase;
}
.icons {
display: flex;
}
.icons img {
width: 50px;
margin: 20px 10px 10px 5px;
height: 45px;
}
.note {
position: absolute;
bottom: 400px;
left: 50%;
}
.footer p {
color: #CCC;
}
.contact {
display: block;
width: 82%;
border-top: 2px solid #ddd;
margin-right: 10%;
margin-left: 10%;
}
.contact img {
width: 50px;
margin: 5px 10px;
height: 45px;
}
.contact .redicon {
float: left;
width: 30%;
}
.contact .redicon .myredicon {
background-color: rgba(255,0,0,0.4);
border-radius: 50%;
width: 50px;
height: 50px;
margin-top: 20px;
}
.contact .redicon .myredicon svg,
.contact .web .myweb svg {
margin: 10px;
width: 30px;
height: 30px;
}
.contact .redicon svg path,
.contact .web svg path {
fill: #fff;
}
.details {
width: 200px;
position: absolute;
bottom: 0px;
left: 200px;
}
.details p,
.details1 p,
.details2 p {
margin-top:10px;
color: #aaa;
}
.details1 {
width: 200px;
position: absolute;
bottom: -15px;
left: 500px;
}
.details2 {
width: 200px;
position: absolute;
bottom: -15px;
left: 810px;
}
.contact .web {
float: left;
width: 30%;
}
.contact .web .myweb {
background-color: rgba(128,128,128,0.4);
border-radius: 50%;
width: 50px;
height: 50px;
margin-top: 20px;
}
</style>
<base href="http://cora.pl">
</head>
<body>
<div class="head">
<img src="/uploads/media/logo.png" width="150px"/>
</div>
<h4 class="type">{{produkt.modelOprawy.typ}}</h4>
<p class="prod-name">{{produkt.nazwa}}</p>
<p style="font-size: 0.7rem;">Article number: {{produkt.kod}}</p>
<div class="prod-photo">
{% if produkt.imageUrl | length > 0 %}
{% set mainImage = produkt.imageUrl %}
{# {% set image = sulu_resolve_media(mainImage.id, 'inline') %}
<div>{{get_image(image, '1380x')}}</div> #}
<img src={{mainImage}}>
{% else %}
<img src="/uploads/media/nf.png"/>
{% endif %}
{% if produkt.techImage | length > 0 %}
{% set techImage = produkt.techImage %}
{# {% set image = sulu_resolve_media(mainImage.id, 'inline') %}
<div>{{get_image(image, '1380x')}}</div> #}
<img src={{techImage}}>
{% else %}
<img src="/uploads/media/nf.png"/>
{% endif %}
{% if produkt.modelOprawy.image | length > 0 %}
{% set url = sulu_resolve_media(produkt.modelOprawy.image.id, 'inline') %}
<img class="tech" src="{{url.url}}" />
{% endif %}
</div>
<div class="mainContainer">
<div class="leftContainer">
{# <h4>LIGHT TECHNOLOGY</h4> #}
<div class="prod-det">
<div class="sleft">
<p>
<span>LED</span>
</p>
<p>
<span>Light colour</span>
</p>
<p>
<span>CRI </span>
</p>
<p>
<span>Led chip flux</span>
</p>
<p>
<span>Luminous flux</span>
</p>
<p>
<span>System power</span>
</p>
<p>
<span>Luminaire Efficiency</span>
</p>
<p>
<span>Beam angle</span>
</p>
<p>
<span>Controller </span>
</p>
<p>
<span>MacAdam</span>
</p>
</div>
<div class="sright">
<p>
<span>{{produkt.led}}</span>
</p>
<p>
<span>{{produkt.dioda.cctKelvin}} [K] {{produkt.dioda.typDiodyNazwa}}</span>
</p>
<p>
<span>{{produkt.dioda.CRI}}</span>
</p>
<p>
<span>{{produkt.lumenLedChip}} [lm]</span>
</p>
<p>
<span>{{produkt.lumenOprawa}} [lm]</span>
</p>
<p>
<span>{{produkt.mocOprawy}} [W]</span>
</p>
<p>
<span>{{produkt.lmwZoprawy}} [lm/W]</span>
</p>
<p>
<span>{{produkt.odblysnik.kat}}</span>
</p>
<p>
<span>{{produkt.sterowanie.nazwa}}</span>
</p>
<p>
<span>{{produkt.mcAdam}}</span>
</p>
</div>
<div style="clear:both"></div>
</div>
<h4>LUMINAIRE</h4>
<div class="prod-det">
<div class="sleft">
<p>
<span>Weight</span>
</p>
<p>
<span>Protection rating IP , IK , class </span>
</p>
<p>
<span>Luminaire colour </span>
</p>
<p>
<span>Cover</span>
</p>
<p>
<span>Operating voltage</span>
</p>
</div>
<div class="sright">
<p>
<span>{{produkt.modelOprawy.wagaNetto }} [kg]</span>
</p>
<p>
<span>IP {{produkt.modelOprawy.klasaIp}}, IK {{produkt.modelOprawy.klasaIk}}, {{produkt.modelOprawy.klasaOchronnosci}}</span>
</p>
<p>
<span>{{produkt.kolor.nazwa}}</span>
</p>
<p>
<span>{{produkt.cover}}</span>
</p>
<p>
<span>{{produkt.operatingVoltage}}</span>
</p>
</div>
<div style="clear:both"></div>
</div>
<h4>OPTIONS</h4>
<div class="prod-det">
<p>
<span>{{produkt.optionsEN}}</span>
</p>
</div>
</div>
<div class="rightContainer">
<h4>{{produkt.modelOprawy.typ|capitalize }} LED</h4>
{# <p>{{produkt.przeslona.opis}}</p></br></br> to change into English #}
<p>{{produkt.opisEN | raw}}</p>
{# <p>Modern and universal downlight luminaire of high lighting performance, based on COB LED module.</p>
<p>Materials: Powder painted, white aluminum ring, steel sheet body, Clear diffuser, reflector made of polished aluminum</p>
<p>Installation: Into plaster cardboard and modular ceilings.</p>
<p>Application: corridors,conference rooms,receptions.</p> #}
<p class="note">Note: All data are typical values. Tolerance of measurements +/-10%
System features may change with product improvements due to technical advances.</p>
</div>
<div style="clear:both"></div>
</div>
<div class="icons" style="margin-top:0px; margin-left: 50px">
<img class="mysvg" src="/img/Conformité_Européenne_(logo).svg"/>
<img class="mysvg" src="/img/eac.png"/>
<img class="mysvg" src="/img/ukca.png"/>
</div>
<div class="footer" style="margin-top: 0;">
<div style="float: right">
<p style="font-weight: 400;">Generated: {{date}}</p>
</div>
<div style="clear:both"></div>
<div class="contact">
<div class="redicon">
<div class="myredicon">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 492.777 492.777" style="enable-background:new 0 0 492.777 492.777;" xml:space="preserve">
<path d="M484.899,323.597l-49.486-114.97h-79.456c-29.136,0-52.835-23.699-52.835-52.833v-3.942H189.628v3.935
c0,14.111-5.498,27.376-15.481,37.358c-9.831,9.838-23.441,15.474-37.351,15.474H57.094L7.802,323.775
c-12.788,29.883-9.715,64.194,8.186,91.328c17.894,27.125,48.227,43.454,80.733,43.454h299.342
c32.535,0,62.896-16.361,80.78-43.544C494.736,387.839,497.76,353.489,484.899,323.597z M196.135,402.241
c0,4.112-3.338,7.451-7.449,7.451h-24.684c-4.113,0-7.452-3.338-7.452-7.451v-24.683c0-4.113,3.338-7.451,7.452-7.451h24.684
c4.111,0,7.449,3.338,7.449,7.451V402.241z M196.135,332.2c0,4.113-3.338,7.451-7.449,7.451h-24.684
c-4.113,0-7.452-3.338-7.452-7.451v-24.69c0-4.113,3.338-7.451,7.452-7.451h24.684c4.111,0,7.449,3.338,7.449,7.451V332.2z
M196.135,262.152c0,4.113-3.338,7.451-7.449,7.451h-24.684c-4.113,0-7.452-3.338-7.452-7.451v-24.682
c0-4.113,3.338-7.451,7.452-7.451h24.684c4.111,0,7.449,3.338,7.449,7.451V262.152z M266.183,402.241
c0,4.112-3.338,7.451-7.449,7.451H234.05c-4.114,0-7.452-3.338-7.452-7.451v-24.69c0-4.113,3.338-7.451,7.452-7.451h24.683
c4.111,0,7.449,3.338,7.449,7.451V402.241z M266.183,332.2c0,4.113-3.338,7.451-7.449,7.451h-24.69
c-4.114,0-7.452-3.338-7.452-7.451v-24.69c0-4.113,3.338-7.451,7.452-7.451h24.69c4.111,0,7.449,3.338,7.449,7.451V332.2z
M266.183,262.152c0,4.113-3.338,7.451-7.449,7.451H234.05c-4.114,0-7.452-3.338-7.452-7.451v-24.69
c0-4.113,3.338-7.451,7.452-7.451h24.683c4.111,0,7.449,3.338,7.449,7.451V262.152z M336.224,402.241
c0,4.112-3.338,7.451-7.452,7.451h-24.681c-4.114,0-7.452-3.338-7.452-7.451v-24.683c0-4.113,3.338-7.451,7.452-7.451h24.681
c4.114,0,7.452,3.338,7.452,7.451V402.241z M336.224,332.2c0,4.113-3.338,7.451-7.452,7.451h-24.681
c-4.114,0-7.452-3.338-7.452-7.451v-24.69c0-4.113,3.338-7.451,7.452-7.451h24.681c4.114,0,7.452,3.338,7.452,7.451V332.2z
M336.224,262.152c0,4.113-3.338,7.451-7.452,7.451h-24.681c-4.114,0-7.452-3.338-7.452-7.451v-24.682
c0-4.113,3.338-7.451,7.452-7.451h24.681c4.114,0,7.452,3.338,7.452,7.451V262.152z"/>
<path d="M28.535,175.59h108.261c5.248,0,10.29-2.087,13.998-5.797c3.717-3.716,5.806-8.757,5.806-14.006
l-0.008-36.963H336.15v36.97c0,10.935,8.871,19.805,19.806,19.805h108.275c10.935,0,19.806-8.87,19.806-19.805v-36.963v-0.007
c0-46.713-106.383-84.604-237.633-84.604c-0.018,0-0.042,0-0.042,0C115.12,34.22,8.715,72.103,8.73,118.824h0.064L8.73,155.787
C8.73,166.729,17.593,175.59,28.535,175.59z"/>
</svg>
</div>
<div class="details">
<p>+48 32 388 80 00</p>
</div>
</div>
<div class="web">
<div class="myweb">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M255.989,36.652c-120.942,0-219.337,98.395-219.337,219.337s98.395,219.337,219.337,219.337
s219.337-98.395,219.337-219.337S376.931,36.652,255.989,36.652z M447.896,192.422H434.41c-4.157,0-8.32,0.983-12.037,2.841
l-4.945,2.473c-3.118,1.558-6.854,1.325-9.755-0.607l-18.64-12.427c-1.411-0.94-3.07-1.443-4.765-1.443h-2.275l6.362-9.544
c0.32-0.479,0.853-0.764,1.429-0.764h13.381v3.734c0,4.744,3.845,8.59,8.59,8.59c4.23,0,7.738-3.06,8.451-7.085l3.133,1.567
c3.086,1.543,6.539,2.358,9.988,2.358h10.839C445.503,185.505,446.741,188.945,447.896,192.422z M383.696,113.178
c0-0.15,0.061-0.298,0.167-0.405l6.479-6.479c0.216-0.216,0.418-0.442,0.607-0.676c3.787,3.403,7.448,6.942,10.969,10.617
l-5.399,5.399c-3.355,3.355-3.355,8.794,0,12.148c1.677,1.677,3.876,2.516,6.074,2.516c2.198,0,4.397-0.838,6.074-2.516
l4.618-4.618c8.912,11.031,16.691,23.011,23.155,35.769h-3.114c-0.796,0-1.593-0.189-2.306-0.544l-13.248-6.625
c-2.61-1.305-5.532-1.994-8.451-1.994h-19.539c-6.333,0-12.212,3.146-15.725,8.415l-12.712,19.074h-8.002
c-3.474,0-6.299-2.826-6.299-6.299v-15.158c0-0.246,0.157-0.465,0.392-0.543l16.761-5.587c4.178-1.393,8.032-3.775,11.147-6.889
c5.387-5.387,8.352-12.547,8.352-20.164V113.178z M121.027,105.618c0.189,0.233,0.389,0.458,0.607,0.675l9.163,9.163
c1.61,1.612,3.796,2.516,6.074,2.516s4.464-0.905,6.074-2.516l12.957-12.959c1.838-1.838,4.284-2.851,6.885-2.851h11.308v0.573
c0,2.977,1.542,5.742,4.074,7.307c2.532,1.566,5.695,1.708,8.358,0.376l14.993-7.498c0.993-0.496,2.104-0.758,3.215-0.758h30.645
c-3.351,2.185-5.68,5.67-6.399,9.819c-1.011,5.84,1.424,11.511,6.356,14.799l11.806,7.871c0.159,0.107,0.254,0.284,0.254,0.476
v4.26c0,0.316-0.257,0.573-0.573,0.573h-3.945c-5.66,0-10.981,2.204-14.984,6.206l-57.766,57.766
c-0.107,0.107-0.254,0.167-0.405,0.167h-14.528c-14.842,0-26.916,12.074-26.916,26.916v4.183l-9.523-1.905
c-2.27-0.454-4.164-1.902-5.2-3.971l-5.656-11.31c-1.455-2.911-4.429-4.75-7.683-4.75h-5.117c-4.197,0-7.909-2.676-9.235-6.657
l-11.961-35.883C85.443,144.371,101.532,123.135,121.027,105.618z M255.989,458.145c-111.469,0-202.157-90.688-202.157-202.156
c0-22.079,3.57-43.337,10.142-63.242l5.592,16.776c3.649,10.949,13.818,18.324,25.342,18.404l3.281,6.563
c3.422,6.846,9.69,11.632,17.196,13.135l32.759,6.551c1.842,0.368,3.517,1.265,4.845,2.593c2.665,2.666,5.797,4.698,9.21,6.02
l-5.99,17.972c-0.292,0.876-0.441,1.792-0.441,2.717v18.326c0,8.426,4.025,16.477,10.766,21.533l21.991,16.493
c2.438,1.828,3.894,4.74,3.894,7.787v49.429c0,5.333,1.563,10.496,4.521,14.931l13.208,19.813
c2.875,4.311,7.683,6.885,12.865,6.885h3.194c5.999,0,10.881-4.882,10.881-10.881v-15.709c0-3.824,1.489-7.42,4.193-10.124
l16.956-16.956c3.44-3.44,6.07-7.697,7.61-12.313l5.365-16.094c0.078-0.235,0.297-0.392,0.543-0.392h4.568
c8.162,0,15.245-5.53,17.223-13.448l6.17-24.679c1.503-6.014-0.286-12.474-4.671-16.857l-11.974-11.974
c-3.352-3.352-7.811-5.2-12.553-5.2h-10.973l-31.452-31.452c-3.352-3.352-7.811-5.2-12.553-5.2h-41.82
c-0.134-0.003-0.267-0.003-0.401,0h-1.476c-2.532,0-4.915-0.986-6.705-2.778c-3.734-3.735-8.446-6.256-13.625-7.291l-6.053-1.211
V228.5c0-5.368,4.367-9.736,9.736-9.736h9.736v0.573c0,4.744,3.846,8.59,8.59,8.59s8.59-3.846,8.59-8.59v-5.621
c0.054-0.053,0.113-0.099,0.167-0.151l57.766-57.766c0.757-0.757,1.764-1.174,2.835-1.174h3.945
c9.789,0,17.753-7.964,17.753-17.753v-4.26c0-5.95-2.956-11.472-7.905-14.771l-7.251-4.835l13.916-3.48
c6.125-1.53,10.403-7.008,10.403-13.327c0-7.572-6.161-13.733-13.733-13.733h-55.273c-3.764,0-7.533,0.889-10.899,2.573
l-5.676,2.838c-2.625-3.295-6.671-5.411-11.202-5.411h-14.172c-7.189,0-13.949,2.799-19.033,7.884l-6.884,6.884l-2.568-2.567
c33.878-25.617,76.036-40.835,121.686-40.835c45.65,0,87.808,15.217,121.684,40.834l-5.958,5.958
c-3.354,3.354-5.2,7.811-5.2,12.553v15.44c0,3.028-1.18,5.875-3.32,8.016c-1.238,1.238-2.769,2.184-4.431,2.739l-16.761,5.587
c-7.26,2.42-12.14,9.188-12.14,16.843v15.157c0,4.328,1.198,8.374,3.249,11.859c-3.485,2.346-6.541,5.366-8.946,8.976
l-8.108,12.16c-2.958,4.436-4.521,9.599-4.521,14.931v16.391c0,5.332,1.563,10.495,4.521,14.931l9.808,14.711
c5.004,7.506,13.376,11.986,22.395,11.986h22.798c4.198,0,7.909,2.674,9.235,6.657l2.048,6.141
c1.657,4.972,2.498,10.151,2.498,15.394v6.485c0,8.567,1.193,17.089,3.548,25.33l14.73,51.559
C366.227,433.643,313.919,458.145,255.989,458.145z M198.835,326.085l-21.991-16.493c-2.438-1.829-3.894-4.741-3.894-7.788
v-16.932l6.765-20.292h35.827c0.151,0,0.299,0.061,0.405,0.167l33.968,33.968c1.61,1.612,3.796,2.516,6.074,2.516h14.53
c0.151,0,0.299,0.061,0.405,0.167l11.974,11.974c0.142,0.142,0.199,0.351,0.151,0.544l-6.17,24.678
c-0.064,0.255-0.292,0.433-0.555,0.433h-4.568c-7.653,0-14.421,4.878-16.843,12.14l-5.365,16.094
c-0.699,2.098-1.896,4.033-3.459,5.596l-16.956,16.956c-5.949,5.949-9.225,13.859-9.225,22.272v3.373l-8.674-13.01
c-1.07-1.604-1.634-3.472-1.634-5.4v-49.428C209.601,339.19,205.577,331.139,198.835,326.085z M404.909,338.192
c-1.915-6.705-2.887-13.64-2.887-20.611v-6.485c0-7.092-1.137-14.099-3.379-20.827l-2.048-6.141
c-3.669-11.007-13.93-18.404-25.534-18.404h-22.798c-3.262,0-6.29-1.621-8.1-4.335l-9.808-14.712
c-1.07-1.605-1.636-3.472-1.636-5.4v-16.391c0-1.929,0.566-3.796,1.636-5.4l8.108-12.161c2.874-4.311,7.683-6.885,12.865-6.885
h30.341l16.475,10.983c8.016,5.344,18.351,5.988,26.968,1.679l4.945-2.473c1.345-0.672,2.85-1.027,4.354-1.027h18.357
c3.512,14.901,5.379,30.43,5.379,46.387c0.001,46.132-15.543,88.695-41.65,122.752L404.909,338.192z"/>
</g>
</g>
</svg>
</div>
<div class="details1">
<p>www.cora.pl</p>
<p>cora@cora.pl</p>
</div>
</div>
<div class="redicon">
<div class="myredicon">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 368.666 368.666" style="enable-background:new 0 0 368.666 368.666;" xml:space="preserve">
<g id="XMLID_2_">
<g>
<g>
<path d="M184.333,0C102.01,0,35.036,66.974,35.036,149.297c0,33.969,11.132,65.96,32.193,92.515
c27.27,34.383,106.572,116.021,109.934,119.479l7.169,7.375l7.17-7.374c3.364-3.46,82.69-85.116,109.964-119.51
c21.042-26.534,32.164-58.514,32.164-92.485C333.63,66.974,266.656,0,184.333,0z M285.795,229.355
c-21.956,27.687-80.92,89.278-101.462,110.581c-20.54-21.302-79.483-82.875-101.434-110.552
c-18.228-22.984-27.863-50.677-27.863-80.087C55.036,78.002,113.038,20,184.333,20c71.294,0,129.297,58.002,129.296,129.297
C313.629,178.709,304.004,206.393,285.795,229.355z"/>
<path d="M184.333,59.265c-48.73,0-88.374,39.644-88.374,88.374c0,48.73,39.645,88.374,88.374,88.374s88.374-39.645,88.374-88.374
S233.063,59.265,184.333,59.265z M184.333,216.013c-37.702,0-68.374-30.673-68.374-68.374c0-37.702,30.673-68.374,68.374-68.374
s68.373,30.673,68.374,68.374C252.707,185.341,222.035,216.013,184.333,216.013z"/>
</g>
</g>
</g>
</svg>
</div>
<div class="details2">
<p>Street: Ignatza Hakuby 18</p>
<p>41-914 Bytom, Polska</p>
</div>
</div>
<div style="clear:both"></div>
</div>
</div>
</body>
</html>