This commit is contained in:
2026-03-23 12:54:13 +01:00
parent 89f2f7fcac
commit e8d4f3b088
14 changed files with 3639 additions and 59 deletions

20
templates_user/.htaccess Normal file
View File

@@ -0,0 +1,20 @@
# Wyłącz listowanie
Options -Indexes
# Domyślnie blokujemy wszystko…
Require all denied
# …a dopiero potem pozwalamy na pliki statyczne
<FilesMatch "\.(css|js|map|mjs|png|jpe?g|gif|svgz?|webp|ico|woff2?|woff|ttf|eot)$">
Require all granted
</FilesMatch>
# Twardo blokuj cokolwiek, co mogłoby się wykonać
<FilesMatch "\.(php|phtml|php[0-9]?|phar|pht|cgi|pl|py|sh)$">
Require all denied
</FilesMatch>
# Nie serwuj plików ukrytych (.env itp.)
<FilesMatch "^\.(.*)$">
Require all denied
</FilesMatch>

View File

@@ -37,4 +37,4 @@
</div>
</div>
<? include 'templates_user/components/popup.php'; ?>
<? include 'templates_user/components/popup.php'; ?>

View File

@@ -0,0 +1,352 @@
<style type="text/css">
@media (max-width: 991px) {
.c-row-2 {
display: block !important;
}
.doors-handle-info-table {
display: none !important;
}
.doors-handle-info-grid {
display: block !important;
}
}
.doors-handle-info-grid {
display: none;
}
a:hover {
color: steelblue !important;
transition: ease-in;
transition-duration: 100ms;
}
</style>
<div class="main-page">
<div class="container">
<div class="row">
<div class="col-12">
<div class="breadcrumbs" style="align-items: center">
<a href="/" style="color: black">Homepage</a>
<span style="padding-bottom: 4px" class="sep"><img src="/images/icons/breadcrumbs-sep.svg"></span>
<span class="last">Promozione</span>
</div>
</div>
</div>
</div>
<div class="box-1" style="background-image: url('/images/promotion/img-1-1.jpg'); ">
<div class="container">
<div class="box-1--wrapper">
<div class="box-title">
<h1><strong>Porte in alluminio</strong> VA-D 114</h1>
</div>
<p>Pronto. Elegante. <strong>Disponibile subito</strong></p>
</div>
</div>
</div>
<div class="container">
<div class="box-2">
<h2><strong>Esclusive porte esterne in alluminio a un prezzo eccezionale!</strong></h2>
<p>
Periodo promozionale dal 9 maggio fino ad esaurimento scorte | Organizaatore promozionale VIDOK FINESTRE
E PORTE.
</p>
</div>
</div>
<div class="box-3">
<div class="container">
<div class="c-row c-row-1" style="column-gap: 0">
<div class="c-col c-col-1">
<div class="product-head">
<span class="tag" style="padding-bottom: 10px">Offerta imperdibile!</span>
<div class="price">
<span>prezzo netto</span>
<p>1 340 </p>
</div>
<span class="old-price">2 061 </span>
</div>
<div class="product-desc">
<h2>VA-D 114</h2>
<ul class="text-xl" style="list-style-type: '- ';">
<li>Porta nel sistema <b>ALUPROF MB79N</b></li>
<li>Dimensioni: <b>1100 x 2200 mm</b>, luce di passaggio 900 mm</li>
<li>Direzione di apertura: sinistra, <b>verso l`esterno</b></li>
<li>Pannello di rivestimento su un lato - <b>modello VAD-114</b></li>
<li>Colore: <b>RAL 7016 MAT</b></li>
<li>Serratura automatica a <b>3 punti FUHR 833</b> con blocco dei catenacci</li>
<li><b>Elettroserratura FUHR</b> con interruttore giorno/notte</li>
<li>Cerniere a rullo <b>Fapim MONACO</b> in RAL 7016 MAT (in tinta con la porta)</li>
<li>
Esterno: maniglione <b>Inox dritto 1200 mm</b> montato sul pannello + rosetta ad anello
Wala
</li>
<li>Interno: maniglia <b>Aluprof STYLE</b> su placca lunga</li>
</ul>
<a class="c-btn" href="/contact">
invia richiesta
<img alt="" src="images/icons/check-box-Vector.svg">
</a>
</div>
</div>
<div class="c-col c-col-2">
<div class="c-desk">
<div class="c-desk-text">
<img src="/images/promotion/promo-title.png" alt="" style="transform: scale(130%)">
</div>
<a href="/images/promotion/VA-D-114-PDF.pdf" target="_blank"
style="min-width: max-content">
Dettagli tecnici
<img src="/images/promotion/Subtract.svg" alt="">
</a>
</div>
<div class="product-img">
<img class="product-img-1"
src="/images/promotion/VA-D-115---1.png" alt="">
<img class="product-img-2"
src="/images/promotion/VA-D-114---2.png" alt="">
</div>
</div>
</div>
<div class="c-row c-row-2">
<div class="c-col c-col-1">
</div>
<div class="c-col c-col-2">
<h3>
<strong>
Ideale per residenze moderne e case di classe premium
</strong>
</h3>
</div>
</div>
</div>
</div>
<div class="container">
<div class="box-4">
<h2>Ne restano solo <b>30 su 40</b> a questo prezzo!*</h2>
<p>*In media, 1una porta al giorno trova una nuova casa <strong>non aspettare, ordina subito!</strong></p>
</div>
<div style="color: #fff; text-transform: uppercase; background: linear-gradient(190deg, #b6c5d8 10%, #556d87 80%); text-align: center; padding: 12px; border-radius: 12px; margin:0 48px 80px 48px; font-size: 28px">
<b>ACCESSORI OPZIONALI DISPONIBILI</b> CON SOVRAPPREZZO
</div>
<!-- Small screen -->
<div class="doors-handle-info-grid" style="color: #7087a4">
<div style="text-align: center; margin: 64px">
<img src="/images/promotion/img-3.jpg" alt="" style="width: 100%">
<div>
<h3>
<strong>Luci laterali </strong><br/>
in 2 dimensioni
</h3>
<div>
243 netto (500 x 2200 mm) <br>
340 netto (1000 x 2200 mm)
</div>
</div>
</div>
<div style="text-align: center; margin: 64px">
<img src="/images/promotion/pochwyt-prostokatny.png"
alt="">
<div>
<h3>
<strong>Maniglione diametro: rettangolare</strong><br/>
Wala Q10
</h3>
<div>25 netto</div>
</div>
</div>
<div style="text-align: center; margin: 64px">
<img src="/images/promotion/pochwyt-kwadratowy.png"
alt="">
<div>
<h3>
<strong>Maniglione diametro: quadrato</strong><br/>
Wala Q10
</h3>
<div>
22 netto
</div>
</div>
</div>
<div style="text-align: center; margin: 64px">
<img src="/images/promotion/galka-obrotowa.png" alt="">
<div>
<h3>
<strong>Pomolo</strong><br/>
IN2620V
</h3>
<div>
21 netto
</div>
</div>
</div>
</div>
<!-- Big screen -->
<div class="doors-handle-info-table">
<table style="width: 100%; page-break-inside:auto">
<tr style="page-break-inside:avoid; page-break-after:auto">
<td style="text-align: center">
<img src="/images/promotion/img-3.jpg" alt="">
</td>
<td style="text-align: center">
<img src="/images/promotion/pochwyt-prostokatny.png"
alt="">
</td>
<td style="text-align: center">
<img src="/images/promotion/pochwyt-kwadratowy.png"
alt="">
</td>
<td style="text-align: center">
<img src="/images/promotion/galka-obrotowa.png" alt="">
</td>
</tr>
<tr>
<td height="32"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr style="page-break-inside:avoid; page-break-after:auto;">
<td style="color: #7087a4;vertical-align: top;">
<div style="place-self: center">
<h3>
<strong>Luci laterali </strong><br/>
in 2 dimensioni
</h3>
<div>
243 netto (500 x 2200 mm) <br>
340 netto (1000 x 2200 mm)
</div>
</div>
</td>
<td style="color: #7087a4;vertical-align: top">
<div style="place-self: center">
<h3>
<strong>Maniglione diametro: rettangolare</strong><br/>
Wala Q10
</h3>
<div>25 netto</div>
</div>
</td>
<td style="color: #7087a4;vertical-align: top">
<div style="place-self: center">
<h3>
<strong>Maniglione diametro: quadrato</strong><br/>
Wala Q10
</h3>
<div>
22 netto
</div>
</div>
</td>
<td style="color: #7087a4;vertical-align: top">
<div style="place-self: center">
<h3>
<strong>Pomolo</strong><br/>
IN2620V
</h3>
<div>
21 netto
</div>
</div>
</td>
</tr>
</table>
</div>
<div style="justify-content: center; display: flex; margin: 40px">
<a href="/images/promotion/opcja-dodatkowa.pdf"
target="_blank">
<button style="background: #c3d0e1; text-transform: uppercase; border: none; box-shadow: 4px 4px 6px #00000020; border-radius: 8px; padding: 16px; font-weight: 550; cursor:pointer">
Dettagli tecnici
<img src="/images/promotion/Subtract.svg" alt=""
style="margin-left: 10px">
</button>
</a>
</div>
<div class="box-6">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<div class="feedback-tile">
<ol>
<li><img src="/images/icons/Star.svg" alt=""></li>
<li><img src="/images/icons/Star.svg" alt=""></li>
<li><img src="/images/icons/Star.svg" alt=""></li>
<li><img src="/images/icons/Star.svg" alt=""></li>
<li><img src="/images/icons/Star.svg" alt=""></li>
</ol>
<p>
"Consiglio vivamente queste porte! Ottima qualità, lavorazione solida e aspetto moderno -
esattamente ciò che cercavo. Il vantaggio più grande? Erano disponibili subito - ho ordinato
lunedì e venerdì erano già installate a casa mia. Servizio molto disponibile, tutto è andato
liscio e senza stress. Se qualcuno sta pensando di acquistare - ne vale la pena!"
</p>
<span class="author">Michał K., Cracovia</span>
</div>
</div>
</div>
</div>
<div class="box-7">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<h2>Non ordini - <strong> acquisti già pronto</strong></h2>
</div>
</div>
</div>
<div class="box-8">
<div class="c-row c-row-1">
<div class="c-col c-col-1">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/images/promotion/img-5.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/images/promotion/img-6.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/images/promotion/img-7.jpg" alt="">
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<ol>
<li><img src="/images/promotion/img-5.jpg" alt=""></li>
<li><img src="/images/promotion/img-6.jpg" alt=""></li>
<li><img src="/images/promotion/img-7.jpg" alt=""></li>
</ol>
</div>
</div>
</div>
</div>
</div>
<script class="footer">
var swiper = new Swiper(".mySwiper", {
slidesPerView: 1,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
</script>

View File

@@ -0,0 +1,604 @@
<style type="text/css">
.ral-color-container {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.ral-color-title {
text-transform: uppercase;
font-weight: 600;
margin-bottom: 1rem;
margin-top: 4rem;
font-size: 20px;
}
.ral-color-subtitle {
font-size: 12px;
font-weight: 700;
text-align: center;
}
/* Bootstrap overwrite */
.tab, .tab-container .nav-tabs li a {
font-weight: 600;
font-size: 16px;
max-width: 200px;
}
#collapseColorAluminium {
margin-bottom: 150px;
}
</style>
<div class="banner-mini">
<div class="container">
<div class="row">
<div class="col-12">
<h1>Colori</h1>
<h2 style="text-transform: uppercase">Scopri un mono di colori</h2>
</div>
</div>
</div>
</div>
<div class="container tab-long">
<div class="row">
<div class="col-12">
<div class="tab-container" id="collapseColorAluminium" role="tabpanel">
<div role="tabpanel">
<ul class="nav nav-tabs" role="tablist" style="padding: 48px 0">
<li class="bootstrapTab active" role="presentation">
<a aria-controls="tabCollapseColorAluminium_1"
class="active" data-toggle="tab"
href="#tabCollapseColorAluminium_1" role="tab">
<img src="../../images/logos/AluprofLogo.png"
style="background: #fff; padding: 4px; border-radius: 4px"
alt="LogoAluprof">
</a>
</li>
<li class="bootstrapTab" role="presentation">
<a aria-controls="tabCollapseColorAluminium_2"
data-toggle="tab"
href="#tabCollapseColorAluminium_2" role="tab">
<img src="../../images/logos/ALURONLogo.png"
style="background: #fff; padding: 4px; border-radius: 4px"
alt="LogoAluron">
</a>
</li>
<li class="bootstrapTab" role="presentation">
<a aria-controls="tabCollapseColorAluminium_3"
data-toggle="tab"
href="#tabCollapseColorAluminium_3" role="tab">
<img src="../../images/logos/CortizoLogo.png"
style="background: #fff; padding: 4px; border-radius: 4px"
alt="CortizoLogo">
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tabCollapseColorAluminium_1" role="tabpanel">
<div class="ral-color-title">RAL opaco standard</div>
<div class="ral-color-container">
<img src="/images/ral-colors/aluprof/OpacoRalMat7016.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat7043.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat9007.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat7021.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat8019.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat9016.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat7024.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat9005.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMatDb703.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat7035.png" alt="">
<img src="/images/ral-colors/aluprof/OpacoRalMat9006.png" alt="">
</div>
<div class="ral-color-title">RAL SATINATO STANDARD</div>
<div class="ral-color-container">
<img src="/images/ral-colors/aluprof/SatinRalMat7016.png" alt="">
<img src="/images/ral-colors/aluprof/SatinRalMat7035.png" alt="">
<img src="/images/ral-colors/aluprof/SatinRalMat9016.png" alt="">
<img src="/images/ral-colors/aluprof/SatinRalMat7024.png" alt="">
<img src="/images/ral-colors/aluprof/SatinRalMat9005.png" alt="">
<img src="/images/ral-colors/aluprof/SatinRalMatDb703.png" alt="">
</div>
<div class="ral-color-title">EFFETTO LEGNO AGGIUNTIVI</div>
<div class="ral-color-container">
<img src="/images/ral-colors/aluprof/LegnoAdecB108.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecD349.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecM204.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecC106.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecD502.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdec0102.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecC146.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecJ107.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdec0205.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecC247.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecK101.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecW109.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecD101.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecM102.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecW205.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecD246.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecM103.png" alt="">
<img src="/images/ral-colors/aluprof/LegnoAdecW645.png" alt="">
</div>
</div>
<div class="tab-pane" id="tabCollapseColorAluminium_2" role="tabpanel">
<div class="ral-color-title">RAL opaco standard</div>
<div class="ral-color-container">
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0000_AR-RAL8007-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 8007</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0001_AR-RAL8001-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 8001</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0002_AR-RAL5010-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 5010</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0003_AR-RAL6005-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 6005</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0004_AR-RAL3004-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 3004</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0005_AR-RAL1013-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 1013</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0006_AR-RAL9010-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9010</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0007_AR-RAL0916-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 0916</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0008_AR-RAL7035-MAT-1.png" alt="">
<div class="ral-color-subtitle">RAL MAT 7035</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0008_AR-RAL7035-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 7035</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0009_AR-RAL9006-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9006</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0010_AR-RAL7042-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 7042</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0011_AR-RAL9007-MAT-1.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9007</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0011_AR-RAL9007-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9007</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0012_AR-RAL7016-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 7016</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0013_AR-RAL9005-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9005</div>
</div>
</div>
<div class="ral-color-title">RAL SATINATO STANDARD</div>
<div class="ral-color-container">
<div>
<img src="/images/ral-colors/aluron/ALURON__0010_AR-RAL7035-FS.png" alt="">
<div class="ral-color-subtitle">RAL FS 7035</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0014_AR-RAL7016-FS.png" alt="">
<div class="ral-color-subtitle">RAL FS 7016</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0015_AR-RAL9005-FS.png" alt="">
<div class="ral-color-subtitle">RAL FS 9005</div>
</div>
<div>
<img src="/images/ral-colors/aluron/SatinRalFS7021.png" alt="">
<div class="ral-color-subtitle">RAL FS 7021</div>
</div>
<div>
<img src="/images/ral-colors/aluron/SatinRalFS7024.png" alt="">
<div class="ral-color-subtitle">RAL FS 7024</div>
</div>
</div>
<div class="ral-color-title">RAL metalic AGGIUNTIVI</div>
<div class="ral-color-container">
<div>
<img src="/images/ral-colors/aluron/ALURON__0014_AM-01-FS.png" alt="">
<div class="ral-color-subtitle">AM-01-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0009_AM-06-FS.png" alt="">
<div class="ral-color-subtitle">AM-06-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0004_AM-11-FS.png" alt="">
<div class="ral-color-subtitle">AM-11-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0013_AM-02-FS.png" alt="">
<div class="ral-color-subtitle">AM-02-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0008_AM-07-FS.png" alt="">
<div class="ral-color-subtitle">AM-07-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0012_AM-03-FS.png" alt="">
<div class="ral-color-subtitle">AM-03-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0007_AM-08-FS.png" alt="">
<div class="ral-color-subtitle">AM-08-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0002_AM-13-FS.png" alt="">
<div class="ral-color-subtitle">AM-13-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0011_AM-04-FS.png" alt="">
<div class="ral-color-subtitle">AM-04-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0006_AM-09-FS.png" alt="">
<div class="ral-color-subtitle">AM-09-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001_AM-14-FS.png" alt="">
<div class="ral-color-subtitle">AM-14-FS</div>
</div>
<div>
<img src="../../images/ral-colors/aluron/ALURON__0010_AM-05-FS.png" alt="">
<div class="ral-color-subtitle">AM-05-FS</div>
</div>
<div>
<img src="../../images/ral-colors/aluron/ALURON__0005_AM-10-FS.png" alt="">
<div class="ral-color-subtitle">AM-10-FS</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0000_AM-15-FS.png" alt="">
<div class="ral-color-subtitle">AM-15-FS</div>
</div>
</div>
<div class="ral-color-title">RAL satinato AGGIUNTIVI</div>
<div class="ral-color-container">
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0005_AR-RAL1013-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 1013</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0001_AR-RAL8001-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 8001</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0011_AR-RAL9007-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9007</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0004_AR-RAL3004-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 3004</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0000_AR-RAL8007-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 8007</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0006_AR-RAL9010-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9010</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0002_AR-RAL5010-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 5010</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0008_AR-RAL7035-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 7035</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0007_AR-RAL0916-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9016</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0003_AR-RAL6005-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 6005</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0011_AR-RAL9007-MAT-1.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9007</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0010_AR-RAL7042-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 7042</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON_RAL_0009_AR-RAL9006-MAT.png" alt="">
<div class="ral-color-subtitle">RAL MAT 9006</div>
</div>
</div>
<div class="ral-color-title">EFFETTO LEGNO AGGIUNTIVI</div>
<div class="ral-color-container">
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0012_WENGE.png" alt="">
<div class="ral-color-subtitle">AD-01 Wengé</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0011_MAHOŃ.png" alt="">
<div class="ral-color-subtitle">AD-02 Mogano</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0010_ORZECH.png" alt="">
<div class="ral-color-subtitle">AD-03 Noce</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0009_WIŚNIA%20DOUGLAS.png" alt="">
<div class="ral-color-subtitle">AD-04 Ciliegio</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0008_ZŁOTY%20DĄB.png" alt="">
<div class="ral-color-subtitle">AD-05 Rovere <br/> Dorato</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0007_WINCHESTER.png" alt="">
<div class="ral-color-subtitle">AD-06 <br/> Winchester</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0006_DOUGLAS.png" alt="">
<div class="ral-color-subtitle">AD-07 Douglas</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0005_OREGON.png" alt="">
<div class="ral-color-subtitle">AD-08 Oregon</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0004_SOSNA.png" alt="">
<div class="ral-color-subtitle">AD-09 Pino</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0003_DĄB%20BIELONY.png" alt="">
<div class="ral-color-subtitle">AD-10 Rovere <br/> Sbiancato</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0002_DĄB%20POLARNY.png" alt="">
<div class="ral-color-subtitle">AD-11 Rovere <br/>Polare</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0001_BRĄZ%20ANTYCZNY.png" alt="">
<div class="ral-color-subtitle">AD-12 Bronzo <br/>Antico</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0000_BRĄZ%20SZLACHETNY.png"
alt="">
<div class="ral-color-subtitle">AD-13 Bronzo <br/>Nobile</div>
</div>
<div>
<img src="/images/ral-colors/aluron/ALURON__0001s_0014_DĄB%20CATANIA%203.png"
alt="">
<div class="ral-color-subtitle">AD-14 Rovere <br/>Catania</div>
</div>
</div>
</div>
<div class="tab-pane" id="tabCollapseColorAluminium_3" role="tabpanel">
<div class="ral-color-title">Testurizzato</div>
<div class="ral-color-container">
<div>
<img src="/images/ral-colors/cortizo/PE1013TD.png" alt="">
<div class="ral-color-subtitle">PE1013TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE1015TD.png" alt="">
<div class="ral-color-subtitle">PE1015TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE5003TD.png" alt="">
<div class="ral-color-subtitle">PE5003TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE5008TD.png" alt="">
<div class="ral-color-subtitle">PE5008TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE6005TD.png" alt="">
<div class="ral-color-subtitle">PE6005TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE6009TD.png" alt="">
<div class="ral-color-subtitle">PE6009TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE7012TD.png" alt="">
<div class="ral-color-subtitle">PE7012TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE7016TD.png" alt="">
<div class="ral-color-subtitle">PE7016TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE-7035TD.png" alt="">
<div class="ral-color-subtitle">PE-7035TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE7039TD.png" alt="">
<div class="ral-color-subtitle">PE7039TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE8014TD.png" alt="">
<div class="ral-color-subtitle">PE8014TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE9005TD.png" alt="">
<div class="ral-color-subtitle">PE9005TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE9010TD.png" alt="">
<div class="ral-color-subtitle">PE9010TD</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PE9016TD.png" alt="">
<div class="ral-color-subtitle">PE9016TD</div>
</div>
</div>
<div class="ral-color-title">COLORI EFETTO LEGNO</div>
<div class="ral-color-container">
<div>
<img src="/images/ral-colors/cortizo/PI303L.png" alt="">
<div class="ral-color-subtitle">PI303L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/RO302TX.png" alt="">
<div class="ral-color-subtitle">RO302TX</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/RO303L.png" alt="">
<div class="ral-color-subtitle">RO303L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/SA401L.png" alt="">
<div class="ral-color-subtitle">SA401L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/SA802TX.png" alt="">
<div class="ral-color-subtitle">SA802TX</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/CE303L.png" alt="">
<div class="ral-color-subtitle">CE303L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/CE802TX.png" alt="">
<div class="ral-color-subtitle">CE802TX</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/EM802TX.png" alt="">
<div class="ral-color-subtitle">EM802TX</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/MB704TX.png" alt="">
<div class="ral-color-subtitle">MB704TX</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/NO401L.png" alt="">
<div class="ral-color-subtitle">NO401L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/NO802TX.png" alt="">
<div class="ral-color-subtitle">NO802TX</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/PI302TX.png" alt="">
<div class="ral-color-subtitle">PI302TX</div>
</div>
</div>
<div class="ral-color-title">ANODIZED</div>
<div class="ral-color-container">
<div>
<img src="/images/ral-colors/cortizo/1B.png" alt="">
<div class="ral-color-subtitle">1B</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/1G.png" alt="">
<div class="ral-color-subtitle">1G</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/1L.png" alt="">
<div class="ral-color-subtitle">1L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/1M.png" alt="">
<div class="ral-color-subtitle">1M</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/2B.png" alt="">
<div class="ral-color-subtitle">2B</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/3-GR.png" alt="">
<div class="ral-color-subtitle">3-GR</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/3L.png" alt="">
<div class="ral-color-subtitle">3L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/10M.png" alt="">
<div class="ral-color-subtitle">10M</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/16B.png" alt="">
<div class="ral-color-subtitle">16B</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/16G.png" alt="">
<div class="ral-color-subtitle">16G</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/16L.png" alt="">
<div class="ral-color-subtitle">16L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/17GR.png" alt="">
<div class="ral-color-subtitle">17GR</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/17L.png" alt="">
<div class="ral-color-subtitle">17L</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/21LR.png" alt="">
<div class="ral-color-subtitle">21LR</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/22GR.png" alt="">
<div class="ral-color-subtitle">22GR</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/51LR.png" alt="">
<div class="ral-color-subtitle">51LR</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/52-LR.png" alt="">
<div class="ral-color-subtitle">52-LR</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/53LR.png" alt="">
<div class="ral-color-subtitle">53LR</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/54G.png" alt="">
<div class="ral-color-subtitle">54G</div>
</div>
<div>
<img src="/images/ral-colors/cortizo/56GR.png" alt="">
<div class="ral-color-subtitle">56GR</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,646 @@
<style type="text/css">
/* UNIVERSAL CSS */
.text-center {
text-align: center;
}
.font-bold {
font-weight: 600;
}
.justify-start {
justify-content: start !important;
margin-top: 2rem;
}
/* SPECIFIC CSS */
@media (min-width: 900px) {
.manufacturer-logo-box {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.additional-params-container {
justify-content: right;
margin-top: 4rem !important;
}
.download-button-container{
justify-content: right;
}
.profile-spec-table tr td {
padding: 2px 8px;
}
}
@media (max-width: 901px) {
.additional-params-container {
justify-content: center;
}
.profile-spec-table tr td {
padding: 4px;
}
}
.profile-title {
width: 100%;
margin: 0;
background: #000;
max-width: 350px;
font-size: 24px;
font-weight: 500;
color: #fff;
padding: 10px;
text-align: right;
}
.profile-subtitle {
background: #b0bdca;
color: #fff;
font-size: 12px;
font-weight: 600;
padding: 0 10px;
width: 150px;
text-align: right;
}
.manufacturer-logo-box {
text-align: right;
width: 100%;
margin-top: 1rem;
margin-bottom: 1rem;
}
.manufacturer-logo-box img {
padding: 12px 0;
}
.profile-spec-table {
width: 100%;
}
.profile-spec-table tr td {
border-right: 1px solid #AAAAAA;
}
.carousel-image {
height: 600px;
justify-self: center;
padding: 20px;
}
.additional-params-box {
background: #e7ebef;
border-radius: 4px;
padding: 10px 16px;
text-align: right;
display: flex;
font-size: 14px;
}
.additional-params-container {
display: flex;
width: 100%;
margin-top: 2rem;
margin-bottom: 0;
}
.download-button-box {
background: #e7ebef;
border-radius: 4px;
padding: 10px 16px;
text-align: right;
display: flex;
font-size: 14px;
color: #000;
text-transform: none;
font-weight: bold;
}
.download-button-container {
display: flex;
width: 100%;
margin-top: 2rem;
}
.tab-manufacturer {
font-size: 12px;
font-weight: normal;
}
/* Bootstrap overwrite */
.carousel-indicators {
bottom: -10px;
}
.carousel-indicators,
.carousel-control-next,
.carousel-control-prev {
filter: invert(100%);
}
.tab, .tab-container .nav-tabs li a {
font-weight: 600;
font-size: 16px;
max-width: 200px;
}
.carousel-image{
margin: auto;
}
</style>
<div class="banner-mini">
<div class="container">
<div class="row">
<div class="col-12">
<h1>Finestre in alluminio</h1>
<h2>IDEALI PER I PI&Ugrave; ESIGENTI</h2>
</div>
</div>
</div>
</div>
<div class="container tab-long">
<div class="row">
<div class="col-12">
<div class="tab-container" id="collapse1750657251902" role="tabpanel">
<div role="tabpanel">
<ul class="nav nav-tabs" role="tablist" style="padding: 48px 0">
<li class="bootstrapTab active" role="presentation">
<a aria-controls="tab1750657251902_1"
class="active" data-toggle="tab"
href="#tab1750657251902_1" role="tab">
MB 45
<div class="tab-manufacturer">
ALUPROF
</div>
</a>
</li>
<li class="bootstrapTab" role="presentation">
<a aria-controls="tab1750657251902_2"
data-toggle="tab" href="#tab1750657251902_2"
role="tab">
MB 79N
<div class="tab-manufacturer">
ALUPROF
</div>
</a>
</li>
<li class="bootstrapTab" role="presentation">
<a aria-controls="tab1750657251902_3"
data-toggle="tab" href="#tab1750657251902_3"
role="tab">
MB 79N US
<div class="tab-manufacturer">
ALUPROF
</div>
</a>
</li>
<li class="bootstrapTab" role="presentation">
<a aria-controls="tab1750657251902_4"
data-toggle="tab" href="#tab1750657251902_4"
role="tab">
AS 75
<div class="tab-manufacturer">
ALURON
</div>
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1750657251902_1" role="tabpanel">
<div class="tab-content1">
<div class="row">
<div class="col-md-6 justify-start">
<div style="display: flex; justify-content: right; width: 100%">
<div class="profile-title">MB 45</div>
</div>
<div style="display: flex; justify-content: right; width: 100%">
<div class="profile-subtitle">ALLUMINIO</div>
</div>
<div class="manufacturer-logo-box">
<div><b class="font-bold">SISTEMA</b>: porte e finestre</div>
<a href="https://aluprof.com/it" target="_blank">
<img src="/images/logos/AluprofLogo.png"
alt="LogoAluprof">
</a>
</div>
<table class="profile-spec-table">
<tr>
<td></td>
<td class="text-center font-bold">FINESTRE</td>
<td class="text-center font-bold">PORTE:</td>
</tr>
<tr>
<td class="font-bold text-right">Profondità telaio:</td>
<td class="text-center">45 mm</td>
<td class="text-center">45 mm</td>
</tr>
<tr>
<td class="font-bold text-right">Profondità anta:</td>
<td class="text-center">45 mm</td>
<td class="text-center">54 mm</td>
</tr>
<tr>
<td class="font-bold text-right">Spessore vetro:</td>
<td class="text-center">2-34 mm</td>
<td class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">fisse: 2-25 mm</td>
<td class="text-center">fisse: 2-25 mm</td>
</tr>
</table>
<div class="download-button-container">
<a href="https://aluprof.com/files/downloads/MB-45_A4_EN.pdf"
target="_blank">
<div class="download-button-box">
SCARICA VOLANTINO
</div>
</a>
</div>
</div>
<div class="col-md-6">
<div id="carouselMB45Controls" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselMB45Controls" data-slide-to="0"
class="active"></li>
<li data-target="#carouselMB45Controls" data-slide-to="1"></li>
<li data-target="#carouselMB45Controls" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB45.png"
alt="MB45">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB45-2.webp"
alt="MB45">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB45Tech.png"
alt="MB45 Tech">
</div>
</div>
<a class="carousel-control-prev" href="#carouselMB45Controls" role="button"
data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselMB45Controls" role="button"
data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab1750657251902_2" role="tabpanel">
<div class="tab-content1">
<div class="row">
<div class="col-md-6 justify-start">
<div style="display: flex; justify-content: right; width: 100%">
<div class="profile-title">MB 79N</div>
</div>
<div style="display: flex; justify-content: right; width: 100%">
<div class="profile-subtitle">ALLUMINIO</div>
</div>
<div class="manufacturer-logo-box">
<div><b class="font-bold">SISTEMA</b>: porte e finestre</div>
<a href="https://aluprof.com/it" target="_blank">
<img src="/images/logos/AluprofLogo.png"
alt="LogoAluprof">
</a>
</div>
<table class="profile-spec-table">
<tr>
<td></td>
<td class="text-center font-bold">FINESTRE</td>
<td class="text-center font-bold">PORTE:</td>
</tr>
<tr>
<td class="font-bold text-right">Profondità telaio:</td>
<td class="text-center">70 mm</td>
<td class="text-center">70 mm</td>
</tr>
<tr>
<td class="font-bold text-right">Profondità anta:</td>
<td class="text-center">79 mm</td>
<td class="text-center">70 mm</td>
</tr>
<tr>
<td class="font-bold text-right">Spessore vetro:</td>
<td class="text-center">telaio: 1,5 - 54 mm</td>
<td class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">anta: 10,5 - 63 mm</td>
<td class="text-center">anta: 1,5 - 54 mm</td>
</tr>
</table>
<div class="additional-params-container">
<div class="additional-params-box">
<img src="/upload/filemanager/icon/icon-temperature.svg" width="40"
alt="" style="margin-right: 24px">
<div>
<div class="font-bold">ISOLAMENTO TERMICO:</div>
<div>U<sub>w</sub> a partire da 0,64 W/(m<sup>2</sup>K)</div>
<div>U<sub>f</sub> a partire da 0,83 W/(m<sup>2</sup>K)</div>
</div>
</div>
</div>
<div class="download-button-container">
<a href="https://aluprof.com/files/downloads/MB-79N_A3_IT.pdf"
target="_blank">
<div class="download-button-box">
SCARICA CATALOGO TECNICO
</div>
</a>
</div>
</div>
<div class="col-md-6">
<div id="carouselMB79NControls" class="carousel slide"
data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselMB79NControls" data-slide-to="0"
class="active"></li>
<li data-target="#carouselMB79NControls" data-slide-to="1"></li>
<li data-target="#carouselMB79NControls" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB79N.png"
alt="MB45">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB79NTech.png"
alt="MB45 Tech">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB79NTech2.png"
alt="MB45 Tech">
</div>
</div>
<a class="carousel-control-prev" href="#carouselMB79NControls"
role="button"
data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselMB79NControls"
role="button"
data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab1750657251902_3" role="tabpanel">
<div class="tab-content1">
<div class="row">
<div class="col-md-6 justify-start">
<div style="display: flex; justify-content: right; width: 100%">
<div class="profile-title">MB 79N US</div>
</div>
<div style="display: flex; justify-content: right; width: 100%">
<div class="profile-subtitle">ALLUMINIO</div>
</div>
<div class="manufacturer-logo-box">
<div><b class="font-bold">SISTEMA</b>: finestre</div>
<a href="https://aluprof.com/it" target="_blank">
<img src="/images/logos/AluprofLogo.png"
alt="LogoAluprof">
</a>
</div>
<table class="profile-spec-table">
<tr>
<td class="font-bold text-right">Profondità telaio:</td>
<td class="text-center">70 mm</td>
</tr>
<tr>
<td class="font-bold text-right">Profondità anta:</td>
<td class="text-center">79 mm</td>
</tr>
<tr>
<td class="font-bold text-right">Spessore vetro:</td>
<td class="text-center">telaio: 1,5 - 44,5 mm</td>
</tr>
<tr>
<td></td>
<td class="text-center">anta: 12 - 52,5 mm</td>
</tr>
</table>
<div class="additional-params-container">
<div class="additional-params-box">
<img src="/upload/filemanager/icon/icon-temperature.svg" width="40"
alt="" style="margin-right: 24px">
<div>
<div class="font-bold">ISOLAMENTO TERMICO:</div>
<div>U<sub>w</sub> a partire da 0,64 W/(m<sup>2</sup>K)</div>
<div>U<sub>f</sub> a partire da 0,83 W/(m<sup>2</sup>K)</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div id="carouselMB79NUSControls" class="carousel slide"
data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselMB79NUSControls" data-slide-to="0"
class="active"></li>
<li data-target="#carouselMB79NUSControls" data-slide-to="1"></li>
<li data-target="#carouselMB79NUSControls" data-slide-to="2"></li>
<li data-target="#carouselMB79NUSControls" data-slide-to="3"></li>
<li data-target="#carouselMB79NUSControls" data-slide-to="4"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB79NUS.png"
alt="MB79NUS">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB79NUS2.png"
alt="MB79NUS">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB79NUS3.png"
alt="MB79NUS">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB79NUSTech.png"
alt="MB79NUS Tech">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/MB79NUSTech2.png"
alt="MB79NUS Tech">
</div>
</div>
<a class="carousel-control-prev" href="#carouselMB79NUSControls"
role="button"
data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselMB79NUSControls"
role="button"
data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab1750657251902_4" role="tabpanel">
<div class="tab-content1">
<div class="row">
<div class="col-md-6 justify-start">
<div style="display: flex; justify-content: right; width: 100%">
<div class="profile-title">AS 75</div>
</div>
<div style="display: flex; justify-content: right; width: 100%">
<div class="profile-subtitle">ALLUMINIO</div>
</div>
<div class="manufacturer-logo-box">
<div><b class="font-bold">SISTEMA</b>: porte e finestre</div>
<a href="https://www.aluron.pl/en" target="_blank">
<img src="/images/logos/ALURONLogo.png"
alt="ALURONLogo">
</a>
</div>
<table class="profile-spec-table">
<tr>
<td class="font-bold text-right">Profondità telaio:</td>
<td class="text-center">70 mm</td>
</tr>
<tr>
<td class="font-bold text-right">Profondità anta:</td>
<td class="text-center">75 mm</td>
</tr>
<tr>
<td class="font-bold text-right">Spessore vetro:</td>
<td class="text-center">16 - 66 mm</td>
</tr>
</table>
<div class="additional-params-container">
<div class="additional-params-box">
<img src="/upload/filemanager/icon/icon-temperature.svg" width="40"
alt="" style="margin-right: 24px">
<div>
<div class="font-bold">ISOLAMENTO TERMICO:</div>
<div>U<sub>w</sub> a partire da 0,6 W/(m<sup>2</sup>K)</div>
</div>
</div>
</div>
<div class="download-button-container">
<a href="https://www.aluron.pl/wp-content/uploads/2024/08/AS75_okno_Karta_Produktowa_EN_2024.pdf"
target="_blank">
<div class="download-button-box">
SCARICA CATALOGO TECNICO
</div>
</a>
</div>
</div>
<div class="col-md-6">
<div id="carouselAS75Controls" class="carousel slide"
data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselAS75Controls" data-slide-to="0"
class="active"></li>
<li data-target="#carouselAS75Controls"
data-slide-to="1"></li>
<li data-target="#carouselAS75Controls"
data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/AS75.png"
alt="AS75">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/AS75Tech.png"
alt="AS75 Tech">
</div>
<div class="carousel-item">
<img class="d-block carousel-image"
src="/images/finestre/alluminio/AS75Tech2.png"
alt="AS75 Tech">
</div>
</div>
<a class="carousel-control-prev" href="#carouselAS75Controls"
role="button"
data-slide="prev">
<span class="carousel-control-prev-icon"
aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselAS75Controls"
role="button"
data-slide="next">
<span class="carousel-control-next-icon"
aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

File diff suppressed because it is too large Load Diff