Preview

  • Text list base

    Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere, laoreet nihil est exercita iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.

    123
  • Text list base

    Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere, laoreet nihil est exercita iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.

    123
  • Text list base

    Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere, laoreet nihil est exercita iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.

    123
  • Text list image

    Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet

    123
  • Text list image

    Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet

    123
  • Text list image

    Lorem ipsum dolor sit amet. no sea takimata sanctus est Lorem ipsum dolor sit amet

    123
  • Text list side

    Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere, laoreet nihil est exercita iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.

    123
  • Text list side

    Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere, laoreet nihil est exercita iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.

    123
  • Text list side

    Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere, laoreet nihil est exercita iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.

    123
  • Client

    Company123

  • Location

    Address123

  • Feature

    123,456 m2123

  • Year

    9999123

  • Value

    $123.456123

  • Architect

    Full name123

  • Client

    Company123

  • Location

    Address123

  • Feature

    123,456 m2123

  • Year

    9999123

  • Value

    $123.456123

  • Architect

    Full name123

  • Client:

    Company123

  • Location:

    Address123

  • Feature:

    123,456 m2123

  • Year

    9999123

  • Value:

    $123.456123

  • Architect:

    Full name123

  • Client:

    Company123

  • Location:

    Address123

  • Feature:

    123,456 m2123

  • Year

    9999123

  • Value:

    $123.456123

  • Architect:

    Full name123

  • Client:

    Company123

  • Location:

    Address123

  • Feature:

    123,456 m2123

  • Year

    9999123

  • Value:

    $123.456123

  • Architect:

    Full name123


Usage

<ul class="text-list text-list-base">
    <li>
        <h3>Text list base</h3>
        <p> Placeat orci commodo, amet quo rem architecto possimus.</p>
        <div>123</div>
    </li>
    <li>
        <h3>Text list base</h3>
        <p> Placeat orci commodo, amet quo rem architecto possimus.</p>
        <div>123</div>
    </li>
    <li>
        <h3>Text list base</h3>
        <p> Placeat orci commodo, amet quo rem architecto possimus.</p>
        <div>123</div>
    </li>
</ul>
<ul class="text-list text-list-image">
    <li>
        <img src="image.jpg" alt="" />
        <div class="content">
            <h3>Text list image</h3>
            <p>Placeat orci commodo, amet quo rem architecto possimus.</p>
            <div>123</div>
        </div>
    </li>
    <li>
        <img src="image.jpg" alt="" />
        <div class="content">
            <h3>Text list image</h3>
            <p>Placeat orci commodo, amet quo rem architecto possimus.</p>
            <div>123</div>
        </div>
    </li>
    <li>
        <img src="image.jpg" alt="" />
        <div class="content">
            <h3>Text list image</h3>
            <p>Placeat orci commodo, amet quo rem architecto possimus.</p>
            <div>123</div>
        </div>
    </li>
</ul> 
<ul class="text-list text-list-side">
    <li>
        <h3>Text list side</h3>
        <p>
            Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere,
            laoreet nihil est exercita  iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.
        </p>
        <div>123</div>
    </li>
    <li>
        <h3>Text list side</h3>
        <p>
            Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere,
            laoreet nihil est exercita  iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.
        </p>
        <div>123</div>
    </li>
    <li>
        <h3>Text list side</h3>
        <p>
            Placeat orci commodo, amet quo rem architecto possimus, accumsan non faucibus conubia quisquam mauris facere,
            laoreet nihil est exercita  iusto, voluptas, numquam tellus pharetra nesciunt habitasse deserunt ante.
        </p>
        <div>123</div>
    </li>
</ul> 
<ul class="text-list text-list-line">
    <li><b>Client</b><hr /><p>Company<span>123</span></p></li>
    <li><b>Location</b><hr /><p>Address<span>123</span></p></li>
    <li><b>Feature</b><hr /><p>123,456 m2<span>123</span></p></li>
    <li><b>Year</b><hr /><p>9999<span>123</span></p></li>
    <li><b>Value</b><hr /><p>$123.456<span>123</span></p></li>
    <li><b>Architect</b><hr /><p>Full name<span>123</span></p></li>
</ul> 
<ul class="text-list text-list-bold">
    <li><b>Client:</b><p>Company<span>123</span></p></li>
    <li><b>Location:</b><p>Address<span>123</span></p></li>
    <li><b>Feature:</b><p>123,456 m2<span>123</span></p></li>
    <li><b>Year</b><p>9999<span>123</span></p></li>
    <li><b>Value:</b><p>$123.456<span>123</span></p></li>
    <li><b>Architect:</b><p>Full name<span>123</span></p></li>
</ul>