ghost-theme/partials/menus/learnMenu.hbs

<a href="https://discourse.speckle.works" target="blank"
  class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
  <div class="flex-shrink-0">
    <span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
      <svg class="h-6 w-6" x-description="Heroicon name: chart-bar"
        xmlns="http://www.w3.org/2000/svg" fill="none"
        viewBox="0 0 24 24" stroke="currentColor"
        aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round"
          stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
      </svg>
    </span>
  </div>
  <div class="flex items-center md:h-full lg:flex-col">
    <div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
      <div>
        <p class="text-base font-bold text-gray-900 dark:text-gray-50">
          speckle.guide
        </p>
        <p class="mt-1 text-sm font-normal  text-gray-900 dark:text-gray-50">
          Documentation and step-by-step guides on how to
          get the best of Speckle.
        </p>
      </div>
      <p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Check
        it out <span aria-hidden="true">→</span></p>
    </div>
  </div>
</a>

<a href="https://discourse.speckle.works" target="blank"
  class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
  <div class="flex-shrink-0">
    <span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
      <svg class="h-6 w-6" x-description="Heroicon name: chart-bar"
        xmlns="http://www.w3.org/2000/svg" fill="none"
        viewBox="0 0 24 24" stroke="currentColor"
        aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round"
          stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
      </svg>
      {{!-- <img src="{{img_url feature_image size="m"}}"> --}}
    </span>
  </div>
  <div class="flex items-center md:h-full lg:flex-col">
    <div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
      <div>
        <p class="text-base font-bold text-gray-900 dark:text-gray-50">
          speckle.community
        </p>
        <p class="mt-1 text-sm font-normal text-gray-900 dark:text-gray-50">
          Where questions get answered, showcases, and
          more!
        </p>
      </div>
      <p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Register
        now <span aria-hidden="true">→</span></p>
    </div>
  </div>
</a>

<a href="/blog" class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
  <div class="flex-shrink-0">
    <span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
      <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg"
        fill="none" viewBox="0 0 24 24" stroke="currentColor"
        aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round"
          stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
      </svg>
    </span>
  </div>
  <div class="flex items-center md:h-full lg:flex-col">
    <div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
      <div>
        <p class="text-base font-medium text-gray-900 dark:text-gray-50">
          speckle blog
        </p>
        <p class="mt-1 text-sm text-gray-900 dark:text-gray-50">
          Latest news, thoughts and geeky tech articles from the team.
        </p>
      </div>
      <p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Read
        More <span aria-hidden="true">→</span></p>
    </div>
  </div>
</a>

<a href="/blog" class="-m-3 p-3 flex flex-col justify-between rounded-lg transition dark:bg-gray-950 hover:bg-blue-100 dark:hover:bg-gray-800">
  <div class="flex-shrink-0">
    <span class="inline-flex items-center justify-center h-64 w-64 rounded-md text-gray-500 dark:text-white sm:h-12 sm:w-12">
      <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg"
        fill="none" viewBox="0 0 24 24" stroke="currentColor"
        aria-hidden="true">
        <path stroke-linecap="round" stroke-linejoin="round"
          stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z" />
      </svg>
    </span>
  </div>
  <div class="flex items-center md:h-full lg:flex-col">
    <div class="ml-4 md:flex-1 md:flex md:flex-col md:justify-between lg:ml-0 lg:mt-4">
      <div>
        <p class="text-base font-medium text-gray-900 dark:text-gray-50">
          Github
        </p>
        <p class="mt-1 text-sm text-gray-900 dark:text-gray-50">
          Check out the Speckle source code and give us a
          star ⭐️
        </p>
      </div>
      <p class="mt-2 text-sm font-medium text-blue-600 lg:mt-4">Read
        More <span aria-hidden="true">→</span></p>
    </div>
  </div>
</a>