69 lines
5.7 KiB
HTML
69 lines
5.7 KiB
HTML
<p>This page shows some examples of templates available in the Tinymce Wysiwyg editor. It is the parent page of the 'Sidebar' and 'Side Menu' pages.</p>
|
|
|
|
<p style="text-align: center;"><a href="https://doc.deltacms.fr/tinymce-et-gabarits" target="_blank" rel="noopener">Link to template documentation</a></p>
|
|
|
|
<p style="text-align: center;"><a href="https://doc.deltacms.fr/emplacement-dans-le-menu" target="_blank" rel="noopener">Link to page layout documentation</a></p>
|
|
|
|
<h2><span style="font-size: 20px;">Symmetric grid template 4-4-4</span></h2>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col4">
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
<div class="col4">
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
<div class="col4">
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p> </p>
|
|
|
|
<h2><span style="font-size: 20px;">Text block template 3-3-3-3</span></h2>
|
|
|
|
<div class="row" style="display: flex; flex-wrap: wrap;">
|
|
|
|
<div class="col3">
|
|
|
|
<div class="block" style="height: 100%;">
|
|
|
|
<div class="blockTitle">
|
|
|
|
<p>Titre du bloc</p>
|
|
|
|
</div>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col3">
|
|
|
|
<div class="block" style="height: 100%;">
|
|
|
|
<div class="blockTitle">
|
|
|
|
<p>Titre du bloc</p>
|
|
|
|
</div>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col3">
|
|
|
|
<div class="block" style="height: 100%;">
|
|
|
|
<div class="blockTitle">
|
|
|
|
<p>Titre du bloc</p>
|
|
|
|
</div>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col3">
|
|
|
|
<div class="block" style="height: 100%;">
|
|
|
|
<div class="blockTitle">
|
|
|
|
<p>Titre du bloc</p>
|
|
|
|
</div>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p> </p>
|
|
|
|
<h2><span style="font-size: 20px;">Accordion effect template</span></h2>
|
|
|
|
<ul class="accordion" data-speed="150">
|
|
|
|
<li class="accordion-item active">
|
|
|
|
<h3 class="accordion-title"><span style="font-size: 16px;">First block</span></h3>
|
|
|
|
<div class="accordion-content">
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<li class="accordion-item">
|
|
|
|
<h3 class="accordion-title"><span style="font-size: 16px;">Second block</span></h3>
|
|
|
|
<div class="accordion-content">
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam interdum, neque non vulputate hendrerit, arcu turpis dapibus nisl, id scelerisque metus lectus vitae nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec feugiat dolor et turpis finibus condimentum. Cras sit amet ligula sagittis justo.</p>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul> |