Line 1: | Line 1: | ||
{{Marburg}} | {{Marburg}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | .grid { | ||
+ | display: grid; | ||
+ | grid-template-columns: repeat(2, 1fr); | ||
+ | grid-gap: 1em; | ||
+ | } | ||
+ | </style> | ||
+ | <div class="container grid"> | ||
+ | <div class="card"> | ||
+ | <div class="card-image"> | ||
+ | <figure class="image is-4by3"> | ||
+ | <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image"> | ||
+ | </figure> | ||
+ | </div> | ||
+ | <div class="card-content"> | ||
+ | <div class="media-content"> | ||
+ | <p class="title is-4">John Smith</p> | ||
+ | <p class="subtitle is-6">@johnsmith</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="content"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Phasellus nec iaculis mauris. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> | ||
{{Marburg/footer}} | {{Marburg/footer}} |
Revision as of 11:46, 3 August 2019
![Placeholder image](https://bulma.io/images/placeholders/1280x960.png)
John Smith
@johnsmith
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris.