v2.1.0

Card

  • Basic

    Outset

    <div class="column size-11 text-center ml-10">
      <div class="card outset-neomo">
        <div class="card-image">
          <img
            src="https://images.unsplash.com/photo-1593642634315-48f5414c3ad9?ixid=MnwxMjA3fDF8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"
            alt="Placeholder image"
          />
        </div>
        <div class="card-content">
          <p class="font-size-4 profile-link text-left m-0">
            <img
              class="img-profile p-0"
              src="https://images.unsplash.com/profile-1609856653329-a9e174ff28b6image?auto=format&amp;fit=crop&amp;w=32&amp;h=32&amp;q=60&amp;crop=faces&amp;bg=fff"
              width="32"
              height="32"
              role="presentation"
              alt="Go to Julian Steenbergen's profile"
            />
    
            Julian Steenbergen
          </p>
          <p class="text-left">
            I'm actually a musician, but photography is just too fun. It brings me
            joy, inspiration and peace. Happy to support the community here with my
            work! ✨
          </p>
          <p class="text-left">
            <i class="fas fa-calendar-week"></i>
            Published on May 9, 2021
          </p>
          <p class="text-left">
            <i class="fas fa-shield-alt"></i>
            Free to use under the Unsplash License
          </p>
        </div>
      </div>
    </div>
    
    Placeholder image

    I'm actually a musician, but photography is just too fun. It brings me joy, inspiration and peace. Happy to support the community here with my work! ✨

    Published on May 9, 2021

    Free to use under the Unsplash License

    Inset

    <div class="column size-11 text-center ml-10">
      <div class="card inset-neomo">
        <div class="card-image">
          <img
            src="https://images.unsplash.com/photo-1593642634315-48f5414c3ad9?ixid=MnwxMjA3fDF8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"
            alt="Placeholder image"
          />
        </div>
        <div class="card-content">
          <p class="font-size-4 profile-link text-left m-0">
            <img
              class="img-profile p-0"
              src="https://images.unsplash.com/profile-1609856653329-a9e174ff28b6image?auto=format&amp;fit=crop&amp;w=32&amp;h=32&amp;q=60&amp;crop=faces&amp;bg=fff"
              width="32"
              height="32"
              role="presentation"
              alt="Go to Julian Steenbergen's profile"
            />
    
            Julian Steenbergen
          </p>
          <p class="text-left">
            I'm actually a musician, but photography is just too fun. It brings me
            joy, inspiration and peace. Happy to support the community here with my
            work! ✨
          </p>
          <p class="text-left">
            <i class="fas fa-calendar-week"></i>
            Published on May 9, 2021
          </p>
          <p class="text-left">
            <i class="fas fa-shield-alt"></i>
            Free to use under the Unsplash License
          </p>
        </div>
      </div>
    </div>
    
    Placeholder image

    I'm actually a musician, but photography is just too fun. It brings me joy, inspiration and peace. Happy to support the community here with my work! ✨

    Published on May 9, 2021

    Free to use under the Unsplash License