cardcontactbadgeinlineresponsivetailwind

Presenter and WhatsApp Info Bar

Горизонтальная информационная панель с меткой докладчика и контактным чипом WhatsApp. Адаптивный дизайн, Tailwind CSS. Идеально для заголовков и контактов.

Live Preview

Prompt

<div class="flex flex-col sm:flex-row sm:items-center mb-16 gap-x-4 gap-y-4 items-start justify-between">
                <div class="text-xs font-medium text-slate-500 tracking-wide">
                    Presented by: <span class="text-slate-400">Wealth Management System Inc.</span>
                </div>
                <div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-white/10 bg-white/[0.02] hover:bg-white/[0.04] transition-colors cursor-pointer text-xs font-medium text-slate-300">
                    <span class="w-1.5 h-1.5 rounded-full bg-amber-500"></span>
                    WhatsApp: <span class="text-white ml-0.5 tracking-tight">(815) 8-WEALTH</span>
                </div>
            </div>

All Prompts