ODYL House produce e installa case in CLT (legno lamellare incrociato) e GLT (legno lamellare incollato) con elementi strutturali di qualità superiore e soluzioni di design d’interni.
Scopri di più su ODYL House
Scopri il percorso di ODYL nella realizzazione di case sostenibili ed efficienti dal punto di vista energetico utilizzando legno lamellare e CLT. I cofondatori raccontano la loro visione: unire il design moderno a materiali ecologici per un futuro più sano e sostenibile.
Leggi di più
/* Ripristina i margini e i riempimenti predefiniti per tutti gli elementi */
.blog-anteprima,
.blog-preview * {
margine: 0;
padding: 0;
box-sizing: border-box;
}
/* Contenitore dell’anteprima del blog */
.blog-preview {
display: flex;
flex-direction: column; /* Metti il titolo in alto e il resto sotto */
larghezza: 100%;
sfondo: #F5F5F5; /* Sfondo dell’intera sezione */
bordo: 1px solido #ddd;
border-radius: 4px; /* Angoli arrotondati */
overflow: nascosto;
}
/* Titolo in alto */
.blog-preview-title {
larghezza: 100%;
padding: 10px 20px; /* Margini ridotti per un aspetto più compatto */
dimensione carattere: 1,5em;
text-align: left; /* Allinea il titolo a sinistra */
sfondo: #F5F5F5; /* Adatta lo sfondo della sezione */
border-bottom: 1px solid #ddd; /* Linea di separazione */
}
.blog-preview-title a {
text-decoration: none;
colore: #333;
}
.blog-preview-title a:hover {
text-decoration: underline;
}
/* Contenuto (immagine e testo) */
.blog-preview-content {
display: flex;
flex-direction: row; /* Allinea immagine e testo su una sola riga */
gap: 15px; /* Spazio ridotto tra immagine e testo */
align-items: start; /* Allinea il testo e l’immagine in alto */
larghezza: 100%;
padding: 0 20px; /* Mantiene un allineamento uniforme */
}
/* Colonna di sinistra per l’immagine */
.blog-preview-image {
flex: 1 1 33%; /* L’immagine occupa 1/3 della larghezza */
larghezza massima: 33%;
overflow: nascosto;
display: flex;
align-items: center;
justify-content: center;
}
.blog-preview-image img {
larghezza: 100%;
altezza: 100%;
object-fit: cover; /* Riempi lo spazio mantenendo le proporzioni */
display: block;
}
/* Nascondi immagine sui dispositivi mobili */
@media (max-width: 768px) {
.blog-preview-image {
display: none; /* Nascondi l’immagine sugli schermi più piccoli */
}
}
/* Colonna di destra per il testo */
.blog-preview-text {
flex: 2 1 67%;
padding: 10px 0; /* Riduzione del margine verticale */
dimensione carattere: 1em;
line-height: 1.5;
colore: #555;
display: flex;
flex-direction: colonna;
justify-content: center;
}
/* Pulsante “Leggi tutto” */
.blog-preview-text .read-more {
dimensione carattere: 1em;
colore: #5F56BF; /* Colore predefinito */
text-decoration: none;
peso del carattere: grassetto;
}
.blog-preview-text .read-more:hover {
colore: #554DAB; /* Colore al passaggio del mouse */
}