Make this dinamic

This commit is contained in:
Oscar Cortez 2015-07-17 21:55:02 -06:00
parent 9353f0b8a7
commit 5ecc1216d1

View file

@ -1,16 +1,17 @@
{% assign post = site.posts.first %}
<div class="section-highlight section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp"> <div class="section-highlight section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
<header class="section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone mdl-color--teal-100 mdl-color-text--white" style=""> <header class="section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone mdl-color--teal-100 mdl-color-text--white">
<i class="material-icons">play_circle_filled</i> <i class="material-icons">play_circle_filled</i>
</header> </header>
<div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone"> <div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone">
<div class="mdl-card__supporting-text"> <div class="mdl-card__supporting-text">
<h4>Features</h4> <h4>{{ post.title }}</h4>
Dolore ex deserunt aute fugiat aute nulla ea sunt aliqua nisi cupidatat eu. Nostrud in laboris labore nisi amet do dolor eu fugiat consectetur elit cillum esse. {{ post.excerpt }}
</div> </div>
<div class="mdl-card__actions"> <div class="mdl-card__actions">
<a href="#" class="mdl-button">Read our features</a> <a href="{{ post.url | prepend: site.baseurl }}" class="mdl-button">Read More</a>
</div> </div>
</div> </div>
@ -18,9 +19,9 @@
<i class="material-icons">more_vert</i> <i class="material-icons">more_vert</i>
</button> </button>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="btn-high"> <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="btn-high">
<li class="mdl-menu__item">Lorem</li> <li class="mdl-menu__item">Facebook</li>
<li class="mdl-menu__item" disabled>Ipsum</li> <li class="mdl-menu__item">Twitter</li>
<li class="mdl-menu__item">Dolor</li> <li class="mdl-menu__item">Google+</li>
</ul> </ul>
</div> </div>