647 lines
35 KiB
HTML
647 lines
35 KiB
HTML
<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Ù 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>
|