1,278
edits
Changes
Jump to navigation
Jump to search
no edit summary
<div id="cover-left-side" style="flex:1;justify-content: right;margin: 12px 0 0 12px;">
<div id="cover-left-side-body" style="background-color: #f8f9fa;border:1px solid #c8ccd1;padding: 12px 24px 12px 24px;display: flex;align-items: center;">
<div id="cover-page" style="flex: 1;display: flex;justify-content: center;">Here goes the page</div>
<div id="cover-description" style="background: white;border: 1px solid #c8ccd1;padding: 12px 24px 12px 24px;display: flex;flex-direction: column; align-items: center;">
<p>This is the description</p>
</div>
</div>
<div id="cover-left-side-footer" style="color: #000;background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 1em; white-space: pre-wrap;margin-top: 14px;text-align: justify;"> <p>This is the footer</p>
</div>
</div>
<div id="cover-right-side" style="flex:1;justify-content:center;display: flex;flex-direction: column;border-style: double;padding: 12px 24px 12px 24px;background-color: #f8f9fa;border: 1px solid #c8ccd1;flex: 1;max-width: 450px;/* margin-left: 32px; */margin: 12px 0 0 12px;">
<div id="right-side-header" style="display: flex;flex-direction: column;align-items: center;">
<div>header</div>
</div>
<div id="right-side-body" style="display: flex;flex-direction: column;align-items: center;">
<div>body</div>
</div>
<div id="right-side-footer" style="display: flex;flex-direction: column;align-items: center;">
<div>footer</div>
</div>
</div>
</div>
</includeonly>