theophile
Version:
A templating module that transforms a web page into a (Powerpoint-like) presentation
45 lines (42 loc) • 2.42 kB
HTML
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./style.css">
<link rel="favicon" href="http://127.0.0.1:5500/node_modules/theophile/defaults/img/favicon.png">
<title>My cute template</title>
</head>
<body>
<div id="app">
<header>
<div class="container" data-selector="header">
<h1><img src="img/favicon.png" alt="">My cute example</h1>
</div>
</header>
<nav>
<div class="container" data-selector="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<div class="container" data-selector="body">
<h1>Dolore fugiat non libero</h1>
<p>Molestias, minima at in facere laudantium, doloremque ipsam, quia dolorum nam molestiae nesciunt unde officiis dolorem necessitatibus modi voluptates cupiditate quod optio.</p>
<p>Reprehenderit ea, qui fugiat ducimus, cumque laborum nihil unde aut, magni quod nisi ipsa accusantium dolor maiores quos. Eos voluptatem dolore ad saepe reprehenderit nesciunt animi quibusdam maiores impedit fuga?</p>
<p>Voluptatibus sapiente excepturi quas et fuga veniam quidem culpa perferendis veritatis. Exercitationem vel aperiam laudantium consequuntur minima natus quia praesentium recusandae dolorum, architecto commodi enim esse explicabo quibusdam! Iusto, porro.</p>
<p>Fuga nisi officia fugiat, iusto culpa aperiam, excepturi natus delectus esse alias, debitis ex et necessitatibus deleniti odit. Nihil enim consectetur fugit velit tempore pariatur quisquam corporis impedit rerum accusamus?</p>
<p>Aliquam accusantium culpa nobis deleniti. Totam quibusdam assumenda excepturi exercitationem veritatis modi accusamus eveniet sint aperiam, dolores labore consequuntur. Vel repellendus animi necessitatibus saepe delectus est tempora natus? Enim, id.</p>
</div>
<footer>
<div class="container" data-selector="footer">
© 2038 By Myself
</div>
</footer>
</div>
<div id="th-toc"></div>
</body>
</html>