nebulosa-css/web/pages/text.njk

{% extends "templates/publishing.njk" %}

{% block main %}
	<header>
		<h1>Nebulosa CSS</h1>
		<h2>A showcase of text elements</h2>
	</header>
	<h1>Text elements</h1>

	<h2>Regular paragraph</h2>
	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex expedita ullam blanditiis inventore molestiae perferendis iusto nulla quo sit porro, mollitia nobis recusandae repellendus eveniet, alias hic officiis sunt impedit?</p>

	<h2>Blockquote</h2>
	<p>
		<p>Example of a block quote:</p>
		<blockquote>
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga facere, ullam repudiandae perferendis facilis voluptatibus dolores sequi quam nihil harum veritatis rerum, molestias voluptates enim dolorum? Provident officia qui voluptatum.
		</blockquote>

		<p>Example of a block quote with citation:</p>
		<blockquote cite="Someone">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga facere, ullam repudiandae perferendis facilis voluptatibus dolores sequi quam nihil harum veritatis rerum, molestias voluptates enim dolorum? Provident officia qui voluptatum.
		</blockquote>
	</p>

	<h2>Lists</h2>
	<p>Unordered list below:</p>
	<ul>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
	</ul>
	<p>Ordered list below:</p>
	<ol>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
		<li>Lorem ipsum dolor sit amet consectetur, adipisicing elit.</li>
	</ol>

{% endblock %}