Cards

Component 1

Nayzak

The all-in-one
messaing toolkit

Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality capital.

Get started 
              
                <!-- Nayzak Card -->
                <div class="card shadow border-0 p-5 rounded-24">
                  <div class="row g-0 align-items-center">
                    <div class="col-lg-6 order-lg-1 text-center text-lg-end pe-lg-4">
                      <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/cta-with-chat.png" width="290" height="290" alt="Nayzak">
                    </div>
                    <div class="col-lg-6">
                      <div class="card-body pt-4 pt-lg-0 px-0 px-lg-4 py-0 py-lg-5">
                        <h4 class="card-title text-dark mb-2 mb-md-3">The all-in-one <br class="d-none d-md-block"> messaing toolkit</h4>
                        <p class="card-text text-secondary">Proactively envisioned multimedia based expertise and cross-media growth strategies. Seamlessly visualize quality capital.</p>
                        <a href="#0" class="btn btn-primary rounded-pill mt-2 mt-md-4">Get started</a>
                      </div>
                    </div>
                  </div>
                </div>

Component 2

Create your messaing
Workspace for free

Phosfluorescently engage worldwide methodologies with web-enabled process-centric technology.

Get started
Nayzak 
              
                <!-- Nayzak Card -->
                <div class="card bg-primary border-0 rounded-24 px-4 px-lg-5 pt-5">
                  <div class="pt-lg-2 px-sm-3 px-lg-4 mx-xl-2">
                    <div class="row">
                      <div class="col-lg-7 col-xl-6 d-flex align-items-center">
                        <div class="card-body text-white p-0 pb-4 pb-md-5 mb-lg-2">
                          <h4 class="card-title mb-2 mb-md-3">Create your messaing <br class="d-none d-md-block"> Workspace for free</h4>
                          <p class="card-text">Phosfluorescently engage worldwide methodologies with web-enabled process-centric technology.</p>
                          <a href="#0" class="btn btn-light rounded-pill mt-2 mt-md-4">Get started</a>
                        </div>
                      </div>
                      <div class="col-lg-5 col-xl-6 d-flex align-items-end justify-content-center justify-content-lg-end">
                        <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/ctamobile-img.png" alt="Nayzak" width="299" height="428">
                      </div>
                    </div>
                  </div>
                </div>

Component 3

Integrates with your favorite apps

Capitalize on low hanging fruit to identify a ballpark value added activity to beta test.

Get started
Nayzak 
              
                <!-- Nayzak Card -->
                <div class="card text-black shadow border-0 px-3 pt-4 p-sm-4 p-xl-5 rounded-24">
                  <div class="row py-2 p-sm-3 p-lg-4 g-0 gap-5 gap-lg-0 align-items-center justify-content-between">
                    <div class="col-lg-5 p-xl-2">
                      <div class="card-body p-0">
                        <h4 class="card-title mb-2 mb-md-3">Integrates with your favorite apps</h4>
                        <p class="card-text">Capitalize on low hanging fruit to identify a ballpark value added activity to beta test.</p>
                        <a href="#0" class="btn btn-dark rounded-pill mt-2 mt-md-4">Get started</a>
                      </div>
                    </div>
                    <div class="col-lg-6 text-lg-end p-xl-2">
                      <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/ctaicon-img.png" alt="Nayzak" width="508" height="190">
                    </div>
                  </div>
                </div>

Component 4

Nayzak

Get your dream
card — today

Phosfluorescently engage worldwide methodologies with web-enabled process-centric technology.

Get started 
              
                <!-- Nayzak Card -->
                <div class="card text-white bg-primary-70 border-0 ps-2 ps-sm-3 ps-lg-5 py-3 py-lg-5 rounded-24">
                  <div class="ps-3 ps-sm-4 py-4 ms-xl-2">
                    <div class="row g-4 g-md-5 align-items-center">
                      <div class="col-lg-6 order-lg-1 ps-5 text-end">
                        <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/debit-card.png" alt="Nayzak" width="526" height="312">
                      </div>
                      <div class="col-lg-6">
                        <div class="card-body p-0 pe-4 me-sm-2 me-lg-0 pe-lg-0">
                          <h3 class="card-title pb-md-1">Get your dream <br class="d-none d-md-block"> card — today</h3>
                          <p class="card-text fs-2">Phosfluorescently engage worldwide methodologies with web-enabled process-centric technology.</p>
                          <a href="#0" class="btn btn-light mt-2 mt-md-3">Get started</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

Component 5

Get monthly goodies, subscribe
to our newsletter

Phosfluorescently engage worldwide methodologies with web-enabled process-centric technology.

              
                <!-- Nayzak Card -->
                <div class="card bg-gradient-four border-0 px-3 px-md-5 py-5 rounded-24 text-center text-white">
                  <div class="card-body px-0 py-2 p-lg-4">
                    <h4 class="card-title mb-md-3 pb-1 pb-md-0">Get monthly goodies, subscribe <br class="d-none d-lg-block"> to our newsletter</h4>
                    <div class="row justify-content-center">
                      <div class="col-lg-9 col-xl-6">
                        <p class="mb-0">Phosfluorescently engage worldwide methodologies with web-enabled process-centric technology.</p>
                        <form class="pt-4 pt-md-5">
                          <div class="row g-2">
                            <div class="col-md-8">
                              <input type="email" class="form-control border-0 me-md-2" placeholder="Your email">
                            </div>
                            <div class="col-md-4 ps-md-2">
                              <button type="submit" class="btn btn-dark mt-2 mt-md-0 w-100">Sign Up</button>
                            </div>
                          </div>
                          <div class="form-check form-check-sm d-inline-flex pt-3">
                            <input class="form-check-input border-white" type="checkbox" id="inlineCheckbox5" value="option5" checked="">
                            <label class="form-check-label text-white fs-6 ms-2 text-start" for="inlineCheckbox5">I agree to receive marketing emails from Nayzak.</label>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>

