MOVU Components

Inquiry Overview Example: Default 

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-5 col-md-4">

            <div class="movu-card-holder movu-inquiry-overview-card">
                <div class="movu-card-block">
                    <div class="movu-card-block-inner">
                        <div class="title-wrapper">

                            <h3 class="movu-card-title">User details</h3>

                        </div>

                        <section class="clearfix">

                            <div class="info-holder">
                                <div class="profile-info">
                                    <p>Mr. Nemanja Cacic</p>
                                    <p>+381652277788</p>
                                    <p>test@gmail.com</p>
                                    <p>Universitätstrasse 63, 8006 Zürich</p>
                                </div>
                                <button class="button-flat button-default" onclick="this.blur();">My profile<i class="material-icons cta-icon">chevron_right</i></button>

                            </div>
                            <div class="title-wrapper">
                                <h3 class="movu-card-title">my inquiries</h3>
                            </div>
                            <div class="border-2-bottom"></div>
                            <section>
                                <table class="table movu-inquiries-table">
                                    <tbody>
                                        <tr class="inquiry-row">

                                            <td class="inquiry-service-date">22.01.2019</td>

                                            <td class="inquiry-service-description">
                                                <a href="#">
                                                    <span class="inquiry-name">#135007 Cleaning</span>
                                                </a>
                                            </td>
                                        </tr>

                                        <tr class="inquiry-row">

                                            <td class="inquiry-service-date">22.01.2019</td>

                                            <td class="inquiry-service-description">
                                                <a href="#">
                                                    <span class="inquiry-name">#135007 Moving+Cleaning</span>
                    </div>
                    </td>
                    </tr>

                    <tr class="inquiry-row">

                        <td class="inquiry-service-date">22.01.2019</td>

                        <td class="inquiry-service-description">
                            <a href="#">
                                <span class="inquiry-name">#135007 Moving+Cleaning</span>
                </div>
                </td>
                </tr>

                <tr class="inquiry-row">

                    <td class="inquiry-service-date">22.01.2019</td>

                    <td class="inquiry-service-description">
                        <a href="#">
                            <span class="inquiry-name">#135007 Moving+Cleaning</span>
            </div>
            </td>
            </tr>

            </tbody>
            </table>
            </section>

            </section>
        </div>
    </div>
</div>

</div>
</div>
</div>
 
<div class="container">
  <div class="row">
    <div class="col-xs-12 col-sm-5 col-md-4">
      {% if dateExists %}
      {% render '@inquiry-overview' %}
      {% else %}
      {% render '@inquiry-overview--without-date' %}
      {% endif %}
    </div>
  </div>
</div>
 
{
  "dateExists": true
}

No notes defined.