Line 9: | Line 9: | ||
</style> | </style> | ||
<div class="container grid"> | <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 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 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 class="card"> | <div class="card"> | ||
<div class="card-image"> | <div class="card-image"> |
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.
![Placeholder image](https://bulma.io/images/placeholders/1280x960.png)
John Smith
@johnsmith
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris.
![Placeholder image](https://bulma.io/images/placeholders/1280x960.png)
John Smith
@johnsmith
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris.
![Placeholder image](https://bulma.io/images/placeholders/1280x960.png)
John Smith
@johnsmith
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris.