ribs-wysiwyg
Version:
85 lines (83 loc) • 5.41 kB
HTML
<html lang="fr">
<head>
<title>Ribs wysiwyg inline</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css">
<link rel="stylesheet" href="../dist/css/style.min.css">
</head>
<body>
<div>
<div class="row" style="margin-top: 100px">
<div class="small-12" data-ribs-wysiwyg>
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis nisl
quis, luctus faucibus dolor. Donec ac bibendum ipsum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis nisl
quis, luctus faucibus dolor. Donec ac bibendum ipsum. Vestibulum ultrices hendrerit neque id
sollicitudin. Morbi dapibus congue aliquet. Fusce sollicitudin, diam eget facilisis congue, nibh
arcu interdum turpis</p>
<p>non euismod nulla ante at tellus. Nullam at libero vel ipsum egestas posuere. Fusce molestie
rhoncus ante. Suspendisse potenti.</p>
<h3>Lorem ipsum sit</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis nisl
quis, luctus faucibus dolor. Donec ac bibendum ipsum.</p>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis nisl
quis, luctus faucibus dolor. Donec ac bibendum ipsum.</p>
</div>
</div>
<div>
<div class="row">
<div class="large-6 small-12 columns" data-ribs-wysiwyg>
<h2>Lorem ipsum dolor ?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis
nisl
quis, luctus faucibus dolor. Donec ac bibendum ipsum. Vestibulum ultrices hendrerit neque id
sollicitudin.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis
nisl
quis, luctus faucibus dolor. Donec ac bibendum ipsum. Vestibulum ultrices hendrerit neque id
sollicitudin.</p>
<p>Dans tous les cas, à l’issue de l'activité tout le matériel est retiré.</p>
</div>
<div class="large-6 small-12 columns"><h2>Lorem ipsum dolor ?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis
nisl
quis, luctus faucibus dolor. Donec ac bibendum ipsum. Vestibulum ultrices hendrerit neque id
sollicitudin. Morbi dapibus congue aliquet. Fusce sollicitudin, diam eget facilisis congue,
nibh
arcu interdum turpis, non euismod nulla ante at tellus.</p>
</div>
</div>
</div>
<div class="row">
<div class="large-6 small-12 columns">
<h2>Lorem ipsum dolor ?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis nisl
quis,
luctus faucibus dolor. Donec ac bibendum ipsum. Vestibulum ultrices hendrerit neque id
sollicitudin.
Morbi dapibus congue aliquet. Fusce sollicitudin, diam eget facilisis congue, nibh arcu interdum
turpis, non euismod nulla ante at tellus.</p>
</div>
<div class="large-6 small-12 columns">
<h2>Lorem ipsum dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero orci, dapibus quis nisl
quis,
luctus faucibus dolor. Donec ac bibendum ipsum. Vestibulum ultrices hendrerit neque id
sollicitudin.
Morbi dapibus congue aliquet. Fusce sollicitudin, diam eget facilisis congue, nibh arcu interdum
turpis, non euismod nulla ante at tellus.Lorem ipsum dolor sit amet, consectetur adipiscing
elit.
Vivamus libero orci, dapibus quis nisl quis, luctus faucibus dolor. Donec ac bibendum ipsum.
Vestibulum ultrices hendrerit neque id sollicitudin. Morbi dapibus congue aliquet. Fusce
sollicitudin, diam eget facilisis congue, nibh arcu interdum turpis, non euismod nulla ante at
tellus.</p>
</div>
</div>
</div>
<script src="../dist/js/inline.js"></script>
</body>
</html>