<div style="min-height: 500px;">
<div class="pow-modal-full">
<div class="pow-modal-frame-sized">
<div class="pow-modal-header pow-flexbox pow-flex-row pow-flex-align-items-center pow-padding-left-sm pow-padding-right-sm">
<span class="pow-popin-title pow-heading-1 border-outside pow-bcolor-primary pow-flex-fit pow-color-white">
<span>Modal title</span>
</span>
<div class="pow-modal-close pow-flexbox pow-flex-no-shrink pow-flex-align-self-start">
<button type="button" class="pow-action-xs icon-powell-close icon-color-primary pow-relative-ref">
<span class="tooltip">Close</span>
</button>
</div>
</div>
<div class="pow-modal-content pow-background-white pow-color-black pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-column">
<div>
<powell-loader size="xs" position="center"></powell-loader>
</div>
<div class="pow-modal-content-body pow-flex-fit container-fluid">
<div class="pow-control-container">
<div class="pow-control-input">
<input type="text" class="form-control" id="favorite_title" autocomplete="off" required placeholder="Label 1">
<label for="favorite_title">Label 1</label>
</div>
</div>
<div class="pow-control-container">
<div class="pow-control-input">
<input type="text" class="form-control" id="favorite_url" autocomplete="disable-autocomplete" required placeholder="Label 2">
<label for="favorite_url">Label 2</label>
</div>
</div>
<div class="pow-flexbox pow-flex-row">
<button type="button" class="pow-big-button-primary pow-flex-align-right no-icon">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="min-height: 400px;">
<div class="pow-modal-full">
<div class="pow-modal-frame-alert">
<div class="pow-modal-content pow-background-white pow-color-black pow-border-radius pow-webpart-border-radius pow-flexbox pow-flex-column">
<div class="pow-modal-content-header pow-flex-no-shrink">
<span class="pow-modal-content-title pow-heading-2">Warning</span>
</div>
<div class="pow-modal-content-body pow-flex-fit">
<p class="pow-font-regular">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta, quas.</p>
</div>
<div class="pow-modal-content-footer pow-flexbox pow-flex-row pow-flex-wrap pow-flex-no-shrink pow-flex-justify-end">
<button type="button" class="pow-button">
<span>Close</span>
</button>
</div>
</div>
</div>
</div>
</div>