godo-home-fashion-concept.hbs

{{!-- Layouts --}}
{{!< default}}

{{#contentFor "mapache_class_body"}}is-home-mode{{/contentFor}}
{{#contentFor "mapache_class_site_main"}}pb4{{/contentFor}}

{{!-- Featured Post --}}
<div class="post-fluid fashion-featured h-cover u-marginAuto u-marginBottom20 u-clear">

    {{#get "posts" limit="3" filter="featured:true" as |post_featured|}}
    {{#foreach post_featured}}

        <article class="h-cover-items u-relative u-floatLeft {{#if @first}}firts{{/if}}">
            <div class="h-cover-inner u-relative u-bgDark u-overflowHidden">
                {{!-- Imagenes --}}
                {{#if feature_image}}
                    <a class="image-hover" href="{{url}}">
                        <img class="h-cover-img u-absolute0 u-image u-block lazyload blur-up"
                            src="{{img_url feature_image size="m"}}"
                            srcset="{{img_url feature_image size="xxs"}}"
                            data-srcset="{{img_url feature_image size="s"}} 300w, {{img_url feature_image size="m"}} 600w, {{img_url feature_image size="l"}} 1000w"
                            data-sizes="(max-width: 1000px) 400px, 700px"
                            alt="{{title}}"
                        />
                    </a>
                {{/if}}

                <header class="h-cover-header u-absolute zindex2">
                    <h2 class="h-cover-title u-lineHeightTight u-fontWeightMedium {{#unless @first}}u-fontSizeLarge{{/unless}}">
                        <a class="u-block" href="{{url}}">{{title}}</a>
                    </h2>
                    {{#if @first}}<p class="h-cover-excerpt u-paddingTop10 u-fontSizeBase u-hide-before-md">{{excerpt words="10"}}</p>{{/if}}
                </header>
            </div>
        </article>

    {{/foreach}}
    {{/get}}

</div>

{{!-- Latest Post --}}
<section class="post-fluid u-container u-paddingTop30">
    <h4 class="u-marginTop30 u-marginBottom30 u-fontSize22">{{t "Latest Articles"}}</h4>
    <div class="story-feed">
        <div class="row story-feed-content">
            {{!-- Story Grid - partiasl/story/story-grid.hbs --}}
            {{#foreach posts visibility="all"}}
                <div class="col col-s12 s6 l4">
                    {{> "story/story-grid" myexcerpt='yes'}}
                </div>
            {{/foreach}}
        </div>
    </div>
</section>