SETTORE

INDUSTRIA

Sviluppo e produzione elettronica per Automazione, Automotive ed elettronica in genere

SCOPRI DI PIÙ

SETTORE

ENERGIA

Fotovoltaico, Batterie, Building Automation, Mobilità Sostenibile, Pompe Di Calore

SCOPRI DI PIÙ

SETTORE

INDUSTRIA

Sviluppo e produzione elettronica per Automazione, Automotive ed elettronica in genere

SCOPRI DI PIÙ
SCOPRI DI PIÙ

SETTORE

ENERGIA

Fotovoltaico, Batterie, Building Automation, Mobilità Sostenibile, Pompe Di Calore

SCOPRI DI PIÙ
SCOPRI DI PIÙ
/****************************************************** * * SETTORI * ******************************************************/ .settori{ position:relative; overflow:hidden; } .settore{ padding:80px 6%; background-size:cover; background-position:center; background-repeat:no-repeat; } .settore-industria{ background-image:url("https://www.016dev.it/dielectrik/wp-content/uploads/2025/10/dielectrik-backgorund-industria-scaled.jpg"); border-bottom:10px solid #fff; } .settore-energia{ background-image:url("https://www.016dev.it/dielectrik/wp-content/uploads/2025/10/dielectrik-backgorund-energia-scaled.jpg"); } /****************************************************** * * LAYOUT DESKTOP * ******************************************************/ .settore-contenuto { max-width:1300px; margin:auto; display:flex; justify-content:space-between; align-items:center; gap:80px; } .colonna-testo{ width:48%; display:flex; flex-direction:column; justify-content:center; } .colonna-immagine{ width:100%; position:relative; margin-top:25px; display:flex; justify-content:flex-end; padding-left:70px; } .immagine{ width:100%; max-width:80%; } .immagine img{ width:100%; display:block; border-top-right-radius: 50px !important; border-bottom-left-radius: 50px !important; } /****************************************************** * * BOTTONE * ******************************************************/ .btn-settore{ width:190px; height:56px; border:2px solid #FFF; border-radius:12px; display:flex; justify-content:center; align-items:center; color:#FFF; text-decoration:none; font-weight:700; letter-spacing:2px; text-transform:uppercase; transition:.3s; } .btn-settore:hover{ background:#FFF; color:#fff; } .btn-desktop{ margin-top:35px; } .btn-mobile{ display:none; } a.btn-settore.btn-mobile.btn-industria { background-color: #306088; color: #fff !important; } a.btn-settore.btn-industria:hover { background-color: #004a87; } a.btn-settore.btn-mobile.btn-energia { background-color: #357e35; color: #fff !important } a.btn-settore.btn-energia:hover { background-color: #007c00; } /****************************************************** * * LOGO * ******************************************************/ .logo-centrale{ position:absolute; left:70px; top:50%; /* metà del bordo da 10px */ transform:translateY(-50%); background:#FFF; border-radius:18px; padding:12px 18px; box-shadow:0 10px 25px rgba(0,0,0,.15); z-index:50; } .logo-centrale img{ display:block; width:155px; } /****************************************************** * * MOBILE * ******************************************************/ @media (max-width:768px){ .settore{ padding:45px 15px; } .settore-contenuto{ display:block; } .colonna-testo{ width:100%; } .colonna-immagine{ width:100%; min-width: 100%; position:relative; margin-top:25px; padding-left:110px; } .btn-desktop{ display:none; } .btn-mobile{ display:flex; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10; width:215px; height:50px; } .immagine img{ width:100%; border-radius:24px; } .logo-centrale{ position:absolute; left:15px; top:50%; transform:none; display:inline-block; margin:-24px 0 -12px; z-index:100; } .logo-centrale img{ width:145px; } }