You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
4.2 KiB
96 lines
4.2 KiB
<!-- 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>Online Grimoire</title>
|
|
<link rel="stylesheet" href="./styles.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="maindiv">
|
|
<div class="header">
|
|
<h1>Online Grimoire</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="link" style="color:var(--bordercolor);">LINK 1</a></h4>
|
|
</div>
|
|
<div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 2</a></h4>
|
|
</div>
|
|
<div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 3</a></h4>
|
|
</div>
|
|
<div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 4</a></h4>
|
|
</div>
|
|
<div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div>
|
|
<div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div><div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">LINK 5</a></h4>
|
|
</div>
|
|
<div class="navigationbutton">
|
|
<h4><a href="link" style="color:var(--bordercolor);">ADD HOWEVER MANY LINKS YOU WANT! THIS BOX SCROLLS</a></h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="column" style="width:75%">
|
|
<div class="box1">
|
|
<span class="bigtext">this text is bigger. and its even bold!</span> put anything you want here. talk about your site if you want. i dont know. im not your mom.
|
|
<br><strong>bold text looks like this.</strong> <a href="link">links look like this.</a>
|
|
<br>this box scrolls, by the way.
|
|
</div>
|
|
<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> |