<![CDATA[
<!DOCTYPE html>
<html lang="hu">
<style>
body {
background: url('indexbg.png') no-repeat center center fixed; /* Set background image */
background-size: cover; /* Make sure the image covers the whole page */
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
color: red; /* Text color */
text-align: center;
}
/* Header Styles */
header {
background-color: rgba(0, 0, 0, 0.7); /* Dark translucent background */
padding: 20px;
box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
h1 {
margin: 0;
font-size: 36px;
color: #ffd700; /* Gold color for the header */
text-transform: uppercase;
letter-spacing: 3px;
}
/* Image Container */
.image-container {
display: flex;
justify-content: center;
margin-top: 20px;
}
.image-container img {
margin: 0 10px;
width: 150px; /* Adjust image size */
height: auto;
border-radius: 10px; /* Optional: Add rounded corners to the images */
}
/* Navigation Styles */
nav {
margin-top: 30px;
}
.menu-button {
display: inline-block;
background-color: red;
color: white;
padding: 15px 30px;
margin: 10px;
border: none;
border-radius: 10px;
font-size: 18px;
cursor: pointer;
text-decoration: none;
transition: background-color 0.3s, transform 0.3s;
}
.menu-button:hover {
background-color: blue;
transform: scale(1.1); /* Slight zoom effect */
}
/* Welcome Section */
.welcome {
margin-top: 20px;
font-size: 22px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.welcome p {
font-size: 18px;
}
/* Optional Hidden Sections */
#peti, #mango {
display: none;
margin-top: 30px;
}
/* Countdown Section */
.countdown {
font-size: 30px;
color: #00ff00;
font-weight: bold;
margin-top: 30px;
}
/* Anime Girl Styling */
.anime-girl {
margin-bottom: 20px; /* Space from the bottom */
}
.anime-girl img {
width: 100%; /* Adjust GIF size */
max-width: 800px;
height: auto;
}
</style>
<body>
<header>
<h1>Tapir Gang</h1>
</header>
<!-- Image Section: Three pictures next to each other -->
<div class="image-container">
<img src="image1.png" alt="Image 1">
<img src="image2.png" alt="Image 2">
<img src="image3.png" alt="Image 3">
</div>
<nav>
<a href="peti.html" class="menu-button">Csá Peti</a>
<a href="mango.html" class="menu-button">Mangó gyüssz DarkOrbitozni</a>
<a href="party.html" class="menu-button">VÃzipipa Party</a>
<a href="mangogame/mangogame.html" class="menu-button">🥠Mangó Game</a>
</nav>
<div class="welcome">
<p>Katt a menüre, ha mersz!</p>
<p>Helló világ! Ez itt az oldal, ahol semminek sincs értelme. Tapir = jó arc</p>
</div>
<!-- Optional hidden sections -->
<div id="peti" style="display:none;">
<h2>😎 Csá Peti! Mi a helyzet?</h2>
</div>
<div id="mango" style="display:none;">
<h2>🥠Mangó haver, te tényleg jössz dárkorbitozni? Legendás lesz!</h2>
</div>
<!-- Anime Girl GIF Section -->
<div class="anime-girl">
<img src="https://i.pinimg.com/originals/76/27/b7/7627b75c46d61c0d64814032297eb193.gif" alt="csajom">
</div>
</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>
]]>