Modules « d’aide pour les utilisateur » (« Comment ça marche » + « FAQS »)
1°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title">PiperNet Setup</h2>
<div class="columns is-multiline is-centered">
<div class="column is-8 is-4-widescreen">
<div class="block"><img src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?
primary=00d1b2" alt="">
</div>
<h4 class="title"><small class="number">1</small> Move Data</h4>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</p>
</div>
<div class="column is-8 is-4-widescreen">
<div class="block"><img src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?
primary=00d1b2" alt="">
</div>
<h4 class="title"><small class="number">2</small> Integrate Software</h4>
<p>We want to make sure that you can keep using the software that you use to manage your
business.</p>
</div>
<div class="column is-8 is-4-widescreen">
<div class="block"><img src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?
primary=00d1b2" alt="">
</div>
<h4 class="title"><small class="number">3</small> Ongoing Support</h4>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
</div>
<div class="buttons is-centered"><a class="button is-primary" href="">Learn more</a></div>
</div>
</section>
</div>
2°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">PiperNet Setup</h2>
<div class="columns is-vcentered">
<div class="column">
<h2 class="title is-spaced">How to start</h2>
<p class="subtitle">Let's get you connected! We've designed a simple, efficient process
for companies migrating to PiperNet. Here's how it works.</p><a class="button is-primary"
href="#">Start Setup!</a>
</div>
<div class="column"><img src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?
primary=00d1b2" alt=""></div>
</div>
<hr>
<div class="level">
<div class="level-item">
<div class="number has-background-primary">1</div>
<h4 class="title is-4">Move</h4>
</div>
<div class="level-item">
<div class="number">2</div>
<h4 class="title is-4">Integrate</h4>
</div>
<div class="level-item">
<div class="number">3</div>
<h4 class="title is-4">Support</h4>
</div>
</div>
</div>
</section>
</div>
3°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">PiperNet Setup</h2>
<div class="columns">
<div class="column">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img
src="https://bulma.dev/placeholder/pictures/image.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<div class="content">
<h2 class="title is-1">1</h2>
</div>
</div>
</div>
<h4 class="title is-4">Move Data</h4>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</p>
</div>
<div class="column">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img
src="https://bulma.dev/placeholder/pictures/image.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<div class="content">
<h2 class="title is-1">2</h2>
</div>
</div>
</div>
<h4 class="title is-4">Integrate Software</h4>
<p>We want to make sure that you can keep using the software that you use to manage
your business.</p>
</div>
<div class="column">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img
src="https://bulma.dev/placeholder/pictures/image.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<div class="content">
<h2 class="title is-1">3</h2>
</div>
</div>
</div>
<h4 class="title is-4">Ongoing Support</h4>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
</div>
<div class="buttons is-centered"><a class="button is-primary" href="#">Start Setup!</a></div>
</div>
</section>
</div>
4°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-6">
<h2 class="title">PiperNet Setup</h2>
<h3 class="title is-5">Let's get you connected!</h3>
<p class="subtitle is-6">We've designed a simple, efficient process for companies
migrating to PiperNet. Here's how it works.</p>
<div class="buttons"><a class="button is-primary" href="#">Start Setup!</a>
<a class="button is-text" href="#">Watch more</a></div>
</div>
<div class="column is-6">
<div class="media">
<div class="media-left">
<div class="number has-background-primary">1</div>
</div>
<div class="media-content">
<div class="content">
<h3>Move Data</h3>
<p>Using our Piper Assistant application, you can move your data to be stored
our decentralized network with simple drag & drop.</p>
</div>
</div>
</div>
<div class="media">
<div class="media-left">
<div class="number has-background-primary">2</div>
</div>
<div class="media-content">
<div class="content">
<h3>Integrate Software</h3>
<p>We want to make sure that you can keep using the software that you use
to manage your business.</p>
</div>
</div>
</div>
<div class="media">
<div class="media-left">
<div class="number has-background-primary">3</div>
</div>
<div class="media-content">
<div class="content">
<h3>Ongoing Support</h3>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
5°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title is-spaced">PiperNet Setup</h2>
<div class="columns is-multiline">
<div class="column is-6 is-3-widescreen">
<div class="block"><img src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?
primary=00d1b2" alt=""></div>
<div class="block">
<div class="number has-background-primary" style="margin-right: 0">1</div>
</div>
<h4 class="title is-4">Move Data</h4>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</p>
</div>
<div class="column is-6 is-3-widescreen">
<div class="block"><img src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?
primary=00d1b2" alt=""></div>
<div class="block">
<div class="number has-background-primary" style="margin-right: 0">2</div>
</div>
<h4 class="title is-4">Integrate Software</h4>
<p>We want to make sure that you can keep using the software that you use to manage
your business.</p>
</div>
<div class="column is-6 is-3-widescreen">
<div class="block"><img src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?
primary=00d1b2" alt=""></div>
<div class="block">
<div class="number has-background-primary" style="margin-right: 0">3</div>
</div>
<h4 class="title is-4">Ongoing Support</h4>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
<div class="column is-6 is-3-widescreen">
<div class="block"><img src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?
primary=00d1b2" alt=""></div>
<div class="block">
<div class="number has-background-primary" style="margin-right: 0">4</div>
</div>
<h4 class="title is-4">Move Data</h4>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</p>
</div>
</div>
</div>
</section>
</div>
6°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title is-spaced">PiperNet Setup</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_square.svg?primary=00d1b2" alt="">
</figure>
</div>
</div>
<h4 class="title is-4">Move Data</h4>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</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_square.svg?primary=00d1b2" alt="">
</figure>
</div>
</div>
<h4 class="title is-4">Integrate Software</h4>
<p>We want to make sure that you can keep using the software that you use to manage
your business.</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_square.svg?primary=00d1b2" alt="">
</figure>
</div>
</div>
<h3 class="title is-4">Ongoing Support</h3>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
</div>
<div class="buttons is-centered"><a class="button is-primary" href="#">Start Setup!</a></div>
</div>
</section>
</div>
7°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title is-spaced">PiperNet Setup</h2>
<div class="block">
<iframe src="https://www.youtube.com/embed/OtDxDvCpPL4" width="760" height="480"
style="height: 480px" allowfullscreen></iframe>
</div>
<div class="columns">
<div class="column">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_square.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<div class="content">
<h5 class="title is-5">Move Data</h5>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</p>
</div>
</div>
</div>
</div>
<div class="column">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_square.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<div class="content">
<h5 class="title is-5">Integrate Software</h5>
<p>We want to make sure that you can keep using the software that you use to manage your
business.</p>
</div>
</div>
</div>
</div>
<div class="column">
<div class="media">
<div class="media-left">
<figure class="image is-64x64"><img class="is-rounded"
src="https://bulma.dev/placeholder/pictures/bg_square.svg?primary=00d1b2" alt="">
</figure>
</div>
<div class="media-content">
<div class="content">
<h5 class="title is-5">Ongoing Support</h5>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
8°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-6">
<h1 class="title is-spaced">PiperNet Setup</h1>
<p class="subtitle">Let's get you connected! We've designed a simple, efficient process
for companies migrating to PiperNet. Here's how it works.</p>
<div class="buttons"><a class="button is-primary" href="#">Start Setup!</a>
<a class="button is-text"
href="#">Watch more</a></div>
</div>
<div class="column is-6"><img src="https://bulma.dev/placeholder/pictures/bg_4-3.svg?
primary=00d1b2" alt="">
</div>
</div>
</div>
</section>
</div>
9°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title is-spaced">PiperNet Setup</h2>
<p class="subtitle">We've designed a simple, efficient process for companies migrating to PiperNet.
Here's how it works.</p>
<hr>
<div>
<div class="columns is-vcentered">
<div class="column"><span class="title is-size-1">01</span>
<h3 class="title">Move Data</h3>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</p>
</div>
<div class="column"><img src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?
primary=00d1b2" alt="">
</div>
</div>
<div class="columns is-vcentered">
<div class="column"><span class="title is-size-1">02</span>
<h3 class="title">Integrate Software</h3>
<p>We want to make sure that you can keep using the software that you use to
manage your business.</p>
</div>
<div class="column"><img src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?
primary=00d1b2" alt="">
</div>
</div>
<div class="columns is-vcentered">
<div class="column"><span class="title is-size-1">03</span>
<h3 class="title">Ongoing Support</h3>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
<div class="column"><img src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?
primary=00d1b2" alt="">
</div>
</div>
</div>
</div>
</section>
</div>
10°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-7">
<h2 class="title is-spaced">PiperNet Setup</h2>
<p class="subtitle">Let's get you connected! We've designed a simple, efficient process
for companies migrating to PiperNet. Here's how it works.</p>
<div>
<div class="media">
<div class="media-left"><span class="number has-background-primary">1</span></div>
<div class="media-content">
<h4 class="title is-4">Move Data</h4>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</p>
</div>
</div>
<div class="media">
<div class="media-left"><span class="number has-background-primary">2</span></div>
<div class="media-content">
<h4 class="title is-4">Integrate Software</h4>
<p>We want to make sure that you can keep using the software that you use to
manage your business.</p>
</div>
</div>
<div class="media">
<div class="media-left"><span class="number has-background-primary">3</span></div>
<div class="media-content">
<h4 class="title is-4">Ongoing Support</h4>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
</div>
</div>
</div>
<div class="column is-5"><img src="https://bulma.dev/placeholder/pictures/bg_9-16.svg?
primary=00d1b2" alt="" height="600"></div>
</div>
</div>
</section>
</div>
11°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title is-spaced">PiperNet Setup</h2>
<div class="columns">
<div class="column">
<div class="block"><span class="number has-background-primary" style="margin-right: 0;">1
</span></div>
<h4 class="title is-4">Move Data</h4>
<p>Using our Piper Assistant application, you can move your data to be stored our
decentralized network with simple drag & drop.</p>
</div>
<div class="column">
<div class="block"><span class="number has-background-primary" style="margin-right: 0;">1
</span></div>
<h4 class="title is-4">Integrate Software</h4>
<p>We want to make sure that you can keep using the software that you use to manage your
business.</p>
</div>
<div class="column">
<div class="block"><span class="number has-background-primary" style="margin-right: 0;">1
</span></div>
<h4 class="title is-4">Ongoing Support</h4>
<p>As with all innovative technologies, sometimes unpredictable things will happen,
and you can always count on our support to solve issues for you.</p>
</div>
</div><img src="https://bulma.dev/placeholder/pictures/bg_16-9.svg?primary=00d1b2" alt="">
</div>
</section>
</div>
12°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container has-text-centered">
<h2 class="title">PiperNet Setup</h2>
<p class="subtitle">We've designed a simple, efficient process for companies migrating to PiperNet.
Here's how it works.</p>
<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="media">
<div class="media-left"> <span class="title is-1">1</span></div>
<div class="media-content">
<h4 class="title is-spaced">Move Data</h4>
<p class="subtitle">Using our Piper Assistant application, you can move your data to
be stored our decentralized network with simple drag & drop.</p>
</div>
</div>
<div class="media">
<div class="media-left"> <span class="title is-1">2</span></div>
<div class="media-content">
<h4 class="title is-spaced">Integrate Software</h4>
<p class="subtitle">We want to make sure that you can keep using the software that
you use to manage your business.</p>
</div>
</div>
<div class="media">
<div class="media-left"> <span class="title is-1">3</span></div>
<div class="media-content">
<h4 class="title is-spaced">Ongoing Support</h4>
<p class="subtitle">As with all innovative technologies, sometimes unpredictable things
will happen, and you can always count on our support to solve issues for you.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
13°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">Frequently Asked Questions</h2>
<div class="list is-hoverable"><a class="list-item" href="#">
<div class="media">
<div class="media-content">How is a decentralized network different from the traditional
web?</div>
<div class="media-right"><img src="../../all-css/placeholder/icons/chevron-circle-down.svg"
alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">Why shouldn't I just store my data on a Hooli Box?</div>
<div class="media-right"><img src="../../all-css/placeholder/icons/chevron-circle-down.svg"
alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">What makes PiperNet so safe?</div>
<div class="media-right"><img src="../../all-css/placeholder/icons/chevron-circle-down.svg"
alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">How long does it take to get a company up and running on PiperNet?
</div>
<div class="media-right"><img src="../../all-css/placeholder/icons/chevron-circle-down.svg"
alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">How is a decentralized network different from the traditional web?
</div>
<div class="media-right"><img src="../../all-css/placeholder/icons/chevron-circle-down.svg"
alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">Why shouldn't I just store my data on a Hooli Box?</div>
<div class="media-right"><img src="../../all-css/placeholder/icons/chevron-circle-down.svg"
alt=""></div>
</div>
</a></div>
</div>
</section>
</div>
14°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">Frequently Asked Questions</h2>
<div class="block">
<div class="card block">
<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">
<h3 class="title is-4">How is a decentralized network different from the traditional
web?</h3>
<p>Decentralization is a key aspect of PiperNet. Traditionally, to access data on a
website, you needed to connect to a single server containing that data. This method
of storing data makes it easy for third parties to get access to it, corrupt it or
even delete it. In PiperNet it is securely stored on multiple devices in the network,
which makes it harder to hack and interfere with your data.</p>
</div>
</div>
</div>
</div>
<div class="card block">
<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">
<h3 class="title is-4">Why shouldn't I just store my data on a Hooli Box?</h3>
<p>That's just the thing - if you store your data in a single place, like Gavin Belsons'
poorly-made server box, your data will very susceptible to hacking. Whereas on PiperNet,
your data is safe with many copies to back it up from.</p>
</div>
</div>
</div>
</div>
<div class="card block">
<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">
<h3 class="title is-4">What makes PiperNet so safe?</h3>
<p>Our proprietary middle-out compression algorithm allows data to flow so fast that
it can't be hacked! But, in all seriousness, the algorithm helps but it's the public,
immutable ledger that makes it secure. This enables PiperNet users to exchange data
without risk of it being intercepted by third parties.</p>
</div>
</div>
</div>
</div>
<div class="card block">
<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">
<h3 class="title is-4">How long does it take to get a company up and running on
PiperNet?</h3>
<p>Access to the public network is granted within a day, but moving all your data
and integrating your existing software depends on how big your company is.
Startups can expect to be fully online within a week, enterprises can take
up to a month due to large reliance on legacy systems and huge datasets.</p>
</div>
</div>
</div>
</div>
</div>
<div class="buttons is-centered"><a class="button is-primary" href="#">See all</a></div>
</div>
</section>
</div>
15°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">Frequently Asked Questions</h2>
<div class="columns is-multiline">
<div class="column is-6">
<h3 class="title is-4">How is a decentralized network different from the traditional web?</h3>
<p>Decentralization is a key aspect of PiperNet. Traditionally, to access data on a website,
you needed to connect to a single server containing that data. This method of storing data
makes it easy for third parties to get access to it, corrupt it or even delete it. In PiperNet
it is securely stored on multiple
devices in the network, which makes it harder to hack and interfere with your data.</p>
</div>
<div class="column is-6">
<h3 class="title is-4">Why shouldn't I just store my data on a Hooli Box?</h3>
<p>That's just the thing - if you store your data in a single place, like Gavin Belsons'
poorly-made server
box, your data will very susceptible to hacking. Whereas on PiperNet, your data is safe
with many copies
to back it up from.</p>
</div>
<div class="column is-6">
<h3 class="title is-4">What makes PiperNet so safe?</h3>
<p>Our proprietary middle-out compression algorithm allows data to flow so fast that it
can't be hacked!
But, in all seriousness, the algorithm helps but it's the public, immutable ledger that
makes it secure.
This enables PiperNet users to exchange data without risk of it being intercepted by
third parties.</p>
</div>
<div class="column is-6">
<h3 class="title is-4">How long does it take to get a company up and running on PiperNet?</h3>
<p>Access to the public network is granted within a day, but moving all your data and
integrating your
existing software depends on how big your company is. Startups can expect to be fully
online within a
week, enterprises can take up to a month due to large reliance on legacy systems and
huge datasets.</p>
</div>
<div class="column is-6">
<h3 class="title is-4">Why shouldn't I just store my data on a Hooli Box?</h3>
<p>That's just the thing - if you store your data in a single place, like Gavin
Belsons' poorly-made server
box, your data will very susceptible to hacking. Whereas on PiperNet,
your data is safe with many copies to back it up from.</p>
</div>
<div class="column is-6">
<h3 class="title is-4">How is a decentralized network different from the traditional
web?</h3>
<p>Decentralization is a key aspect of PiperNet. Traditionally, to access data on a
website, you needed to
connect to a single server containing that data. This method of storing data makes
it easy for third
parties to get access to it, corrupt it or even delete it. In PiperNet it is securely
stored on multiple
devices in the network, which makes it harder to hack and interfere with your data.</p>
</div>
</div>
</div>
</section>
</div>
16°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">Frequently Asked Questions</h2>
<div class="columns">
<div class="column">
<h3 class="title is-4">Our product</h3>
<div class="list is-hoverable"><a class="list-item" href="#">
<div class="media">
<div class="media-content">How is a decentralized network different from the traditional
web?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">Why shouldn't I just store my data on a Hooli Box?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">What makes PiperNet so safe?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">How long does it take to get a company up and running on PiperNet?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">How is a decentralized network different from the traditional web?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">Why shouldn't I just store my data on a Hooli Box?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a></div>
</div>
<div class="column">
<h3 class="title is-4">Payment options</h3>
<div class="list is-hoverable"><a class="list-item" href="#">
<div class="media">
<div class="media-content">How is a decentralized network different from the traditional web?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">Why shouldn't I just store my data on a Hooli Box?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">What makes PiperNet so safe?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">How long does it take to get a company up and running on PiperNet?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">How is a decentralized network different from the traditional web?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a><a class="list-item" href="#">
<div class="media">
<div class="media-content">Why shouldn't I just store my data on a Hooli Box?</div>
<div class="media-right">
<img src="../../all-css/placeholder/icons/chevron-circle-down.svg" alt=""></div>
</div>
</a></div>
</div>
</div>
</div>
</section>
</div>
17°
Code :
<div class="container is-fluid">
<section class="section">
<div class="container">
<h2 class="title has-text-centered">Frequently Asked Questions</h2>
<div class="columns is-multiline">
<div class="column is-6">
<div class="media">
<div class="media-left"><img src="../../all-css/placeholder/icons/check.svg" alt=""></div>
<div class="media-content"><a href="#">How is a decentralized network different from the
traditional web?</a></div>
</div>
</div>
<div class="column is-6">
<div class="media">
<div class="media-left"><img src="../../all-css/placeholder/icons/check.svg" alt=""></div>
<div class="media-content" src="../../all-css/placeholder/icons/check.svg" alt="">
<a href="#">Why shouldn't I just store my data on a Hooli Box?</a></div>
</div>
</div>
<div class="column is-6">
<div class="media">
<div class="media-left"><img src="../../all-css/placeholder/icons/check.svg" alt=""></div>
<div class="media-content"><a href="#">What makes PiperNet so safe?</a></div>
</div>
</div>
<div class="column is-6">
<div class="media">
<div class="media-left"><img src="../../all-css/placeholder/icons/check.svg" alt=""></div>
<div class="media-content"><a href="#">How long does it take to get a company up and running
on PiperNet?</a></div>
</div>
</div>
</div>
</div>
</section>
</div>