Teascade.net/index.html
2016-11-02 17:35:27 +02:00

36 lines
2.6 KiB
HTML

<html>
<head>
<link rel="stylesheet" href="/css/main.css">
<script src="/js/main.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body onload="main('about')">
<div class="cont">
<div class="teacup">
<img src="/img/teascade_cropped.svg"></img>
</div>
<div class="stuffarea">
<ul class="navbar">
<a href="#" id="about-link"><li><div class="button">About</div></li></a>
<a href="/games" id="games-link"><li><div class="button">Games</div></li></a>
<a href="/blog" id="blog-link"><li><div class="button">Blog</div></li></a>
</ul>
<div id="about">
<h1>Teascade</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat hendrerit placerat. Aliquam a dictum arcu, id iaculis metus. Phasellus aliquet suscipit ipsum, ut sollicitudin metus ultrices posuere. Quisque ut leo urna. Aenean ut justo rhoncus, sodales felis ut, ultricies mauris. Nam sed porttitor dui. Aliquam dui lectus, condimentum ac libero non, maximus imperdiet ipsum. Vivamus vehicula nulla arcu, in cursus metus molestie sed. Cras vitae leo libero. Donec in mauris vel mi tincidunt interdum. Aenean pulvinar dolor et libero volutpat varius. Vivamus id ex ut dolor lacinia volutpat a et lectus. Praesent sagittis luctus imperdiet. In mollis ante hendrerit nisl condimentum, vel varius nulla cursus. Nullam iaculis ut erat vitae mattis. </p>
</div>
<div id="games" class="hiddenarea">
<h1>Games</h1>
<p>Games shall be listed here!</p>
</div>
<div id="blog" class="hiddenarea">
<h1>Blog</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean feugiat hendrerit placerat. Aliquam a dictum arcu, id iaculis metus. Phasellus aliquet suscipit ipsum, ut sollicitudin metus ultrices posuere. Quisque ut leo urna. Aenean ut justo rhoncus, sodales felis ut, ultricies mauris. Nam sed porttitor dui. Aliquam dui lectus, condimentum ac libero non, maximus imperdiet ipsum. Vivamus vehicula nulla arcu, in cursus metus molestie sed. Cras vitae leo libero. Donec in mauris vel mi tincidunt interdum. Aenean pulvinar dolor et libero volutpat varius. Vivamus id ex ut dolor lacinia volutpat a et lectus. Praesent sagittis luctus imperdiet. In mollis ante hendrerit nisl condimentum, vel varius nulla cursus. Nullam iaculis ut erat vitae mattis. </p>
<p>Some other contact info and useless garbage about me.</p>
</div>
</div>
</div>
</body>
</html>