logo

Témoignages

Modèles de retour utilisateurs

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>

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>

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>

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>

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>

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>

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>

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>

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 &amp; Angel &amp; 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>

 

Une idée ? Partagez-la !

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *