Web Components Library

Footer Basic

No notes defined.

<!-- Error rendering component -->
<!-- Could not render component '@social-icons' - component not found. -->
<!-- Error: Could not render component '@social-icons' - component not found.
    at Object.render (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/@frctl/handlebars/src/helpers/render.js:23:19)
    at Object.helperWrapper (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/promised-handlebars/index.js:130:23)
    at Object.<anonymous> (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/promised-handlebars/lib/utils.js:29:28)
    at Object.wrapper (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
    at Object.eval [as main] (eval at createFunctionContext (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:11:145)
    at main (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/handlebars/dist/cjs/handlebars/runtime.js:208:32)
    at ret (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/handlebars/dist/cjs/handlebars/runtime.js:212:12)
    at ret (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/handlebars/dist/cjs/handlebars/compiler/compiler.js:519:21)
    at prepareAndResolveMarkers (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/promised-handlebars/index.js:99:39)
    at /Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/promised-handlebars/lib/utils.js:29:28
    at HandlebarsAdapter.render (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/@frctl/handlebars/src/adapter.js:37:30)
    at ComponentSource._renderVariant (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/@frctl/fractal/src/api/components/source.js:212:30)
    at _renderVariant.next (<anonymous>)
    at onFulfilled (/Users/danystadtmuller/Websites/RESOURCES/web-components-library/node_modules/co/index.js:65:19) -->
 
<div class="py-2 bg-gray-800">

  <div class="container max-w-6xl pb-8 mx-auto my-6 text-white">

    <div class="flex flex-col sm:flex-row justify-between px-4 ">

      <div>
        <p class="mb-2 text-lg sm:text-2xl font-medium leading-snug transition duration-100 opacity-75 hover:opacity-100">
          <a href="#">Organization Name</a>
        </p>

        <div class="mb-2 text-xl text-white transition duration-100 opacity-75 hover:opacity-100">
          <a href="tel:+1-403-123-4567"
             onclick="ga('send','event','Organization Contact','Click - Phone','403.123.4567')">403.123.4567</a>
        </div>

        <div class="mb-2 text-white transition duration-100 opacity-75 hover:opacity-100">
          <a onclick="ga('send','event','Organization Contact','Click - Email','info@example.com')"
             href="mailto:info@example.com">info@example.com</a>
        </div>

      </div>

      {{ render '@social-icons' }}

    </div>

  </div>

</div>

<div class="mx-auto bg-gray-700">

  <ul class="flex flex-wrap justify-center pt-4 pb-24 mx-auto text-center text-gray-400">
    <li class="inline-block w-full px-2 pb-1 sm:w-auto">
      <a class="text-sm" href="http://example.com/">&copy; 2020 Organization Name</a>
    </li>
    <li class="inline-block px-2 pb-1">
      <a class="text-sm transition duration-100 hover:text-gray-200" href="/privacy-policy">Privacy Policy</a>
    </li>
    <li class="inline-block px-2 pb-1">
      <a class="text-sm transition duration-100 hover:text-gray-200" href="/credits">Credits</a>
    </li>
  </ul>
</div>
 
/* No context defined. */