Component 6

Nayzak
2 October 2023
Tips how to become a better designer

Everyone in my team works towards the samegoal. This enabled our team…

              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card border-0">
                      <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/blog-card1.jpg" class="rounded-12 w-100" alt="Nayzak" width="408" height="408">
                      <div class="card-body px-0 pb-0 text-secondary">
                        <span class="fs-5 d-block pb-2">2 October 2023</span>
                        <h5 class="card-title fs-1 mb-md-3 text-dark">Tips how to become a better designer</h5>
                        <p class="card-text fs-4">Everyone in my team works towards the samegoal. This enabled our team…</p>
                      </div>
                    </div>
                  </div>
                </div>

Component 7

Nayzak
Elise Beverley
Software Engineer 
              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card shadow rounded-24 p-5 border-0 text-center">
                      <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar.png" width="130" height="130" class="rounded-circle mx-auto" alt="Nayzak">
                      <div class="card-body px-0 pt-4 pb-0">
                        <h5 class="card-title fs-1 text-dark">Elise Beverley</h5>
                        <span class="fs-4 d-block pb-2 text-secondary">Software Engineer</span>
                        <div class="d-flex pt-4 gap-4 justify-content-center fs-1">
                          <a href="#0" class="text-black-50"><i class="ti ti-brand-twitter"></i></a>
                          <a href="#0" class="text-black-50"><i class="ti ti-brand-facebook"></i></a>
                          <a href="#0" class="text-black-50"><i class="ti ti-world"></i></a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

Component 8

Docs

Excepteur sint occaecat cupidat non proident sunt in culpam qui

Get started 
              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card p-4 bg-primary rounded-24 border-0">
                      <div class="py-4 py-md-5 mt-2 mt-md-0 mb-3 text-center display-2 text-white"><i class="ti ti-file-code-2"></i></div>
                      <div class="card-body px-0 px-md-3 pb-0 pb-md-3">
                        <h5 class="card-title fs-2 text-white">Docs</h5>
                        <p class="card-text text-white fs-5">Excepteur sint occaecat cupidat non proident sunt in culpam qui</p>
                        <a href="#0" class="btn btn-light mt-2 mt-md-3">Get started</a>
                      </div>
                    </div>
                  </div>
                </div>

Component 9

Docs

Excepteur sint occaecat cupidat non proident sunt in culpam qui

See docs 
              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card p-4 shadow rounded-24 border-0">
                      <div class="py-4 py-md-5 mt-2 mt-md-0 mb-3 text-center display-2 text-black-80"><i class="ti ti-file-code-2"></i></div>
                      <div class="card-body px-0 px-md-3 pb-0 pb-md-3">
                        <h5 class="card-title fs-2 text-dark">Docs</h5>
                        <p class="card-text text-secondary fs-5">Excepteur sint occaecat cupidat non proident sunt in culpam qui</p>
                        <a href="#0" class="btn btn-dark mt-2 mt-md-3">See docs</a>
                      </div>
                    </div>
                  </div>
                </div>

Component 10

Thousands of apps

Excepteur sint occaecat cupidat non proident sunt in id est enime.

              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card p-4 bg-dark rounded-24 border-0">
                      <div class="pb-5 px-md-3 pt-md-3 text-white display-5">
                        <i class="ti ti-layout-grid"></i>
                      </div>
                      <div class="card-body pt-1 pt-md-4 px-0 px-md-3 pb-0 pb-md-3">
                        <h6 class="card-title text-white">Thousands of apps</h6>
                        <p class="card-text text-white fs-5">Excepteur sint occaecat cupidat non proident sunt in id est enime.</p>
                      </div>
                    </div>
                  </div>
                </div>

Component 11

Thousands of apps

Excepteur sint occaecat cupidat non proident sunt in id est enime.

              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card p-4 shadow text-dark rounded-24 border-0">
                      <div class="pb-5 px-md-3 pt-md-3 display-5">
                        <i class="ti ti-layout-grid"></i>
                      </div>
                      <div class="card-body pt-1 pt-md-4 px-0 px-md-3 pb-0 pb-md-3">
                        <h6 class="card-title">Thousands of apps</h6>
                        <p class="card-text text-secondary fs-5">Excepteur sint occaecat cupidat non proident sunt in id est enime.</p>
                      </div>
                    </div>
                  </div>
                </div>

Component 12

Nayzak
Zepplin

Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia deserunt mollit aliquip ex ea comm.

Plugin 
              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card p-4 shadow rounded-24 border-0">
                      <div class="px-md-3 pt-md-3">
                        <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/zepplin.svg" width="58" height="58" class="rounded-24 shadow" alt="Nayzak">
                      </div>
                      <div class="card-body pt-3 px-0 px-md-3 pb-0 pb-md-3">
                        <h6 class="card-title text-dark">Zepplin</h6>
                        <p class="card-text text-secondary fs-6">Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia deserunt mollit aliquip ex ea comm.</p>
                        <span class="badge badge-sm rounded-pill bg-primary-05 text-dark">Plugin</span>
                      </div>
                    </div>
                  </div>
                </div>

Component 13

Nayzak
Secure

Podcasting operational — change management inside of workflows to establish a framework.

              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card p-4 border-0 rounded-24">
                      <div class="p-lg-2">
                        <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-box1.jpg" class="rounded-24 w-100" alt="Nayzak" width="344" height="189">
                        <div class="card-body px-0 pt-3 pt-lg-4 pb-0">
                          <h5 class="card-title fs-2 mb-md-3 text-dark">Secure</h5>
                          <p class="card-text text-secondary">Podcasting operational — change management inside of workflows to establish a framework.</p>
                          <div class="text-end pt-2 pt-md-4">
                            <a href="#0" class="btn btn-secondary btn-icon-xsm rounded-pill"><i class="ti ti-arrow-narrow-right"></i></a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

Component 14

Wallet

Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia aliquip ex ea comm.

              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card border-0">
                      <div class="d-flex align-items-center text-dark gap-2">
                        <i class="ti ti-circle fs-1"></i>
                        <h5 class="card-title fs-2 mb-0">Wallet</h5>
                      </div>
                      <div class="card-body px-0 pt-3 pb-0">
                        <p class="card-text fs-5 text-secondary">Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia aliquip ex ea comm.</p>
                      </div>
                    </div>
                  </div>
                </div>

Component 15

Money-back guarantee

Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia aliquip ex ea comm.

              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card border-0">
                      <div class="d-flex align-items-center text-dark gap-2">
                        <i class="ti ti-cash fs-1"></i>
                        <h5 class="card-title fs-2 mb-0">Money-back guarantee</h5>
                      </div>
                      <div class="card-body px-0 pt-3 pb-0">
                        <p class="card-text fs-4 text-secondary">Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia aliquip ex ea comm.</p>
                      </div>
                    </div>
                  </div>
                </div>

Component 16

Community Driven

Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia deserunt mollit the anim id est enime aliquip ex ea comm.

              
                <!-- Nayzak Card -->
                <div class="row g-5">
                  <div class="col-md-4">
                    <div class="card border-0 bg-dark rounded-24 p-4">
                      <div class="d-flex align-items-center gap-3">
                        <span class="d-flex align-items-center justify-content-center rounded-12 fs-1 bg-primary-30 text-dark" data-size="48"><i class="ti ti-dna"></i></span>
                        <h5 class="card-title fs-2 text-white mb-0">Community Driven</h5>
                      </div>
                      <div class="card-body px-0 pt-3 pb-0">
                        <p class="card-text fs-4 text-white">Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia deserunt mollit the anim id est enime aliquip ex ea comm.</p>
                      </div>
                    </div>
                  </div>
                </div>

Component 17

Nayzak
Nayzak
Nayzak
Nayzak
Nayzak
Nayzak
              
                <div class="row row-cols-lg-6 row-cols-3 g-4 align-items-center text-center justify-content-center">
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/google-logo-dark.svg" width="118" height="39" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/disney-logo-dark.svg" width="114" height="46" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/netflix-logo-dark.svg" width="124" height="33" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/dropbox-logo-dark.svg" width="156" height="30" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/spotify-logo-dark.svg" width="140" height="42" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/slack-logo-dark.svg" width="126" height="32" alt="Nayzak"></div>
                  </div>
                </div>

Component 18

Nayzak
Nayzak
Nayzak
Nayzak
Nayzak
Nayzak
              
                <div class="row row-cols-lg-6 row-cols-3 g-4 align-items-center justify-content-center text-center">
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/google-logo-light.svg" width="118" height="39" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/disney-logo-light.svg" width="114" height="46" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/netflix-logo-light.svg" width="124" height="33" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/dropbox-logo-light.svg" width="156" height="30" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/spotify-logo-light.svg" width="140" height="42" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0 d-inline-flex"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/slack-logo-light.svg" width="126" height="32" alt="Nayzak"></div>
                  </div>
                </div>

Component 19

Nayzak
Nayzak
Nayzak
Nayzak
Nayzak
Nayzak
              
                <div class="row row-cols-lg-6 row-cols-3 g-4 align-items-center justify-content-center">
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/google-logo-dark.svg" width="118" height="39" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/disney-logo-dark.svg" width="114" height="46" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/netflix-logo-dark.svg" width="124" height="33" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/dropbox-logo-dark.svg" width="156" height="30" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/spotify-logo-dark.svg" width="140" height="42" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/slack-logo-dark.svg" width="126" height="32" alt="Nayzak"></div>
                  </div>
                </div>

Component 20

Nayzak
Nayzak
Nayzak
Nayzak
Nayzak
Nayzak
              
                <div class="row row-cols-lg-6 row-cols-3 g-4 align-items-center justify-content-center">
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/google-logo-light.svg" width="118" height="39" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/disney-logo-light.svg" width="114" height="46" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/netflix-logo-light.svg" width="124" height="33" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/dropbox-logo-light.svg" width="156" height="30" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/spotify-logo-light.svg" width="140" height="42" alt="Nayzak"></div>
                  </div>
                  <div class="col">
                    <div class="card border-0"><img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/slack-logo-light.svg" width="126" height="32" alt="Nayzak"></div>
                  </div>
                </div>

Component 21

Nayzak Nayzak Nayzak Nayzak Nayzak Nayzak Nayzak Nayzak 
              
                <div class="d-flex flex-wrap gap-5">
                  <span class="box-icon shadow-xsm">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/google-analytic.svg" width="32" height="32" alt="Nayzak">
                  </span>
                  <span class="box-icon bg-moderate-yellow">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/android.svg" width="35" height="41" alt="Nayzak">
                  </span>
                  <span class="box-icon shadow-xsm">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/figma.svg" width="26" height="39" alt="Nayzak">
                  </span>
                  <span class="box-icon shadow-xsm">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/meta.svg" width="39" height="26" alt="Nayzak">
                  </span>
                  <span class="box-icon shadow-xsm">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/react.svg" width="41" height="36" alt="Nayzak">
                  </span>
                  <span class="box-icon shadow-xsm">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/slack.svg" width="35" height="35" alt="Nayzak">
                  </span>
                  <span class="box-icon bg-orange-lite">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/zapier.svg" width="38" height="38" alt="Nayzak">
                  </span>
                  <span class="box-icon shadow-xsm">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/zeplin.svg" width="38" height="38" alt="Nayzak">
                  </span>
                  <span class="box-icon box-icon-lg">
                    <i class="ti ti-circle"></i>
                  </span>
                </div>

Component 22

              
                <div class="d-flex flex-wrap gap-5">
                  <span class="box-icon box-icon-sm shadow-xsm bg-warning-50 text-dark fs-1">
                    <i class="ti ti-circles"></i>
                  </span>
                  <span class="box-icon box-icon-xsm shadow-xsm bg-primary-dark text-dark">
                    <i class="ti ti-circle"></i>
                  </span>
                  <span class="box-icon box-icon-xsm shadow-xsm bg-green-light text-dark">
                    <i class="ti ti-circle"></i>
                  </span>
                  <span class="box-icon box-icon-xsm shadow-xsm bg-pink-light text-dark">
                    <i class="ti ti-circle"></i>
                  </span>
                  <span class="box-icon box-icon-xsm shadow-xsm bg-warning-40 text-dark">
                    <i class="ti ti-circle"></i>
                  </span>
                </div>

Component 23

Nayzak Nayzak 
              
                <div class="card bg-primary px-5 pt-3 pt-md-5 pb-0 text-center border-0 rounded-24">
                  <div class="card-body p-0 pt-3">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/video-device1.png" width="450" height="667" alt="Nayzak">
                    <a href="javascript:void(0)" class="btn btn-play btn-play-dark position-absolute d-flex align-items-center justify-content-center start-50 top-50 translate-middle d-block rounded-circle">
                      <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-play.svg" width="20" height="24" alt="Nayzak">
                    </a>
                  </div>
                </div>

Component 24

Nayzak Nayzak 
              
                <div class="card bg-gradient-four px-5 pt-3 pt-md-5 pb-0 text-center border-0 rounded-24">
                  <div class="card-body p-0 pt-3">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/video-device2.png" width="458" height="649" alt="Nayzak">
                    <a href="javascript:void(0)" class="btn btn-play btn-play-dark position-absolute d-flex align-items-center justify-content-center start-50 top-50 translate-middle d-block rounded-circle">
                      <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-play.svg" width="20" height="24" alt="Nayzak">
                    </a>
                  </div>
                </div>

Component 25

Nayzak Nayzak 
              
                <div class="card bg-gradient-seven bg-primary px-5 pt-3 pt-md-5 pb-0 text-center border-0 rounded-24">
                  <div class="card-body p-0 pt-3">
                    <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/video-device3.png" width="470" height="659" alt="Nayzak">
                    <a href="javascript:void(0)" class="btn btn-play btn-play-light position-absolute d-flex align-items-center justify-content-center start-50 top-50 translate-middle d-block rounded-circle">
                      <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-play-dark.svg" width="20" height="24" alt="Nayzak">
                    </a>
                  </div>
                </div>

Component 26

Starter
For the basics
Nayzak

$44

Per user per month
  • Unlimited downloads
  • Cloud storage
  • Free templates
  • 5GB bankdwidth
  • 10 downloads
Get started 
              
                <div class="row g-4">
                  <div class="col-md-4">
                    <div class="card bg-black-90 border-0 p-4 rounded-24 text-white">
                      <div class="py-3 px-md-3">
                        <div class="d-flex pb-3 align-items-start justify-content-between">
                          <div>
                            <h5 class="fs-2">Starter</h5>
                            <span class="fs-5">For the basics</span>
                          </div>
                          <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-wish-white.svg" width="36" height="36" alt="Nayzak">
                        </div>
                        <h3 class="text-white">$44</h3>
                        <span class="fs-5">Per user per month</span>
                      </div>
                      <div class="card-body px-0 px-md-3 pb-0 pb-md-3">
                        <ul class="fs-4 text-white list-unstyled mb-5 pb-2 pb-md-4">
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> Unlimited downloads</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> Cloud storage</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> Free templates</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> 5GB bankdwidth</li>
                          <li class="d-flex"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> 10 downloads</li>
                        </ul>
                        <a href="#0" class="btn btn-light btn-lg rounded-pill mt-2 w-100 hvr-grow">Get started</a>
                      </div>
                    </div>
                  </div>
                </div>

Component 27

Starter
For the basics
Nayzak

$44

Per user per month
  • Unlimited downloads
  • Cloud storage
  • Free templates
  • 5GB bankdwidth
  • 10 downloads
Get started 
              
                <div class="row g-4">
                  <div class="col-md-4">
                    <div class="card shadow border-0 p-4 rounded-24">
                      <div class="py-3 px-md-3">
                        <div class="d-flex pb-3 align-items-start justify-content-between">
                          <div>
                            <h5 class="fs-2 text-black">Starter</h5>
                            <span class="fs-5 text-secondary">For the basics</span>
                          </div>
                          <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-wish-black.svg" width="36" height="36" alt="Nayzak">
                        </div>
                        <h3 class="text-black">$44</h3>
                        <span class="fs-5 text-secondary">Per user per month</span>
                      </div>
                      <div class="card-body px-0 px-md-3 pb-0 pb-md-3">
                        <ul class="fs-4 text-dark list-unstyled mb-5 pb-2 pb-md-4">
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> Unlimited downloads</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> Cloud storage</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> Free templates</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> 5GB bankdwidth</li>
                          <li class="d-flex"><i class="ti ti-check text-teal-50 fs-2 me-2"></i> 10 downloads</li>
                        </ul>
                        <a href="#0" class="btn btn-dark btn-lg rounded-pill mt-2 w-100 hvr-grow">Get started</a>
                      </div>
                    </div>
                  </div>
                </div>

Component 28

Basic plan
All you need to get started
Nayzak

$26

  • 2 seats
  • 5GB storage
  • Template library
  • Free hosting
  • Email support
Get started 
              
                <div class="row g-4">
                  <div class="col-md-5">
                    <div class="card bg-dark border-0 rounded-24 text-white p-4 p-lg-5">
                      <div class="pt-3 pt-lg-2 px-sm-2 pb-4 pb-lg-5">
                        <div class="d-flex pb-2 pb-md-4 mb-1 mb-md-0 align-items-start justify-content-between">
                          <div>
                            <h5>Basic plan</h5>
                            <span class="fs-4 text-black-40">All you need to get started</span>
                          </div>
                          <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-wish-white.svg" width="48" height="48" alt="Nayzak">
                        </div>
                        <h2 class="mb-0">$26</h2>
                      </div>
                      <div class="card-body p-0 px-sm-2 pb-sm-2">
                        <ul class="fs-2 list-unstyled mb-5 pb-2 pb-md-4">
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> 2 seats</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> 5GB storage</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> Template library</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> Free hosting</li>
                          <li class="d-flex"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> Email support</li>
                        </ul>
                        <a href="#0" class="btn btn-dark btn-lg bg-purple-50 mt-2 w-100 hvr-grow">Get started</a>
                      </div>
                    </div>
                  </div>
                </div>

Component 29

Basic plan
All you need to get started
Nayzak

$26

  • 2 seats
  • 5GB storage
  • Template library
  • Free hosting
  • Email support
Get started 
              
                <div class="row g-4">
                  <div class="col-md-5">
                    <div class="card shadow border-0 rounded-24 text-dark p-4 p-lg-5">
                      <div class="pt-3 pt-lg-2 px-sm-2 pb-4 pb-lg-5">
                        <div class="d-flex pb-2 pb-md-4 mb-1 mb-md-0 align-items-start justify-content-between">
                          <div>
                            <h5>Basic plan</h5>
                            <span class="fs-4 text-secondary">All you need to get started</span>
                          </div>
                          <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/icon-wish-black.svg" width="48" height="48" alt="Nayzak">
                        </div>
                        <h2 class="mb-0">$26</h2>
                      </div>
                      <div class="card-body p-0 px-sm-2 pb-sm-2">
                        <ul class="fs-2 list-unstyled mb-5 pb-2 pb-md-4">
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> 2 seats</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> 5GB storage</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> Template library</li>
                          <li class="d-flex pb-2 mb-1"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> Free hosting</li>
                          <li class="d-flex"><i class="ti ti-check text-teal-50 fs-1 mt-md-1 me-2"></i> Email support</li>
                        </ul>
                        <a href="#0" class="btn btn-dark btn-lg mt-2 w-100 hvr-grow">Get started</a>
                      </div>
                    </div>
                  </div>
                </div>

Component 30

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

              
                <div class="accordion text-secondary" id="#nayzakOne">
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingOne">
                      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        How does Nayzak work?
                      </button>
                    </h2>
                    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#nayzakOne">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingTwo">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                        Supported platforms
                      </button>
                    </h2>
                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#nayzakOne">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingThree">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                        Payment methods
                      </button>
                    </h2>
                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#nayzakOne">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingFour">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                        Help and support
                      </button>
                    </h2>
                    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#nayzakOne">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingFive">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseThree">
                        Data and statistics
                      </button>
                    </h2>
                    <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#nayzakOne">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                </div>

Component 31

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

All things starts with a homepage — Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.

              
                <div class="accordion dark bg-dark text-white p-md-5 p-4 rounded-24" id="nayzakTwo">
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingOneDark">
                      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOneDark" aria-expanded="true" aria-controls="collapseOneDark">
                        How does Nayzak work?
                      </button>
                    </h2>
                    <div id="collapseOneDark" class="accordion-collapse collapse show" aria-labelledby="headingOneDark" data-bs-parent="#nayzakTwo">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingTwoDark">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwoDark" aria-expanded="false" aria-controls="collapseTwoDark">
                        Supported platforms
                      </button>
                    </h2>
                    <div id="collapseTwoDark" class="accordion-collapse collapse" aria-labelledby="headingTwoDark" data-bs-parent="#nayzakTwo">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingThreeDark">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThreeDark" aria-expanded="false" aria-controls="collapseThreeDark">
                        Payment methods
                      </button>
                    </h2>
                    <div id="collapseThreeDark" class="accordion-collapse collapse" aria-labelledby="headingThreeDark" data-bs-parent="#nayzakTwo">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingFourDark">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFourDark" aria-expanded="false" aria-controls="collapseThree">
                        Help and support
                      </button>
                    </h2>
                    <div id="collapseFourDark" class="accordion-collapse collapse" aria-labelledby="headingFourDark" data-bs-parent="#nayzakTwo">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                  <div class="accordion-item border-0">
                    <h2 class="accordion-header" id="headingFiveDark">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFiveDark" aria-expanded="false" aria-controls="collapseThree">
                        Data and statistics
                      </button>
                    </h2>
                    <div id="collapseFiveDark" class="accordion-collapse collapse" aria-labelledby="headingFiveDark" data-bs-parent="#nayzakTwo">
                      <div class="accordion-body">
                        <p>All things starts with a homepage —  Get inspired without breaking your wallet with premium Figma and Sketch templates. Capitalize hanging fruit to identify a ballpark value added activity to beta test. Podcasting operational — change management inside of workflows.</p>
                      </div>
                    </div>
                  </div>
                </div>

Component 32

Marketing Executive
Design

Join forces with our marketing director to find solutions.Join forces with our marketing director to find solutions.

NY, United States
60K - 80K
Apply 
              
                <div class="card px-3 py-2 shadow border-0 rounded-12">
                  <div class="card-body text-secondary p-2 py-4 p-md-5">
                    <div class="row g-4 align-items-center">
                      <div class="col-md-8">
                        <div class="d-flex align-items-start align-items-md-center flex-column-reverse flex-md-row gap-2 gap-md-3 pb-2">
                          <h5 class="fs-2 mb-0 text-dark">Marketing Executive</h5>
                          <span class="badge badge-sm bg-black-20 text-dark rounded-pill">Design</span>
                        </div>
                        <p class="fs-4">Join forces with our marketing director to find solutions.Join forces with our marketing director to find solutions.</p>
                        <div class="d-flex align-items-start align-items-md-center flex-column flex-md-row gap-3 gap-md-5 pt-3">
                          <div class="d-flex align-items-center gap-1">
                            <i class="ti ti-map-pin fs-2"></i>
                            <span class="fs-5">NY, United States</span>
                          </div>
                          <div class="d-flex align-items-center gap-1">
                            <i class="ti ti-cash fs-2"></i>
                            <span class="fs-5">60K - 80K</span>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-4 text-md-end pt-2 pt-md-0">
                        <a href="#0" class="btn btn-dark">Apply <i class="ti ti-arrow-up-right"></i></a>
                      </div>
                    </div>
                  </div>
                </div>

Component 33

Job Information
  • NY, United States
  • Full Time (Remote)
  • 90K - 120K
  • 401 Benefits
Apply now 
              
                <div class="row">
                  <div class="col-md-4">
                    <div class="card py-3 p-md-5 bg-black-10 border-0 rounded-12">
                      <div class="card-body px-4 px-md-2 py-md-0 fs-4 text-secondary">
                        <span class="fw-semibold">Job Information</span>
                        <ul class="list-unstyled mb-0 pt-3 py-md-3">
                          <li class="mb-3"><i class="ti ti-map-pin fs-3 me-2"></i>NY, United States</li>
                          <li class="mb-3"><i class="ti ti-map-pin fs-3 me-2"></i>Full Time (Remote)</li>
                          <li class="mb-3"><i class="ti ti-map-pin fs-3 me-2"></i>90K - 120K</li>
                          <li><i class="ti ti-map-pin fs-3 me-2"></i>401 Benefits</li>
                        </ul>
                        <a href="#0" class="btn btn-primary btn-xsm w-100 mt-4">Apply now</a>
                      </div>
                    </div>
                  </div>
                </div>

Component 34

Testomonials
“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”
Nayzak
Mike Portnoy
Head of Design — Nike
Testomonials
“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”
Nayzak
Mike Portnoy
Head of Design — Nike
Testomonials
“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”
Nayzak
Mike Portnoy
Head of Design — Nike 
              
                <div class="card testimonial-card bg-white shadow border-0 rounded-24 p-lg-5">
                  <div class="card-body text-dark p-3">
                    <div class="px-2 px-md-3 p-3">
                      <div class="row">
                        <div class="col-md-9 col-xl-10 mx-auto">
                          <div class="swiper" data-swiper='{"initialSlide": 0, "slidesPerView": 1, "centeredSlides": false, "autoplay": {"delay": 2000}, "speed": 1000, "spaceBetween": 30, "pagination": {"el": ".swiper-pagination", "clickable": true},"navigation": {"nextEl": ".swiper-button-next","prevEl": ".swiper-button-prev", "clickable": true} }'>
                            <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                <h6 class="mb-3">Testomonials</h6>
                                <h5 class="mb-0">“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”</h5>
                                <div class="d-flex align-items-center pt-5">
                                  <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar1.png" class="rounded-circle" width="80" height="80" alt="Nayzak">
                                  <div class="ps-3">
                                    <h6 class="mb-1">Mike Portnoy</h6>
                                    <span class="fs-5">Head of Design — Nike</span>
                                  </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <h6 class="mb-3">Testomonials</h6>
                                <h5 class="mb-0">“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”</h5>
                                <div class="d-flex align-items-center pt-5">
                                  <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar1.png" class="rounded-circle" width="80" height="80" alt="Nayzak">
                                  <div class="ps-3">
                                    <h6 class="mb-1">Mike Portnoy</h6>
                                    <span class="fs-5">Head of Design — Nike</span>
                                  </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <h6 class="mb-3">Testomonials</h6>
                                <h5 class="mb-0">“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”</h5>
                                <div class="d-flex align-items-center pt-5">
                                  <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar1.png" class="rounded-circle" width="80" height="80" alt="Nayzak">
                                  <div class="ps-3">
                                    <h6 class="mb-1">Mike Portnoy</h6>
                                    <span class="fs-5">Head of Design — Nike</span>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="swiper-pagination d-block d-md-none mt-4 pt-2"></div>
                          </div>
                          <div class="swiper-navigation d-md-block d-none">
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

Component 35

Testomonials
“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”
Nayzak
Mike Portnoy
Head of Design — Nike
Testomonials
“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”
Nayzak
Mike Portnoy
Head of Design — Nike
Testomonials
“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”
Nayzak
Mike Portnoy
Head of Design — Nike 
              
                <div class="card testimonial-card bg-primary-70 shadow border-0 rounded-24 p-lg-5">
                  <div class="card-body text-white p-3">
                    <div class="px-2 px-md-3 p-3">
                      <div class="row">
                        <div class="col-md-9 col-xl-10 mx-auto">
                          <div class="swiper" data-swiper='{"initialSlide": 0, "slidesPerView": 1, "centeredSlides": false, "autoplay": {"delay": 2000}, "speed": 1000, "spaceBetween": 30, "pagination": {"el": ".swiper-pagination", "clickable": true},"navigation": {"nextEl": ".swiper-button-next","prevEl": ".swiper-button-prev", "clickable": true} }'>
                            <div class="swiper-wrapper">
                              <div class="swiper-slide">
                                <h6 class="mb-3">Testomonials</h6>
                                <h5 class="mb-0">“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”</h5>
                                <div class="d-flex align-items-center pt-5">
                                  <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar1.png" class="rounded-circle" width="80" height="80" alt="Nayzak">
                                  <div class="ps-3">
                                    <h6 class="mb-1">Mike Portnoy</h6>
                                    <span class="fs-5">Head of Design — Nike</span>
                                  </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <h6 class="mb-3">Testomonials</h6>
                                <h5 class="mb-0">“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”</h5>
                                <div class="d-flex align-items-center pt-5">
                                  <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar1.png" class="rounded-circle" width="80" height="80" alt="Nayzak">
                                  <div class="ps-3">
                                    <h6 class="mb-1">Mike Portnoy</h6>
                                    <span class="fs-5">Head of Design — Nike</span>
                                  </div>
                                </div>
                              </div>
                              <div class="swiper-slide">
                                <h6 class="mb-3">Testomonials</h6>
                                <h5 class="mb-0">“With Nayzak, everyone in my team works towards the samegoal. This enabled our teams to ship new ideas and feel more capable.”</h5>
                                <div class="d-flex align-items-center pt-5">
                                  <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar1.png" class="rounded-circle" width="80" height="80" alt="Nayzak">
                                  <div class="ps-3">
                                    <h6 class="mb-1">Mike Portnoy</h6>
                                    <span class="fs-5">Head of Design — Nike</span>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <div class="swiper-pagination d-block d-md-none mt-4 pt-2"></div>
                          </div>
                          <div class="swiper-navigation d-md-block d-none">
                            <div class="swiper-button-prev"></div>
                            <div class="swiper-button-next"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

Component 36

“Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id est enime aliquip ex ea comm cupidat non proident.”

Nayzak
Gabe Oswald
Lead Designers @Nike

“Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id est enime aliquip ex ea comm cupidat non proident.”

Nayzak
Gabe Oswald
Lead Designers @Nike

“Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id est enime aliquip ex ea comm cupidat non proident.”

