60 lines
3.6 KiB
HTML
60 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>just prose</title>
|
|
<link rel="shortcut icon" href="https://cdn.fyrfli.link/i/handcup.jpeg" type="image/x-icon">
|
|
<link rel="stylesheet" href="static/styles/style.css">
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
<img loading="lazy" src="https://fyrfli.net/avatar" alt="black woman in a hat with head tipped down, the brin of the hat hiding her eyes" />
|
|
<h1 class="header-h1">just prose</h1>
|
|
</header>
|
|
|
|
<nav>
|
|
<ul class="nav_container">
|
|
<li class="nav_item"><a href="index.html" rel="noopener noreferrer">home</a></li>
|
|
<li><a href="prose.html">prose</a></li>
|
|
<li><a href="lists.html">lists</a></li>
|
|
<li><a href="tables.html">tables</a></li>
|
|
<li><a href="images.html">images</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
<main class="main">
|
|
<article class="prose_section">
|
|
<section class="prose_paragraphs">
|
|
<h2 class="prose_h2">prose</h2>
|
|
<p class="prose_paragraph">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Debitis temporibus nihil voluptates sit commodi corporis quidem ut rem aperiam, eum, ipsam corrupti fuga laborum nostrum.
|
|
</p>
|
|
<p class="prose_paragraph">
|
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita fugiat debitis dicta. Saepe culpa cumque expedita repellat eveniet, eligendi recusandae consequatur illum rem corporis dignissimos, aliquid iste corrupti, odio debitis itaque laboriosam quia. Sunt at doloribus, impedit dolorem quibusdam autem aspernatur laboriosam quidem tempore obcaecati iste laborum. Esse soluta voluptatibus nam laboriosam aperiam, odit dignissimos earum beatae sunt dolorum. Quidem ex ipsam neque omnis consequatur recusandae fuga eos temporibus perspiciatis corrupti iste ea pariatur, excepturi, nam esse nihil officia. Id pariatur eum eos eveniet at fuga minima cum praesentium provident quam. Voluptas atque rem, facere facilis odio sed minima iste est vel sapiente debitis ducimus quidem illo provident distinctio. Quibusdam ea alias reiciendis numquam! Debitis deleniti quam repellat magni voluptates!
|
|
</p>
|
|
<blockquote>
|
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam illo dolorem numquam porro impedit expedita recusandae labore, quod ab cumque excepturi consectetur! Dignissimos eius excepturi dolor, doloribus neque rerum explicabo repellat possimus facere enim obcaecati mollitia voluptatum? Modi laborum quibusdam dolorum cupiditate maxime voluptatibus totam facere quisquam ut voluptate. Tempore?
|
|
</blockquote>
|
|
<p>
|
|
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consectetur velit quos error! Dolorem quasi unde obcaecati dignissimos repellendus error aliquam maxime repudiandae. Nihil quidem laboriosam nam consequuntur assumenda veniam culpa sint, porro aliquid suscipit possimus dignissimos vel deleniti amet ratione, cum debitis voluptates asperiores? Quia reiciendis dignissimos quas quos? Rerum magnam maxime ex eaque dolores!
|
|
</p>
|
|
</section>
|
|
</article>
|
|
</main>
|
|
|
|
|
|
<footer class="footer">
|
|
©<span id="jsyear"></span> Camille (<a href="https://fyrfli.dev/fyrfli" target="_blank">@fyrfli</a>) Frantz
|
|
</footer>
|
|
|
|
<script>
|
|
const todayDate = new Date();
|
|
jsyear.innerText = todayDate.getFullYear();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|
|
|