<div class="movu-styleguide">
<header id="header" class="white-bg">
<div class="container">
<div class="row">
<div class="col-xs-4 col-sm-2 col-md-2 no-padding-right">
<a class="logo" href="https://demo-01.movu.ch/en/">
<i alt="Movu logo new" class="logo-img en"></i>
</a>
</div>
<div class="col-xs-4 col-xs-offset-4 col-sm-2 col-sm-offset-8 col-md-2 col-md-offset-8 text-left">
<nav>
<ul class="language-switch-desktop">
<li class="de">
<a class="de" href="https://demo-01.movu.ch/de">DE</a>
</li>
<li class="fr item-separator"></li>
<li class="fr">
<a class="fr" href="https://demo-01.movu.ch/fr">FR</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="main">
<div class="container inquiry-flow-layout">
<div class="content-holder clearfix">
<div class="flow-progress-placeholder">
<div class="container">
<movu-progress-inq value="71" active="3" is_cleaning="false" service_title="Service" current_title="Current Home" inventory_title="Inventory" new_title="New Home" confirmation_title="Confirmation"></movu-progress-inq>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-3">
<div class="layout-padding">
<div class="questionnaiere-spacing clearfix">
<h2 class="headline">What's the distance between the parking lot and your building's entrance (in meters)?</h2>
<div class="subheadline">
<p class="large">Distance to the entrance of the building, if you live in an apartment.</p>
</div>
<movu-card heading="Room name">
<div slot="body">
<div class="card-item-box no-padding-left no-padding-right clearfix">
<div class="col-xs-8 col-sm-9 no-padding-left card-item-box-size">
<span class="card-item-number">1</span>
<span class="card-item-separator">x</span>
<span class="card-item-name">Special title treatment</span>
</div>
<div class="edit-delete-box">
<div class="btn-edit-item">
<i class="material-icons qa-edit-btn">edit</i>
</div>
<div class="btn-delete-item">
<i class="material-icons-outlined qa-delete-btn">close</i>
</div>
</div>
</div>
<div class="card-item-attributes">
<span class="card-attribute-name small">Attribute 1</span>
<span class="card-attribute-name small">Attribute 2</span>
</div>
<p class="card-comment small">Comment et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi.</p>
</div>
<div slot="footer">
<movu-button secondary text="Add item" icon_name="control_point"></movu-button>
</div>
</movu-card>
</div>
</div>
</div>
</div>
<div class="layout-position">
<div class="row">
<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-3">
<div class="bottom-navigation-layout">
<div class="link-section">
<a href="#">
<i class="material-icons md-20 info-icon">info_outline</i>
<span>Learn more about this question</span>
</a>
</div>
<div class="row">
<div class="continue-back-section clearfix">
<div class="col-sm-6 col-xs-3">
<div class="arrow-icon-wrapper">
<i class="material-icons md-20 arrow-icon">arrow_back</i>
</div>
</div>
<div class="col-sm-6 col-xs-9">
<movu-button primary text="Click me"></movu-button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer _ngcontent-c0>Copyright © 2018 MOVU AG, All rights reserved.</footer>
</div>
{% extends "@inquiry" %}
{% block contentTop %}
{% render "@progress-indicator-inquiry-flow" %}
{% endblock %}
{% block content %}
<h2 class="headline">What's the distance between the parking lot and your building's entrance (in meters)?</h2>
<div class="subheadline">
<p class="large">Distance to the entrance of the building, if you live in an apartment.</p>
</div>
{% render "@add-room--with-content" %}
{% endblock %}
{% block contentBottom %}
{% render "@inquiry-footer" %}
{% endblock %}
/* No context defined. */
No notes defined.