94 lines
2.1 KiB
HTML
94 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>MHS IT Club</title>
|
||
<style>
|
||
body {
|
||
font-family: Arial, Helvetica, sans-serif;
|
||
margin: 0;
|
||
background-color: #0f172a; /* dark blue */
|
||
color: #e5e7eb;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
header {
|
||
background-color: #020617;
|
||
padding: 20px;
|
||
text-align: center;
|
||
border-bottom: 3px solid #facc15; /* gold */
|
||
}
|
||
|
||
header h1 {
|
||
margin: 0;
|
||
color: #3b82f6; /* blue */
|
||
font-size: 1.8rem;
|
||
}
|
||
|
||
main {
|
||
max-width: 800px;
|
||
margin: 30px auto;
|
||
padding: 20px;
|
||
background-color: #020617;
|
||
}
|
||
|
||
p {
|
||
margin-bottom: 1em;
|
||
}
|
||
|
||
footer {
|
||
text-align: center;
|
||
padding: 15px;
|
||
font-size: 0.9rem;
|
||
color: #9ca3af;
|
||
border-top: 1px solid #1e293b;
|
||
}
|
||
|
||
a {
|
||
color: #facc15;
|
||
text-decoration: none;
|
||
}
|
||
|
||
a:hover {
|
||
text-decoration: underline;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<h1>MHS IT Club</h1>
|
||
</header>
|
||
|
||
<main>
|
||
<p>This is a temporary website for the MHS IT Club.</p>
|
||
|
||
<p>
|
||
Here at IT Club, we strive to teach students about programming
|
||
and computers in any way we can.
|
||
</p>
|
||
|
||
<p>
|
||
Since MHS does not offer the kind of IT classes we are interested in,
|
||
we decided to start this club ourselves.
|
||
</p>
|
||
|
||
<p>
|
||
Our goal is to teach programming in more depth, whether that’s
|
||
C, Python, or even Rust. At the end of the day, we’re here to learn
|
||
and have fun.
|
||
</p>
|
||
|
||
<p>
|
||
Soon we will have a schedule posted so everyone knows what’s
|
||
happening over the next 30 days.
|
||
</p>
|
||
|
||
<p>
|
||
If you have any questions, feel free to email:<br>
|
||
<a href="mailto:chris@minecartchris.cc">chris@minecartchris.cc</a><br>
|
||
<a href="mailto:finglaws@stu.masd.k12.wi.us">finglaws@stu.masd.k12.wi.us</a>
|
||
</p>
|
||
</main>
|
||
</body>
|
||
</html>
|