<!-- BUTCHER'S VEIN - neocities template by lorekeeping -->
<style>
</style>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Mystickal Compendium</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="maindiv">
<div class="header">
<h1>Mystickal Compendium</h1>
</div>
<div class="bar">
<h3>Think about your breathing patterns, also, did you drink water today?</h3>
</div>
<div class="row">
<div class="navigation">
<div class="titlebar">
<h3>Books</h3>
</div>
<div class="buttonholder">
<!--you can add however many links you like. you can remove any links youre not using, too.-->
<div class="navigationbutton">
<h4><a href="./pages/home.html" target="box1" style="color:var(--bordercolor);">Home</a></h4>
</div>
<div class="navigationbutton">
<h4><a href="link" style="color:var(--bordercolor);">Entries</a></h4>
</div>
<div class="navigationbutton">
<h4><a href="link" style="color:var(--bordercolor);">Creatures</a></h4>
</div>
<div class="navigationbutton">
<h4><a href="link" style="color:var(--bordercolor);">Quests</a></h4>
</div>
<div class="navigationbutton">
<h4><a href="link" style="color:var(--bordercolor);">Incidents</a></h4>
</div>
</div>
</div>
<div class="column" style="width:75%">
<iframe class="box1" name="box1" src="./pages/home.html" >
</iframe>
<div class="box2">
<!-- remove the <marquee> tag to stop the scrolling -->
<marquee behavior="alternate">
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/85dae5a2.jpg"/>
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/3e9a21b1.png"/>
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/c4b47f26.png"/>
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/cb1f10c3.jpg"/>
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/fb1ba12e.png"/>
<img src="https://file.garden/ZZ2PUl9MPilKgIvB/a7c2b901.gif"/>
</marquee>
</div>
</div>
</div>
</div>
</body>
</html>