<![CDATA[
<!DOCTYPE html>
<html lang="hu">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background: linear-gradient(135deg, #f0f4c3, #80cbc4);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 100vh;
}
header {
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
text-align: center;
padding: 20px;
animation: slideDown 1s ease-in-out;
}
h1 {
color: #fff;
font-size: 3em;
}
p {
color: #fff;
font-size: 1.2em;
}
.container {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px;
}
.card {
background-color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 250px;
text-align: center;
transition: transform 0.3s ease-in-out;
}
.card:hover {
transform: translateY(-10px);
}
.card h3 {
font-size: 1.5em;
margin-bottom: 10px;
}
.card p {
font-size: 1em;
color: #333;
}
footer {
margin-top: 40px;
background-color: rgba(0, 0, 0, 0.6);
padding: 10px;
width: 100%;
text-align: center;
}
footer p {
color: #fff;
}
@keyframes slideDown {
from {
transform: translateY(-50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
@media (max-width: 768px) {
.container {
flex-direction: column;
align-items: center;
}
.card {
width: 90%;
}
h1 {
font-size: 2.5em;
}
}
</style>
<body>
<header>
<h1>9.F Osztály</h1>
<p>Üdvözlünk az osztály hivatalos weboldalán!</p>
</header>
<div class="container">
<div class="card">
<h3>Tanárok</h3>
<p>Ismerd meg az osztályunk tanárait!</p>
</div>
<div class="card">
<h3>Órarend</h3>
<p>Nézd meg az aktuális órarendet!</p>
</div>
<div class="card">
<h3>Események</h3>
<p>Tartsd számon a közelgő eseményeket és programokat!</p>
</div>
</div>
<footer>
<p>© 2024 9.F Osztály</p>
</footer>
</body>
<br>Partneroldalak: <br>
<a href="http://domain.domainshop.hu/domain.html" alt="tárhely domainregisztráció">Domain regisztráció tár és szerverszolgáltatások: domain domainnév tárhely e-mail, imap, pop3</a><br>
<a href="http://www.webtar.hu" alt="tárhely donainregisztráció">www.webtar.hu</a><br>
<a href="http://www.micropay.hu" alt="micropay">www.micropay.hu</a><br>
<a href="http://www.ingyenweb.hu" alt="ingyenweb">www.ingyenweb.hu</a><br>
<a href="http://www.videok.hu" alt="Videók">www.videok.hu</a><br>
<a href="http://www.xn--antikvrium-x4a.hu" alt="Antikvárium">www.antikvárium.hu</a><br>
<a href="http://www.ftpdir.hu" alt="ftpdir">www.ftpdir.hu</a><br>
<a href="http://xn--fotk-sqa.hu" alt="fotók">www.fotók.hu</a><br>
<a href="http://www.randi.hu" alt="Randi">www.randi.hu</a><br>
<a href="http://www.licit.hu" alt="Licit">www.licit.hu</a><br>
<a href="http://www.napivicc.hu" alt="vicc">www.napivicc.hu</a><br>
<a href="http://www.gyertyalang.hu" alt="gyertyagyújtás">www.gyertyalang.hu</a><br>
<a href="http://www.xn--helyesrs-fza2j.hu" alt="helyesírás.hu">www.helyesírás.hu</a><br>
<a href="http://domain.webtar.hu/domain.html" alt="Domain regiszráció és tárhely">Domain regisztráció</a><br>
]]>