80 lines
2.9 KiB
HTML
Executable File
80 lines
2.9 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Fundamentals</title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1>Lorem Ipsum</h1>
|
|
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla
|
|
vel leo sed ante vulputate porta id ac sapien. Nulla lacinia commodo
|
|
augue. Ut risus mauris, consectetur sed neque quis, sollicitudin sodales
|
|
nulla. Nullam eu porta arcu. Curabitur in erat sagittis, malesuada lorem
|
|
ac, vehicula nulla. Praesent rhoncus magna eu elit lobortis, ac congue
|
|
augue semper. Duis interdum consequat cursus. Morbi rutrum dapibus est
|
|
vel volutpat. Pellentesque in malesuada ante.
|
|
</p>
|
|
</header>
|
|
|
|
<nav>
|
|
<ul>
|
|
<li><a href="basic.html">Basic</a></li>
|
|
<li><a href="spaces.html">Spacing</a></li>
|
|
<li><a href="colors.html">Colorful</a></li>
|
|
<li><a href="navs.html">Navigation</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main>
|
|
<section>
|
|
<h2>Part One <span>1</span></h2>
|
|
|
|
<p>
|
|
Etiam euismod pretium risus quis venenatis. Fusce finibus lacinia urna
|
|
sit amet pretium. Interdum et malesuada fames ac ante ipsum primis in
|
|
faucibus. Etiam consectetur, justo ac ornare volutpat, ante mi vehicula
|
|
quam, eget vehicula velit ex at orci. Pellentesque turpis est, convallis
|
|
eget finibus eu, hendrerit non mauris. Sed at sapien eu erat iaculis
|
|
porta nec sed ante. Nullam quis aliquam felis. Mauris gravida urna
|
|
blandit nisl posuere, tristique accumsan nibh mollis. Sed faucibus
|
|
malesuada arcu, et ultrices turpis laoreet lobortis. Mauris hendrerit
|
|
commodo ex, vitae venenatis arcu volutpat ut. In in nisi rhoncus,
|
|
fringilla risus ac, aliquet nunc. Fusce ut quam eleifend, fringilla
|
|
ante sed, congue nisi. Sed ut est elit.
|
|
</p>
|
|
|
|
<p>Back to <a href="basic.html">basic</a>.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Part Two <span>2</span></h2>
|
|
|
|
<p>
|
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
|
|
inceptos himenaeos. Quisque nec arcu eget eros fermentum efficitur non
|
|
vitae ante. Suspendisse semper dapibus dui ac volutpat. Morbi consectetur
|
|
mi a nunc posuere tristique. Vivamus interdum tincidunt arcu. Integer
|
|
volutpat ipsum in pellentesque tempus. Nulla aliquet congue ex at
|
|
elementum. Vestibulum imperdiet quam ac dui finibus, eget elementum erat
|
|
aliquam. Sed erat neque, cursus vulputate consectetur et, vulputate sit
|
|
amet orci. Duis fringilla aliquet mauris, nec semper nisl blandit ut.
|
|
Fusce iaculis vestibulum pulvinar. Morbi facilisis, ligula non
|
|
consectetur fringilla, elit magna auctor velit, at pretium magna lacus
|
|
sit amet nulla.
|
|
</p>
|
|
|
|
<ul>
|
|
<li><a href="spaces.html">Lorem</a></li>
|
|
<li><a href="color.html">Ipsum</a></li>
|
|
<li><a href="navs.html">Dolor</a></li>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
</body>
|
|
|
|
</html>
|