Skip to content

Instantly share code, notes, and snippets.

@ridhof

ridhof/framework7-card-layout.html

Created February 25, 2019 13:27
Show Gist options
  • Save ridhof/efba3c07cca0c012154bdadc452f50bc to your computer and use it in GitHub Desktop.
Save ridhof/efba3c07cca0c012154bdadc452f50bc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
framework7-card-layout.html
<div class="card demo-card-header-pic">
<div style="background-image:url(https://your-image-url.com/your-image.jpg)" class="card-header align-items-flex-end">Card Title</div>
<div class="card-content card-content-padding">
<p class="date">Posted on Month Day, Year</p>
<p>Card Description</p>
</div>
<div class="card-footer"><a href="#" class="link">Like</a><a href="#" class="link">Read more</a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment