Wysiwyg

<!-- WYSIWYG -->
<div class="wysiwyg_block">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="wysiwyg_block_inner typography">
                <h1>The First Headline</h1>
                <p class="intro">Intro blurb aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor.</p>
                <p>Paragraph lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue consequat, urna in molestie pretium. Eget tristique maecenas molestie malesuada lectus semper nulla semper. Cursus id ultrices integer donec lobortis libero iaculis posuere. Nisl porttitor eleifend volutpat nisl varius id ullamcorper. <a href="#">Commodo ultricies est nisi</a> eu integer. Scelerisque est varius dignissim molestie. Lacinia sit non tincidunt suspendisse suspendisse non.</p>
                <figure style="width: 225px" class="wp-caption alignright"><img fetchpriority="high" decoding="async" class="size-medium wp-image-733" src="//via.placeholder.com/225x300" alt="" width="225" height="300">
                    <figcaption class="wp-caption-text">The Caption Goes Here</figcaption>
                </figure>
                <p>Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus. Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                <ul>
                    <li>Nullam eget leo id odio mollis iaculis id at turpis. Maecenas arcu.</li>
                    <li>Nullam et turpis in nisi pretium tempor. Sed tincidunt libero vitae condimentum semper.</li>
                    <li>Morbi quis odio eget metus tristique fringilla eu nec velit. Phasellus.</li>
                </ul>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
                <h2>H2 Header</h2>
                <figure style="width: 375px" class="wp-caption alignleft"><img fetchpriority="high" decoding="async" class="size-medium wp-image-733" src="//via.placeholder.com/375x500" alt="" width="375" height="500">
                    <figcaption class="wp-caption-text">The Caption Goes Here</figcaption>
                </figure>
                <p>Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod.</p>
                <ol>
                    <li>Suspendisse vulputate tristique.</li>
                    <li>Aliquam erat.</li>
                    <li>Phasellus nec erat.</li>
                    <li>Cras non enim metus.</li>
                    <li>Suspendisse vulputate tristique.</li>
                    <li>Aliquam erat.</li>
                    <li>Phasellus nec erat.</li>
                    <li>Cras non enim metus.</li>
                    <li>Suspendisse vulputate tristique.</li>
                    <li>Aliquam erat.</li>
                    <li>Phasellus nec erat.</li>
                    <li>Cras non enim metus.</li>
                </ol>
                <h3>Ut facilisis ante lorem, nec sagittis eros dignissim.</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
                <figure style="width: 980px" class="wp-caption aligncenter"><img fetchpriority="high" decoding="async" class="size-medium wp-image-733" src="//via.placeholder.com/980x654" alt="" width="980" height="654">
                    <figcaption class="wp-caption-text">The Caption Goes Here</figcaption>
                </figure>
                <h2>Ipsum Ullamcorper Venenatis Aenean</h2>
                <h3>Quisque auctor, ligula sed sagittis finibus, elit nisi accumsan risus.</h3>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.</p>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
                <h4>Nulla diam arcu, condimentum vitae odio ut, pharetra fermentum est.</h4>
                <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.</p>
                <table>
                    <thead>
                        <tr>
                            <th>Table Header</th>
                            <th>Sed pharetra.</th>
                            <th>Nulla facilisi. Mauris in.</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Donec gravida.</td>
                            <td>Praesent nunc ex, tincidunt in.</td>
                            <td>Suspendisse urna justo.</td>
                        </tr>
                        <tr>
                            <td>Donec gravida.</td>
                            <td>Suspendisse urna justo.</td>
                            <td>Praesent nunc ex, tincidunt in.</td>
                        </tr>
                        <tr>
                            <td>Donec gravida.</td>
                            <td>Praesent nunc ex, tincidunt in.</td>
                            <td>Suspendisse urna justo.</td>
                        </tr>
                    </tbody>
                </table>
                <table>
                    <thead>
                        <tr>
                            <th>Table Header</th>
                            <th>Sed pharetra.</th>
                            <th>Nulla facilisi. Mauris in.</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Donec gravida.</td>
                            <td>Praesent nunc ex, tincidunt in.</td>
                            <td>Suspendisse urna justo.</td>
                        </tr>
                        <tr>
                            <td>Donec gravida.</td>
                            <td>Suspendisse urna justo.</td>
                            <td>Praesent nunc ex, tincidunt in.</td>
                        </tr>
                        <tr>
                            <td>Donec gravida.</td>
                            <td>Praesent nunc ex, tincidunt in.</td>
                            <td>Suspendisse urna justo.</td>
                        </tr>
                    </tbody>
                </table>
                <figure class="quote">
                    <blockquote class="quote_content">
                        <p>From the moment I stepped foot on campus, I was welcomed into a community that felt like home—a place where diversity of thought was celebrated and my art could thrive.</p>
                    </blockquote>
                    <figcaption class="quote_caption">Nunc vehicula elit.</figcaption>
                </figure>
            </div>
        </div>
    </div>
</div>
<!-- END: WYSIWYG -->
{#
	{% include '@component-wysiwyg' with {
		content: 'Content'
	} %}
#}

<!-- WYSIWYG -->
<div class="wysiwyg_block">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="wysiwyg_block_inner typography">
				{{ content }}
			</div>
		</div>
	</div>
</div>
<!-- END: WYSIWYG -->

No notes defined.