DE-PACK Component Library

Site Branding 

<a href="#" class="w-[350px]">
    <div class="site-branding w-[350px] flex flex-row items-center gap-2">
        <div class="site-logo not-prose">
            <img src="/assets/logo/de-pack-logo.svg" width="124" height="61" alt="DE-PACK">
        </div>
        <div class="whitespace-no-wrap">
            <div class="site-name font-bold text-2xl whitespace-no-wrap not-prose">
                DE-PACK
            </div>
            <div class="site-slogan text-sm whitespace-no-wrap not-prose">
                Innovative Verpackungen
            </div>
        </div>
    </div>
</a>
 
<a href="#" class="w-[350px]">
  <div class="site-branding w-[350px] flex flex-row items-center gap-2">
      {% render '@site--logo' %}
      <div class="whitespace-no-wrap">
        {% render '@site--name' %}
        {% render '@site--slogan' %}
      </div>
  </div>
</a>
 
/* No context defined. */

No notes defined.