<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>example</title>
<script type="module" src="js/main.js"></script>
<link rel="stylesheet" href="css/interface.css">
</head>
<body>
<nav class="interface">
<button class="button-print">print</button>
<button class="button-preview">preview</button>
</nav>
<!-- <button>sync</button> -->
<!-- -->
<!-- </nav> -->
<!-- -->
<div class="leftSide">
<article contenteditable class="bookContent">
<section class="chapter">
<h1>content</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quasi suscipit non nam, temporibus
quibusdam minima sunt quaerat ullam magnam aliquid odit porro deleniti error repellendus qui quo
fugiat incidunt sint officiis corrupti! Iure sunt, adipisci vitae consectetur atque nobis
voluptatibus temporibus itaque necessitatibus, in eum ex aliquid harum tempora quia nam sed sint
nisi recusandae, laudantium vel vero saepe. Consectetur fugit pariatur hic blanditiis vitae iusto,
exercitationem incidunt fugiat expedita natus debitis quis tempora architecto obcaecati facere
cumque a! Rerum corrupti voluptatibus numquam odio neque ex aliquid, aut velit voluptate iste
asperiores sunt voluptas tenetur molestiae praesentium similique, nemo eveniet. Officia id quidem
atque esse aliquid delectus animi ab vel similique nulla dolore corporis quas, pariatur blanditiis
inventore et?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quasi suscipit non nam, temporibus
quibusdam minima sunt quaerat ullam magnam aliquid odit porro deleniti error repellendus qui quo
fugiat incidunt sint officiis corrupti! Iure sunt, adipisci vitae consectetur atque nobis
voluptatibus temporibus itaque necessitatibus, in eum ex aliquid harum tempora quia nam sed sint
nisi recusandae, laudantium vel vero saepe. Consectetur fugit pariatur hic blanditiis vitae iusto,
exercitationem incidunt fugiat expedita natus debitis quis tempora architecto obcaecati facere
cumque a! Rerum corrupti voluptatibus numquam odio neque ex aliquid, aut velit voluptate iste
asperiores sunt voluptas tenetur molestiae praesentium similique, nemo eveniet. Officia id quidem
atque esse aliquid delectus animi ab vel similique nulla dolore corporis quas, pariatur blanditiis
inventore et?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quasi suscipit non nam, temporibus
quibusdam minima sunt quaerat ullam magnam aliquid odit porro deleniti error repellendus qui quo
fugiat incidunt sint officiis corrupti! Iure sunt, adipisci vitae consectetur atque nobis
voluptatibus temporibus itaque necessitatibus, in eum ex aliquid harum tempora quia nam sed sint
nisi recusandae, laudantium vel vero saepe. Consectetur fugit pariatur hic blanditiis vitae iusto,
exercitationem incidunt fugiat expedita natus debitis quis tempora architecto obcaecati facere
cumque a! Rerum corrupti voluptatibus numquam odio neque ex aliquid, aut velit voluptate iste
asperiores sunt voluptas tenetur molestiae praesentium similique, nemo eveniet. Officia id quidem
atque esse aliquid delectus animi ab vel similique nulla dolore corporis quas, pariatur blanditiis
inventore et?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quasi suscipit non nam, temporibus
quibusdam minima sunt quaerat ullam magnam aliquid odit porro deleniti error repellendus qui quo
fugiat incidunt sint officiis corrupti! Iure sunt, adipisci vitae consectetur atque nobis
voluptatibus temporibus itaque necessitatibus, in eum ex aliquid harum tempora quia nam sed sint
nisi recusandae, laudantium vel vero saepe. Consectetur fugit pariatur hic blanditiis vitae iusto,
exercitationem incidunt fugiat expedita natus debitis quis tempora architecto obcaecati facere
cumque a! Rerum corrupti voluptatibus numquam odio neque ex aliquid, aut velit voluptate iste
asperiores sunt voluptas tenetur molestiae praesentium similique, nemo eveniet. Officia id quidem
atque esse aliquid delectus animi ab vel similique nulla dolore corporis quas, pariatur blanditiis
inventore et?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quasi suscipit non nam, temporibus
quibusdam minima sunt quaerat ullam magnam aliquid odit porro deleniti error repellendus qui quo
fugiat incidunt sint officiis corrupti! Iure sunt, adipisci vitae consectetur atque nobis
voluptatibus temporibus itaque necessitatibus, in eum ex aliquid harum tempora quia nam sed sint
nisi recusandae, laudantium vel vero saepe. Consectetur fugit pariatur hic blanditiis vitae iusto,
exercitationem incidunt fugiat expedita natus debitis quis tempora architecto obcaecati facere
cumque a! Rerum corrupti voluptatibus numquam odio neque ex aliquid, aut velit voluptate iste
asperiores sunt voluptas tenetur molestiae praesentium similique, nemo eveniet. Officia id quidem
atque esse aliquid delectus animi ab vel similique nulla dolore corporis quas, pariatur blanditiis
inventore et?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quasi suscipit non nam, temporibus
quibusdam minima sunt quaerat ullam magnam aliquid odit porro deleniti error repellendus qui quo
fugiat incidunt sint officiis corrupti! Iure sunt, adipisci vitae consectetur atque nobis
voluptatibus temporibus itaque necessitatibus, in eum ex aliquid harum tempora quia nam sed sint
nisi recusandae, laudantium vel vero saepe. Consectetur fugit pariatur hic blanditiis vitae iusto,
exercitationem incidunt fugiat expedita natus debitis quis tempora architecto obcaecati facere
cumque a! Rerum corrupti voluptatibus numquam odio neque ex aliquid, aut velit voluptate iste
asperiores sunt voluptas tenetur molestiae praesentium similique, nemo eveniet. Officia id quidem
atque esse aliquid delectus animi ab vel similique nulla dolore corporis quas, pariatur blanditiis
inventore et?</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi quasi suscipit non nam, temporibus
quibusdam minima sunt quaerat ullam magnam aliquid odit porro deleniti error repellendus qui quo
fugiat incidunt sint officiis corrupti! Iure sunt, adipisci vitae consectetur atque nobis
voluptatibus temporibus itaque necessitatibus, in eum ex aliquid harum tempora quia nam sed sint
nisi recusandae, laudantium vel vero saepe. Consectetur fugit pariatur hic blanditiis vitae iusto,
exercitationem incidunt fugiat expedita natus debitis quis tempora architecto obcaecati facere
cumque a! Rerum corrupti voluptatibus numquam odio neque ex aliquid, aut velit voluptate iste
asperiores sunt voluptas tenetur molestiae praesentium similique, nemo eveniet. Officia id quidem
atque esse aliquid delectus animi ab vel similique nulla dolore corporis quas, pariatur blanditiis
inventore et?</p>
</section>
</article>
</div>
<div class="rightSide">
</div>
</body>
</html>