ciao adottauncane2,
penso che non sia possibile inserire il frammento dentro un articolo, così come sta,
perché i tag <head> e <body> li mette joomla e non si possono raddoppiare.
Oddio, i browser hanno una grandissima tolleranza ed eseguono qualcosa lo stesso, però possono smettere di farlo da un momento all' altro.
Anche lo stile nel tag <style> dovrebbe stare nella <head> e in nessun altro posto.
E quindi, lo stile sarebbe meglio posizionato in un file custom.css, così verrebbe caricato nella sezione giusta della pagina. Nell' articolo ci può andare quello che c'è tra i due tag <body>, javascript compreso se l'editor dell'articolo è stato abilitato.
I due scripy jQuery e Bootstrap potresti provare a non caricarli, perché dovrebbero essere già caricati da joomla, altrimenti li metti nell'articolo prima dello <script> finale sperando che funzionino.
Un saluto