Pantheon

<div class="p-02 flex-auto"><div class="flex flex-col flex-no-wrap bg-gray-2 md_h-16 shadow-2 relative"><a class="flex-none bg-indigo-8 flex flex-cross-center py-01" href="{{url}}" target="_blank"><div class="flex-none flex flex-col md_flex-row"><div class="__title flex-none alegreya white text-4 bold pl-1 lh-2 hover_underline">{{{name}}}</div><div class="flex-1 italic white text-01 md_text-1 pl-1 pt-01">{{#pronunciation}}/{{pronunciation}}/{{/pronunciation}}</div></div><div class="flex-auto"></div><div class="flex-none bold white pr-02 whitespace-pre">{{alignment}}</div></a><div class="flex-auto flex flex-col md_flex-row overflow-hidden border-r-001 border-l-001 border-gray-5"><div class="flex-none relative order-2 md_order-1 md_w-60p"><div class="__description p-1 text-1 whitespace-pre-line">{{{description}}}</div><div class="hidden md_block absolute bottom-0 left-0 right-0 h-5 bg-gradient-to-b from-transparent to-gray-2"></div></div><div class="flex-none order-1 md_order-2 md_w-40p">{{#img}}<a class="flex-none h-12 md_h-14 flex flex-center p-02" href="{{url}}" target="_blank"><img class="object-contain max-w-100p max-h-100p {{img.cssClass}}" data-src="{{img.dataSrc}}" src="{{img.src}}" width="{{img.width}}" height="{{img.height}}" data-uuid="{{img.dataUuid}}"/></a>{{/img}}</div></div><div class="flex-none border-r-001 border-b-001 border-l-001 border-gray-5 relative"><div class="py-01 px-02 bg-black bg-opacity-75p white flex flex-cross-center"><div class="__domains flex-auto italic text-01">{{{displayDomains}}}</div></div></div></div></div>

Alignment

Pantheons