{% assign head_card = site.data.meng.head_card %} {% if site.data.site.lang == 'zh-CN' %} {% assign lang = site.data.lang.meng.head_card %} {% else %} {% assign lang = site.data.lang.en-US %} {% endif %} <style>

.k-head-card-media{
    display: block cursor: pointer;
    max-height: 284px;
    min-height: 284px;
    background-position: 50% 50%;
    background-size: cover;
    background-color: white;
}
.k-head-card-media a{
    text-decoration: none;
}
.k-head-card-content .mdui-card-header-title{
    line-height: 40px;
    margin-left: 0;
}
.k-head-card-content .mdui-card-header-avatar{
    margin-right: 12px;
}
.mdui-card-media img.k-head-card-img{
    width: 64px;
    margin: 0 auto;
}

</style> <div class=“mdui-row”>

<div class="mdui-col-sm-8">
    <div class="mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
        <div class="mdui-card-media k-head-card-media" style="background-image:url('{{head_card.left_img}}')">
            <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
                <div class="mdui-card-primary">
                    <div class="mdui-card-primary-title"><a class="mdui-text-color-white-text">{{head_card.left_text}}</a></div>
                </div>
            </div>
        </div>
        <div class="mdui-divider"></div>
        <div class="mdui-card-header k-head-card-content">
            <img class="mdui-card-header-avatar" src="{{site.data.site.img.avatar}}" />
            <div class="mdui-card-header-title">{{site.author}}</div>
        </div>
    </div>
</div>
<div class="mdui-col-sm-4">
    <div style="overflow: visible;" class="mdui-card k-list-card mdui-shadow-{{site.data.site.card.card_shadow}} {% if site.data.site.card.card_hoverable == true%}mdui-hoverable{% endif %}">
        <div class="mdui-card-media k-head-card-media mdui-valign">
            <img class="k-head-card-img" src="{{head_card.right_img}}" alt="">
        </div>
        <div class="mdui-divider"></div>
        <div class="mdui-card-header k-head-card-content">
            <div class="mdui-card-header-title mdui-float-left">{{site.title}}</div>
            <button mdui-menu="{target: '#k-homemenu'}" class="mdui-btn mdui-btn-icon mdui-float-right"><i class="mdui-icon material-icons">&#xe5d4;</i></button>
            <ul class="mdui-menu" id="k-homemenu">
                <li class="mdui-menu-item">
                    <a target="_blank" href="{{ "/feed.xml" | prepend: site.baseurl }}" class="mdui-ripple">{{lang.rss}}</a>
                </li>
                <li class="mdui-menu-item">
                    <a target="_blank" href="{{ "/sitemap.xml" | prepend: site.baseurl }}" class="mdui-ripple">{{lang.sitemap}}</a>
                </li>
            </ul>
        </div>
    </div>
</div>

</div>