Create highlight post layout
for use in the templates only include in the site settings post_type: highlight for now this is static
This commit is contained in:
parent
c0ee41733f
commit
14992ea3e9
4 changed files with 84 additions and 0 deletions
26
_includes/highlight_post.html
Normal file
26
_includes/highlight_post.html
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<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="">
|
||||
<i class="material-icons">play_circle_filled</i>
|
||||
</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__supporting-text">
|
||||
<h4>Features</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.
|
||||
</div>
|
||||
<div class="mdl-card__actions">
|
||||
<a href="#" class="mdl-button">Read our features</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="btn1">
|
||||
<i class="material-icons">more_vert</i>
|
||||
</button>
|
||||
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="btn1">
|
||||
<li class="mdl-menu__item">Lorem</li>
|
||||
<li class="mdl-menu__item" disabled>Ipsum</li>
|
||||
<li class="mdl-menu__item">Dolor</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue