Bootstrap 5 Components

Framework

UI Library

7-Day Pass

Full Shuffle Editor access for just $10

Great for quick projects and for testing everything Shuffle can do. One-time payment, not a subscription.

New to Shuffle? Try our tools:

Multi-AI Designer Kick off several design directions at once, then build on your favorite. Visual Editor Build from UI components and templates, then customize every detail.

Components

Bootstrap Component #3101

Bootstrap

Cronos

<section class="py-20">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-5 mb-10 mb-lg-0">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3102

Bootstrap

Cronos

<section class="py-20 bg-secondary-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="d-none d-lg-block col-lg-auto">
        <button class="btn bg-white d-flex align-items-center justify-content-center p-0" style="width: 64px; height: 64px;">
          <svg style="width: 24px; height: 24px;" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M8.70711 12H18.5C18.7761 12 19 12.2239 19 12.5C19 12.7761 18.7761 13 18.5 13H8.70711L11.8536 16.1464C12.0488 16.3417 12.0488 16.6583 11.8536 16.8536C11.6583 17.0488 11.3417 17.0488 11.1464 16.8536L7.14645 12.8536C6.95118 12.6583 6.95118 12.3417 7.14645 12.1464L11.1464 8.14645C11.3417 7.95118 11.6583 7.95118 11.8536 8.14645C12.0488 8.34171 12.0488 8.65829 11.8536 8.85355L8.70711 12Z" fill="#1C1917"></path>
          </svg>
        </button>
      </div>
      <div class="d-flex justify-content-center mb-10 d-lg-none">
        <button class="btn bg-white d-flex align-items-center justify-content-center p-0 me-4" style="width: 64px; height: 64px;">
          <svg style="width: 24px; height: 24px;" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M8.70711 12H18.5C18.7761 12 19 12.2239 19 12.5C19 12.7761 18.7761 13 18.5 13H8.70711L11.8536 16.1464C12.0488 16.3417 12.0488 16.6583 11.8536 16.8536C11.6583 17.0488 11.3417 17.0488 11.1464 16.8536L7.14645 12.8536C6.95118 12.6583 6.95118 12.3417 7.14645 12.1464L11.1464 8.14645C11.3417 7.95118 11.6583 7.95118 11.8536 8.14645C12.0488 8.34171 12.0488 8.65829 11.8536 8.85355L8.70711 12Z" fill="#1C1917"></path>
          </svg>
        </button>
        <button class="btn bg-white d-flex align-items-center justify-content-center p-0" style="width: 64px; height: 64px;">
          <svg style="width: 24px; height: 24px;" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M17.2929 13H7.5C7.22386 13 7 12.7761 7 12.5C7 12.2239 7.22386 12 7.5 12H17.2929L14.1464 8.85355C13.9512 8.65829 13.9512 8.34171 14.1464 8.14645C14.3417 7.95118 14.6583 7.95118 14.8536 8.14645L18.8536 12.1464C19.0488 12.3417 19.0488 12.6583 18.8536 12.8536L14.8536 16.8536C14.6583 17.0488 14.3417 17.0488 14.1464 16.8536C13.9512 16.6583 13.9512 16.3417 14.1464 16.1464L17.2929 13Z" fill="#1C1917"></path>
          </svg>
        </button>
      </div>
      <div class="col-12 col-lg-8 mx-auto text-center"><span class="badge bg-secondary-light">New Feature</span>
        <h2 class="mt-6 mb-4">Expand your brand with this excellent extension tool</h2>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3103

Bootstrap

Cronos

<section class="py-20">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-7 mb-10 mb-lg-0">
        <div class="mw-lg-md position-relative"><img class="d-none d-xl-block position-absolute bottom-0 start-0 translate-middle-x" style="width: 320px;" src="cronos-assets/elements/light-squares.svg" alt=""/><img class="d-none d-xl-block position-absolute top-0 ms-20 start-100 translate-middle-x" style="width: 160px;" src="cronos-assets/elements/warning-group-square.svg" alt=""/><img class="img-fluid h-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1542330952-bffc55e812b2?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=750&amp;q=80" alt=""/></div>
      </div>
      <div class="col-12 col-lg-5">
        <div class="mw-lg-md mx-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3104

Bootstrap

Cronos

<section class="py-20">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-5 mb-10 mb-lg-0">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3105

Bootstrap

Cronos

<section class="py-20">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-7 mb-10 mb-lg-0">
        <div class="mw-xl me-lg-auto"><img class="img-fluid" src="cronos-assets/images/scene-running.png" alt=""/></div>
      </div>
      <div class="col-12 col-lg-5">
        <div class="mw-lg-md mx-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3106

Bootstrap

Cronos

<section class="py-20">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-lg-md me-lg-auto position-relative" style="height: 480px;"><img class="d-none d-xl-block position-absolute bottom-0 start-0 translate-middle-x" src="cronos-assets/elements/green-light-left.svg" alt=""/><img class="d-none d-xl-block position-absolute top-0 start-100 translate-middle-x" src="cronos-assets/elements/warning-light-small.svg" alt=""/><img class="img-fluid w-100 h-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1542330952-bffc55e812b2?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=750&amp;q=80" alt=""/></div>
      </div>
      <div class="col-12 col-lg-6">
        <div class="mw-lg-md mx-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3107

Bootstrap

Cronos

<section class="py-20">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-lg-md me-lg-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3108

Bootstrap

Cronos

<section class="py-20 bg-secondary-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-5 mb-10 mb-lg-0">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3109

Bootstrap

Cronos

<section class="py-20 bg-secondary-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-7 mb-10 mb-lg-0">
        <div class="mw-lg-md me-lg-auto position-relative" style="height: 460px;"><img class="d-none d-xl-block position-absolute bottom-0 start-0 translate-middle-x" style="width: 320px;" src="cronos-assets/elements/light-squares.svg" alt=""/><img class="d-none d-xl-block position-absolute top-0 ms-20 start-100 translate-middle-x" style="width: 160px;" src="cronos-assets/elements/warning-group-square.svg" alt=""/><img class="img-fluid h-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1542330952-bffc55e812b2?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=750&amp;q=80" alt=""/></div>
      </div>
      <div class="col-12 col-lg-5">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3110

Bootstrap

Cronos

<section class="py-20 bg-secondary-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3111

Bootstrap

Cronos

<section class="py-20 bg-secondary-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0"><img class="img-fluid" src="cronos-assets/images/scene-running.png" alt=""/></div>
      <div class="col-12 col-lg-6">
        <div class="mw-lg-md ms-lg-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3112

Bootstrap

Cronos

<section class="py-20 bg-secondary-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-lg-md mx-auto position-relative" style="height: 460px;"><img class="d-none d-xl-block position-absolute bottom-0 start-0 translate-middle-x" src="cronos-assets/elements/dark-green-warning.svg" alt=""/><img class="d-none d-xl-block position-absolute top-0 start-100 translate-middle-x" src="cronos-assets/elements/light-green-warning.svg" alt=""/><img class="img-fluid h-100 w-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1542330952-bffc55e812b2?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=750&amp;q=80" alt=""/></div>
      </div>
      <div class="col-12 col-lg-6">
        <div class="mw-lg-md ms-lg-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3113

Bootstrap

Cronos

<section class="py-20 bg-secondary-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3114

Bootstrap

Cronos

<section class="py-20 bg-light-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-5 mb-10 mb-lg-0">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3115

Bootstrap

Cronos

<section class="py-20 bg-light-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-md me-lg-auto position-relative"><img class="d-none d-xl-block position-absolute bottom-0 start-0 translate-middle-x" style="width: 320px;" src="cronos-assets/elements/light-squares.svg" alt=""/><img class="d-none d-xl-block position-absolute top-0 ms-20 start-100 translate-middle-x" style="width: 160px;" src="cronos-assets/elements/warning-group-square.svg" alt=""/><img class="img-fluid h-100" style="object-fit: cover;" src="https://images.unsplash.com/photo-1542330952-bffc55e812b2?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=750&amp;q=80" alt=""/></div>
      </div>
      <div class="col-12 col-lg-6">
        <div class="mw-lg-md ms-lg-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3116

Bootstrap

Cronos

<section class="py-20 bg-light-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3117

Bootstrap

Cronos

<section class="py-20 bg-light-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0"><img class="img-fluid" src="cronos-assets/images/scene-running.png" alt=""/></div>
      <div class="col-12 col-lg-6">
        <div class="mw-md ms-lg-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3118

Bootstrap

Cronos

<section class="py-20 bg-light-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-lg-md mx-auto position-relative"><img class="d-none d-lg-block position-absolute bottom-0 start-0 translate-middle-x" src="cronos-assets/elements/green-white-small.svg" alt=""/><img class="d-none d-lg-block position-absolute top-0 start-100 translate-middle-x" src="cronos-assets/elements/warning-light-small.svg" alt=""/><img class="img-fluid" style="object-fit: cover;" src="https://images.unsplash.com/photo-1542330952-bffc55e812b2?ixlib=rb-1.2.1&amp;ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&amp;auto=format&amp;fit=crop&amp;w=750&amp;q=80" alt=""/></div>
      </div>
      <div class="col-12 col-lg-6">
        <div class="mw-lg-md ms-lg-auto">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted mb-0">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3119

Bootstrap

Cronos

<section class="py-20 bg-light-light">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6 mb-10 mb-lg-0">
        <div class="mw-lg-md">
          <h3 class="mb-14">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Check of access</h6>
              <p class="lead lh-lg text-muted">Take care to develop resources continually and integrity them with previous projects.</p>
            </div>
          </div>
          <div class="d-flex align-items-start mb-6"><span class="me-4">
              <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              </svg></span>
            <div>
              <h6 class="mb-3">Security in savings</h6>
              <p class="lead lh-lg text-muted">Take care to develop resources continually and integrity them with previous projects.</p>

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Bootstrap Component #3120

Bootstrap

Cronos

<section class="position-relative py-20 pb-lg-32">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-6">
        <div class="mw-lg-md">
          <h3 class="mb-4">Lorem ipsum dolor sit amet consectutar domor at elis</h3>
          <p class="lead lh-lg text-muted mb-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
          <ul class="list-unstyled">
            <li class="d-flex align-items-center mb-6"><span class="d-inline-flex me-4 align-items-center justify-content-center bg-light rounded-circle" style="width: 48px; height: 48px;">
                <svg style="width: 24px; height: 24px;" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M7 20H20" stroke="#006251" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M4 20V17L17 4L20 7L7 20H4Z" stroke="#006251" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M17 10L14 7" stroke="#006251" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg></span>
              <h6 class="fw-normal mb-0">Change of access</h6>
            </li>
            <li class="d-flex align-items-center mb-6"><span class="d-inline-flex me-4 align-items-center justify-content-center bg-light rounded-circle" style="width: 48px; height: 48px;">
                <svg style="width: 24px; height: 24px;" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M12 22C12 22 20 18 20 12V5L12 2L4 5V12C4 18 12 22 12 22Z" stroke="#006251" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M8 11.5L11 14.5L17 8.5" stroke="#006251" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg></span>
              <h6 class="fw-normal mb-0">Security in savings</h6>
            </li>
            <li class="d-flex align-items-center"><span class="d-inline-flex me-4 align-items-center justify-content-center bg-light rounded-circle" style="width: 48px; height: 48px;">

Get the code for 13,400+ components

Create a free account to copy production-ready code from every component in the library.

Free account · No credit card · No password needed

Already have an account? Sign in

Redirecting to PayPal

Shuffle's Editors

Supporting tools

Plans

Shuffle’s design systems

Most popular ui libraries

Flex

Zanrly

Saturn

Flaro

Gradia

Basko

Artemis

Vendia

Framework

UI Library

Components

Bootstrap Component #3101

Get the code for 13,400+ components

Bootstrap Component #3102

Get the code for 13,400+ components

Bootstrap Component #3103

Get the code for 13,400+ components

Bootstrap Component #3104

Get the code for 13,400+ components

Bootstrap Component #3105

Get the code for 13,400+ components

Bootstrap Component #3106

Get the code for 13,400+ components

Bootstrap Component #3107

Get the code for 13,400+ components

Bootstrap Component #3108

Get the code for 13,400+ components

Bootstrap Component #3109

Get the code for 13,400+ components

Bootstrap Component #3110

Get the code for 13,400+ components

Bootstrap Component #3111

Get the code for 13,400+ components

Bootstrap Component #3112

Get the code for 13,400+ components

Bootstrap Component #3113

Get the code for 13,400+ components

Bootstrap Component #3114

Get the code for 13,400+ components

Bootstrap Component #3115

Get the code for 13,400+ components

Bootstrap Component #3116

Get the code for 13,400+ components

Bootstrap Component #3117

Get the code for 13,400+ components

Bootstrap Component #3118

Get the code for 13,400+ components

Bootstrap Component #3119

Get the code for 13,400+ components

Bootstrap Component #3120

Get the code for 13,400+ components

The easiest way to create beautiful websites

monthly

annual

lifetime

monthly

annual

Create an account

From idea to beautiful design in minutes.

Products

Extensions

UI Components

Company

Support