Nayzak
Gabe Oswald
Lead Designers @Nike 
              
                <div class="row">
                  <div class="col-lg-6">
                    <div class="card bg-brand-2 border-0 rounded-24 p-4 p-md-5 text-white">
                      <div class="card-body px-0 py-2 p-md-2">
                        <div class="swiper" data-swiper='{"initialSlide": 0, "slidesPerView": 1, "centeredSlides": false, "autoplay": {"delay": 2000}, "speed": 1000, "spaceBetween": 30, "pagination": {"el": ".swiper-pagination", "clickable": true},"navigation": {"nextEl": ".swiper-button-next","prevEl": ".swiper-button-prev", "clickable": true} }'>
                          <div class="swiper-wrapper">
                            <div class="swiper-slide">
                              <p class="fw-semibold pb-md-3">“Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id est enime aliquip ex ea comm cupidat non proident.”</p>
                              <div class="d-flex align-items-center pt-4 pt-md-5">
                                <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar2.png" class="rounded-circle" width="60" height="60" alt="Nayzak">
                                <div class="ps-3">
                                  <h6 class="mb-1">Gabe Oswald</h6>
                                  <span class="fs-5">Lead Designers @Nike</span>
                                </div>
                              </div>
                            </div>
                            <div class="swiper-slide">
                              <p class="fw-semibold pb-md-3">“Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id est enime aliquip ex ea comm cupidat non proident.”</p>
                              <div class="d-flex align-items-center pt-4 pt-md-5">
                                <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar2.png" class="rounded-circle" width="60" height="60" alt="Nayzak">
                                <div class="ps-3">
                                  <h6 class="mb-1">Gabe Oswald</h6>
                                  <span class="fs-5">Lead Designers @Nike</span>
                                </div>
                              </div>
                            </div>
                            <div class="swiper-slide">
                              <p class="fw-semibold pb-md-3">“Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id est enime aliquip ex ea comm cupidat non proident.”</p>
                              <div class="d-flex align-items-center pt-4 pt-md-5">
                                <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar2.png" class="rounded-circle" width="60" height="60" alt="Nayzak">
                                <div class="ps-3">
                                  <h6 class="mb-1">Gabe Oswald</h6>
                                  <span class="fs-5">Lead Designers @Nike</span>
                                </div>
                              </div>
                            </div>
                           </div>
                           <div class="swiper-pagination d-block d-md-none mt-4 pt-2"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>

Component 37

Nayzak
Nayzak
Gabe Oswald
Lead Designers @Nike

Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id.

Nayzak
Nayzak
Gabe Oswald
Lead Designers @Nike

Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id.

Nayzak
Nayzak
Gabe Oswald
Lead Designers @Nike

Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id.

              
                <div class="row">
                  <div class="col-lg-5">
                    <div class="card bg-white shadow border-0 rounded-24 p-4 text-secondary">
                      <div class="card-body p-0 p-md-2">
                        <div class="swiper" data-swiper='{"initialSlide": 0, "slidesPerView": 1, "centeredSlides": false, "autoplay": {"delay": 2000}, "speed": 1000, "spaceBetween": 30, "pagination": {"el": ".swiper-pagination", "clickable": true},"navigation": {"nextEl": ".swiper-button-next","prevEl": ".swiper-button-prev", "clickable": true} }'>
                          <div class="swiper-wrapper">
                            <div class="swiper-slide">
                              <div class="text-end pb-2"><img class="mb-1" src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/quote.svg" width="27" height="24" alt="Nayzak"></div>
                              <div class="d-flex align-items-center pb-4 pb-md-4">
                                <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar3.png" class="rounded-circle" width="60" height="60" alt="Nayzak">
                                <div class="ps-3">
                                  <h6 class="text-dark mb-1">Gabe Oswald</h6>
                                  <span class="fs-5">Lead Designers @Nike</span>
                                </div>
                              </div>
                              <p class="mb-0">Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id.</p>
                            </div>
                            <div class="swiper-slide">
                              <div class="text-end pb-2"><img class="pb-1" src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/quote.svg" width="27" height="23" alt="Nayzak"></div>
                              <div class="d-flex align-items-center pb-4 pb-md-4">
                                <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar3.png" class="rounded-circle" width="60" height="60" alt="Nayzak">
                                <div class="ps-3">
                                  <h6 class="text-dark mb-1">Gabe Oswald</h6>
                                  <span class="fs-5">Lead Designers @Nike</span>
                                </div>
                              </div>
                              <p class="mb-0">Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id.</p>
                            </div>
                            <div class="swiper-slide">
                              <div class="text-end pb-2"><img class="pb-1" src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/quote.svg" width="27" height="23" alt="Nayzak"></div>
                              <div class="d-flex align-items-center pb-4 pb-md-4">
                                <img src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/lazy-placeholder.gif" data-src="https://nayzak.design/preview/nayzak-saas-templates/sharedassets/avatar3.png" class="rounded-circle" width="60" height="60" alt="Nayzak">
                                <div class="ps-3">
                                  <h6 class="text-dark mb-1">Gabe Oswald</h6>
                                  <span class="fs-5">Lead Designers @Nike</span>
                                </div>
                              </div>
                              <p class="mb-0">Excepteur sint occaecat cupidat non proident sunt in culpam qui the officia the anim id.</p>
                            </div>
                          </div>
                          <div class="swiper-pagination d-block d-md-none mt-4 pt-2"></div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>