<div class="wrapper w-full relative">
<div class="c-logos related overflow-scroll flex md:flex-wrap md:justify-center items-center">
<a href="#" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="/dist/images/logo-wolford.png" alt="">
</a>
<a href="#" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="/dist/images/logo-wolford.png" alt="">
</a>
<a href="#" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="/dist/images/logo-wolford.png" alt="">
</a>
<a href="#" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="/dist/images/logo-wolford.png" alt="">
</a>
<a href="#" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="/dist/images/logo-wolford.png" alt="">
</a>
<a href="#" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="/dist/images/logo-wolford.png" alt="">
</a>
<a href="#" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="/dist/images/logo-wolford.png" alt="">
</a>
<a href="#" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="/dist/images/logo-wolford.png" alt="">
</a>
</div>
</div>
<div class="wrapper w-full relative">
<div class="c-logos related overflow-scroll flex md:flex-wrap md:justify-center items-center">
{% for item in logos %}
<a href="#{{ item.slug }}" class="mx-4 p-2 flex items-center justify-center md:mb-4 min-w-logos max-w-logos" data-scroll-to>
<img class="c-logos m-auto opacity-25 hover:opacity-100 t-opacity lazyload" data-src="{{ item.logo.url }}" alt="{{ item.logo.alt }}">
</a>
{% endfor %}
</div>
</div>
{
"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"
}
],
"logos": [
{
"logo": {
"url": "/dist/images/logo-wolford.png",
"alt": null
}
},
{
"logo": {
"url": "/dist/images/logo-wolford.png",
"alt": null
}
},
{
"logo": {
"url": "/dist/images/logo-wolford.png",
"alt": null
}
},
{
"logo": {
"url": "/dist/images/logo-wolford.png",
"alt": null
}
},
{
"logo": {
"url": "/dist/images/logo-wolford.png",
"alt": null
}
},
{
"logo": {
"url": "/dist/images/logo-wolford.png",
"alt": null
}
},
{
"logo": {
"url": "/dist/images/logo-wolford.png",
"alt": null
}
},
{
"logo": {
"url": "/dist/images/logo-wolford.png",
"alt": null
}
}
]
}
.c-logos {
img {
width: 90%;
}
}
There are no notes for this item.