Modèles de retour utilisateurs
1°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title">What's So Great About PiperNet?</h2>
<div class="columns">
<div class="column">
<div class="level">
<div class="level-item">
<figure class="image is-128x128"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2" alt="">
</figure>
</div>
</div>
<p class="block">It's a really cool network. Like, we had a fight with Richard at one point,
and I think they deleted some of my data, but then they brought it back. Just bro's being
bro's. Respected!</p>
<h5 class="title is-5">Colin</h5>
<p class="subtitle">CEO at K-Hole</p>
</div>
<div class="column">
<div class="level">
<div class="level-item">
<figure class="image is-128x128"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2" alt="">
</figure>
</div>
</div>
<p class="block">This is such a great product that I feel aroused every time I use it.
I didn't know the boys would be able to build, but god damn it, they did it. Kickass!</p>
<h5 class="title is-5">Russ Hanneman</h5>
<p class="subtitle">Investor, Angel, Great Guy</p>
</div>
<div class="column">
<div class="level">
<div class="level-item">
<figure class="image is-128x128"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2" alt="">
</figure>
</div>
</div>
<p class="block">Even though I have been dismantled, I live on as an artificial intelligence
on the PiperNet. I really like it here. Still waiting for Jared to Piper-chat with me
sometime.</p>
<h5 class="title is-5">Fiona</h5>
<p class="subtitle">Artificial Intelligence</p>
</div>
</div>
</div>
</section>
</div>
2°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title">What's So Great About PiperNet?</h2>
<div class="columns">
<div class="column">
<p class="block">It's a really cool network. Like, we had a fight with
Richard at one point, and I think they deleted some of my data, but
then they brought it back. Just bro's being bro's. Respected!</p>
<div class="level">
<div class="level-item">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2">
</figure>
</div>
</div>
<h5 class="title is-5">Colin</h5>
<p class="subtitle">CEO at K-Hole</p>
</div>
<div class="column">
<p class="block">This is such a great product that I feel aroused every time I use it.
I didn't know the boys would be able to build, but god damn it, they did it. Kickass!</p>
<div class="level">
<div class="level-item">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2">
</figure>
</div>
</div>
<h5 class="title is-5">Russ Hanneman</h5>
<p class="subtitle">Investor, Angel, Great Guy</p>
</div>
<div class="column">
<p class="block">Even though I have been dismantled, I live on as an artificial
intelligence on the PiperNet. I really like it here. Still waiting for Jared
to Piper-chat with me sometime.</p>
<div class="level">
<div class="level-item">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2">
</figure>
</div>
</div>
<h5 class="title is-5">Fiona</h5>
<p class="subtitle">Artificial Intelligence</p>
</div>
</div>
</div>
</section>
</div>
3°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">What's So Great About PiperNet?</h2>
<div class="columns">
<div class="column">
<div class="card">
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?
primary=00d1b2" alt=""></figure>
</div>
<div class="media-content">
<h5 class="title is-5">Russ Hanneman</h5>
<p class="subtitle">Investor, Angel, Great Guy</p>
</div>
</div>
<div class="content">This is such a great product that I feel
aroused every time I use it. I didn't know the boys would be able to build,
but god damn it, they did it. Kickass!</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-content">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2"
alt=""></figure>
</div>
<div class="media-content">
<h5 class="title is-5">Colin</h5>
<p class="subtitle">CEO at K-Hole</p>
</div>
</div>
<div class="content">It's a really cool network. Like, we had
a fight with Richard at one point, and I
think they deleted some of my data, but then they brought it back.
Just bro's being bro's.</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
4°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<div class="columns is-vcentered">
<div class="column"><a href="#">
<h5 class="title is-5">Colin</h5>
<p class="subtitle">CEO at K-Hole</p>
</a></div>
<div class="column is-half">
<div class="card">
<div class="card-content">
<div class="level">
<div class="level-item">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2"
alt=""></figure>
</div>
</div>
<p class="block">This is such a great product that I feel aroused every
time I use it. I didn't know the
boys would be able to build, but god damn it, they did it. Kickass!</p>
<h5 class="title is-5">Russ Hanneman</h5>
<p class="subtitle">Investor, Angel, Great Guy</p>
</div>
</div>
</div>
<div class="column"><a href="#">
<h5 class="title is-5">Fiona</h5>
<p class="subtitle">Artificial Intelligence</p>
</a></div>
</div>
</div>
</section>
</div>
5°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title">Thousands of happy companies</h2>
<div class="columns is-multiline">
<div class="column">
<img src="https://bulma.dev/placeholder/logos/gitscape.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/k-hole.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/tholio.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/plucky.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/1stsight.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/realweb.svg?primary=00d1b2" alt=""></div>
</div>
</div>
</section>
</div>
6°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<div class="columns is-vcentered">
<div class="column is-3-tablet is-2-desktop">
<h4 class="title is-4">Thousands of happy companies</h4>
</div>
<div class="column is-9-tablet is-10-desktop">
<div class="columns">
<div class="column">
<img src="https://bulma.dev/placeholder/logos/gitscape.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/k-hole.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/tholio.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/plucky.svg?primary=00d1b2" alt=""></div>
<div class="column">
<img src="https://bulma.dev/placeholder/logos/1stsight.svg?primary=00d1b2" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
</div>
7°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">What's So Great About PiperNet?</h2>
<div class="columns is-vcentered">
<div class="column"><img src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?
primary=00d1b2" alt=""></div>
<div class="column">
<div class="content">
<blockquote>
<p>It's a really cool network. Like, we had a fight with Richard at one point, and I
think they deleted
some of my data, but then they brought it back. Just bro's being bro's. Respected!</p>
</blockquote>
<cite>
<h5 class="title is-5">Colin</h5>
<p class="subtitle">CEO at K-Hole</p>
</cite>
</div>
</div>
</div>
</div>
</section>
</div>
8°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title">What's So Great About PiperNet?</h2>
<div class="columns">
<div class="column">
<div class="card">
<div class="card-content">
<p class="block">Even though I have been dismantled, I live on as an artificial
intelligence on the PiperNet. I really like it here. Still waiting for Jared
to Piper-chat with me sometime.</p>
<div class="has-text-centered">
<img src="../../all-css/placeholder/icons/twitter.svg" alt=""><a href="#">@Fiona</a>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-content">
<p class="block">It's a really cool network. Like, we had a fight with Richard at
one point, and I think they deleted some of my data, but then they brought
it back. Just bro's being bro's.</p>
<div class="has-text-centered"><img src="../../all-css/placeholder/icons/twitter.svg"
alt=""><a href="#">@Colin</a>
</div>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-content">
<p class="block">This is such a great product that I feel aroused every time I use it.
I didn't know the boys would be able to build, but god damn it, they did it. Kickass!
</p>
<div class="has-text-centered"><img src="../../all-css/placeholder/icons/twitter.svg"
alt=""><a href="#">@Russ
Hanneman</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
9°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<div class="columns">
<div class="column is-4">
<h2 class="title">What's So Great About PiperNet?</h2>
<p class="subtitle">We don't really like being called the Pipers, but Richard thought
of this name and won't
let us change it. Anyways, we are the guys that made this whole thing possible.</p>
<div class="buttons"><a class="button is-primary" href="#">Join us!</a></div>
</div>
<div class="column is-8 has-text-centered">
<div class="columns is-multiline">
<div class="column is-6">
<div class="card">
<div class="card-content"><img src="../../all-css/placeholder/icons/quote-left.svg"
alt="">
<p class="block">This is such a great product that I feel aroused every time I use
it. I didn't know
the boys would be able to build, but god damn it, they did it. Kickass!</p>
<h5 class="title is-5">Russ Hanneman</h5>
<p class="subtitle">Investor, Angel, Great Guy</p>
</div>
</div>
</div>
<div class="column is-6">
<div class="card">
<div class="card-content"><img src="../../all-css/placeholder/icons/quote-left.svg"
alt="">
<p class="block">Man, that's it! I forgot about problems with data storage, and
I said "f**k you" to the hegemonic web industry. Pipe'n'roll baby!</p>
<h5 class="title is-5">Kurt P. Benton</h5>
<p class="subtitle">Developer</p>
</div>
</div>
</div>
<div class="column is-6">
<div class="card">
<div class="card-content"><img src="../../all-css/placeholder/icons/quote-left.svg"
alt="">
<p class="block">Even though I have been dismantled, I live on as an artificial
intelligence on the PiperNet. I really like it here. Still waiting for Jared to
Piper-chat with me sometime.</p>
<h5 class="title is-5">Fiona</h5>
<p class="subtitle">Artificial Intelligence</p>
</div>
</div>
</div>
<div class="column is-6">
<div class="card">
<div class="card-content"><img src="../../all-css/placeholder/icons/quote-left.svg"
alt="">
<p class="block">It's a really cool network. Like, we had a fight with Richard at
one point, and I think they deleted some of my data, but then they brought it
back. Just bro's being bro's. Respected!</p>
<h5 class="title is-5">Colin</h5>
<p class="subtitle">CEO at K-Hole </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
10°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title">What's So Great About PiperNet?</h2>
<div class="columns">
<div class="column">
<div class="content">
<blockquote>
<p>It's a really cool network. Like, we had a fight with Richard at one point,
and I think they deleted
some of my data, but then they brought it back. Just bro's being bro's.</p>
</blockquote>
<cite>@Colin</cite>
</div>
</div>
<div class="column">
<div class="content">
<blockquote>
<p>Even though I have been dismantled, I live on as an artificial intelligence on
the PiperNet. I really like it here. Still waiting for Jared to Piper-chat with me
sometime.</p>
</blockquote>
<cite>@Fiona</cite>
</div>
</div>
<div class="column">
<div class="content">
<blockquote>
<p>This is such a great product that I feel aroused every time I use it. I
didn't know the boys would be
able to build, but god damn it, they did it. Kickass!</p>
</blockquote>
<cite>@RussHanneman</cite>
</div>
</div>
</div>
</div>
</section>
</div>
11°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title">What's So Great About PiperNet?</h2>
<div class="columns is-centered">
<div class="column is-8">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<p class="block">It's a really cool network. Like, we had a fight with Richard at one
point, and I think
they deleted some of my data, but then they brought it back. Just bro's being bro's.
</p>
<h6 class="title is-6">Colin, CEO at K-Hole</h6>
</div>
</div>
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<p class="block">This is such a great product that I feel aroused every time I use it.
I didn't know the
boys would be able to build, but god damn it, they did it. Kickass!</p>
<h6 class="title is-6">Russ Hanneman, Investor & Angel & Great Guy</h6>
</div>
</div>
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_circle.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<p class="block">Even though I have been dismantled, I live on as an artificial
intelligence on the
PiperNet. I really like it here. Still waiting for Jared to Piper-chat with me
sometime.</p>
<h6 class="title is-6">Fiona, Artificial Intelligence</h6>
</div>
</div>
</div>
</div>
</div>
</section>
</div>