pantasya/00_playground/index.html

235 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>POCS - The Playground</title>
<link rel="icon" type="image/png" href="favicon.png" />
<style>
* {
font-family: sans-serif;
}
body {
background: #F0F0F0;
}
header {
color: white;
background: navy;
text-align: center;
margin: 16px 16px 0 16px;
padding: 16px;
border-left: 4px solid white;
border-right: 4px solid white;
border-top: 4px solid white;
border-bottom: none;
border-radius: 8px 8px 0 0;
box-shadow: 4px 4px 8px #505050;
}
main {
color: navy;
background: white;
margin: 0 16px 0 16px;
padding: 8px;
border-left: 4px solid white;
border-right: 4px solid white;
border-top: none;
border-bottom: none;
box-shadow: 4px 4px 8px #505050;
}
footer {
color: white;
background: navy;
text-align: center;
font-weight: bold;
margin: 0px 16px 16px 16px;
padding: 16px;
border-left: 4px solid white;
border-right: 4px solid white;
border-top: none;
border-bottom: 4px solid white;
border-radius: 0 0 8px 8px;
box-shadow: 4px 4px 8px #505050;
}
section.post {
margin: 32px 8px 32px 8px;
padding: 8px;
border: 1px solid navy;
border-radius: 8px;
box-shadow: 2px 2px 4px #505050 inset;
text-align: justify;
}
section.post p.indent {
text-indent: 50px;
}
.title {
}
.datetime {
float: right;
}
.clear {
clear: both;
}
.comments {
float: right;
}
hr {
border: 1px solid navy;
}
#container {
max-width: 800px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="container">
<header>
<h1>Pantasya Online Christian School</h1>
<h3>Welcome to the Playground</h4>
<h3>Where Study, Work and Play are One</h4>
<marquee width="200px">
<font size="3"><p>It doesn't matter whether you ride a carabao, tricycle, jeep, car, airplane, boat or you just walk to go somewhere the important is the experience, learning, and friends that you make on the way and you get to your destination safely.</p></font>
</marquee>
</header>
<main>
<section class="post">
<center>
<h2>
<div class="title">Information</div>
<div class="datetime"></div>
<div class="clear"></div>
</h2>
</center>
<hr>
<center>
<a href="about.html" target="_blank">About</a><br>
<br>
<a href="class_schedule.html" target="_blank">Class Schedule</a><br>
<a href="attendance.html" target="_blank">Attendance Record</a><br>
<a href="syllabus.html" target="_blank">Subjects Available</a><br>
<a href="student_info.html" target="_blank">Student Information</a><br>
<a href="rules.html" target="_blank">School Rules</a><br><br>
<a href="donations.html" target="_blank">Donations</a><br>
<a href="cashflow.html" target="_blank">Cash Flow</a><br><br>
<a href="tshirt.html" target="_blank">TShirt Designs</a><br>
<a href="logo.html" target="_blank">Logo Designs</a><br>
<br>
<a href="playgrounds.html" target="_blank">Playgrounds</a><br>
<br>
<a href="logo_contest.html" target="_blank">Logo Contest (for new playgrounds)</a><br>
<br>
<a href="chicks.html" target="_blank">Pantasya Chicks</a><br>
<a href="pigs.html" target="_blank">Pantasya Pigs</a><br>
<br>
<a href="gifts.html" target="_blank">Pantasya Gifts</a><br>
<br>
<br>
<a href="https://kiwiirc.com/client/irc.dal.net/pantasya">Chat Room</a><br>
<!--
<a href="https://kiwiirc.com/client/irc.libera.chat/pantasya">Chat Room</a><br>
-->
<center>
<hr>
<center>
<p>Any questions and suggestions please contact</p>
<a href="https://facebook.com/friaelagua" target="_blank">https://facebook.com/friaelagua</a>
<br><br>
or fria in our chat room
<br>
<hr>
<p><b>Mt10:8</b><br>Freely ye have recieved...<br>Freely give!</p>
</center>
</section>
</main>
<footer>
<h4>since 2022-09-01 FriaElAgua</h4>
</footer>
</div>
</body>
</html>