<footer class="c-footer bg-black-5 pt-18 pb-12 md:pt-21 relative z-10">
    <div class="mb-8">
        <div class="o-line block w-px mx-auto bg-black-5"></div>
    </div>
    <div class="md:mb-4">

        <form action="" class="c-subscribe  pt-12 pb-8 px-8 relative m-auto  flex flex-col items-center">
            <div class="mb-4 lg:mb-8 c-subscribe__logo">
                <i class="icon icon--ui-logo-a">
		<svg>
			<use class="no-barba" xlink:href="#ui-logo-a"></use>
		</svg>
	</i>

            </div>
            <div class="mb-4">
                <p class="text-body text-center lg:text-lg">Sign up to the newsletter</p>
            </div>
            <div class="relative c-subscribe--sm w-full mx-auto">
                <label class="hidden" for="subscribeEmail">
			Email address
		</label>
                <input class="appearance-none bg-white text-body w-full h-input pt-3 pb-2 pl-4 pr-12 text-black-20" id="subscribeEmail" type="email" placeholder="Email address">
                <button type="submit" class="appearance-none absolute pt-1 pin-t pin-b pin-r pr-4 uppercase text-sm">Submit</button>
            </div>
        </form>
    </div>
    <ul class="hidden list-reset md:flex md:justify-center text-body mb-2">
        <li class="text-center text-white md:mx-2">
            <a class="block text-black-50 no-underline text-sm leading-sm" href="/components/preview/about">About</a>
        </li>
        <li class="text-center text-white md:mx-2">
            <a class="block text-black-50 no-underline text-sm leading-sm" href="/components/preview/press">Fashion</a>
        </li>
        <li class="text-center text-white md:mx-2">
            <a class="block text-black-50 no-underline text-sm leading-sm" href="/components/preview/post">Beauty</a>
        </li>
        <li class="text-center text-white md:mx-2">
            <a class="block text-black-50 no-underline text-sm leading-sm" href="/components/preview/vertical">Lifestyle</a>
        </li>
        <li class="text-center text-white md:mx-2">
            <a class="block text-black-50 no-underline text-sm leading-sm" href="/components/preview/collaborations">Collaborations</a>
        </li>
        <li class="text-center text-white md:mx-2">
            <a class="block text-black-50 no-underline text-sm leading-sm" href="/components/preview/press">Press</a>
        </li>
    </ul>
    <p class="text-sm text-black-50 text-center">© 2017 Asta Valentaite. All rights reserved.</p>
</footer>
{% import '@helpers' as h %}


<footer class="c-footer bg-black-5 pt-18 pb-12 md:pt-21 relative z-10">
	<div class="mb-8">
		{% include '@lines' %}
	</div>
  <div class="md:mb-4">
   {% include '@subscribe--sm' %}
  </div>
  <ul class="hidden list-reset md:flex md:justify-center text-body mb-2">
    {% for entry in sitemenu %}
      <li class="text-center text-white md:mx-2">
        <a class="block text-black-50 no-underline text-sm leading-sm" href="{{ entry.slug }}">{{ entry.title }}</a>
      </li>
    {% endfor %}
  </ul>
  <p class="text-sm text-black-50 text-center">{{ copyright }}</p>
</footer>
{
  "siteTitle": "Asta Valentaite",
  "copyright": "© 2017 Asta Valentaite. All rights reserved.",
  "craft": {
    "app": {
      "config": {
        "general": {
          "custom": {
            "objects": "/02-objects/",
            "global": "../03-global/",
            "components": "/04-components/",
            "pages": "/05-pages/",
            "macros": "/macros/",
            "wrapper": "/wrapper/"
          }
        }
      }
    }
  },
  "sitemenu": [
    {
      "title": "About",
      "slug": "/components/preview/about"
    },
    {
      "title": "Fashion",
      "slug": "/components/preview/press"
    },
    {
      "title": "Beauty",
      "slug": "/components/preview/post"
    },
    {
      "title": "Lifestyle",
      "slug": "/components/preview/vertical"
    },
    {
      "title": "Collaborations",
      "slug": "/components/preview/collaborations"
    },
    {
      "title": "Press",
      "slug": "/components/preview/press"
    }
  ]
}

There are no notes for this item.