Blog Post Card - Copy this Html, Bootstrap Component to your project

Progetta un'interfaccia utente per visualizzare un post in un blog. La UI deve includere i seguenti elementi: Wrapper del post: Un contenitore che circonda tutti gli elementi del post. Deve avere bordi arrotondati e un'ombra leggera per dare un effetto 'card'. Il contenitore dovrebbe avere padding per distanziare il contenuto dai bordi. Titolo del post: Visualizza il titolo del post con un carattere grande e leggibile. Utilizza un colore a contrasto (es. blu scuro) per il titolo, che deve essere il primo elemento visibile nella card. Categoria del post: Sotto il titolo, mostra la categoria del post in un font più piccolo e in un colore leggermente più chiaro (es. grigio o blu chiaro). La categoria può essere evidenziata in modo discreto. Contenuto del post: Il corpo del post deve essere formattato in modo pulito. Se il contenuto è scritto in Markdown, convertilo in HTML prima di visualizzarlo. Mantieni lo stile del testo semplice, con interlinea adeguata e font chiaro per migliorare la leggibilità. Assicurati che i paragrafi, le immagini e i link siano ben visibili e ben distanziati. Messaggio di errore (se il post non è trovato): Se il post non viene trovato, visualizza un messaggio di errore centrato sulla pagina con un'icona o un messaggio testuale come 'Post non trovato'. Il messaggio deve essere visivamente distinto dagli altri contenuti, con un colore diverso o un bordo per evidenziarlo. Stile generale: L'intera UI deve essere moderna e minimalista, con un buon contrasto tra testo e sfondo. Usa una palette di colori rilassanti (come sfondo chiaro e accenti blu scuro o azzurro). Lo stile deve essere coerente con un blog tech professionale."