thatonekid
you want unblocked game sites… MAKE YOUR OWN here is code to mine
<!DOCTYPE html>
<html>
<head>
<!– AtoZSEOTools Counter Code START –>
<a href=“https://www.coolseotools.com/website-visitor-counter” target=“_blank” title=“Web Counter”>
<img src=“https://www.coolseotools.com/website-visitor-counter/count/&style=style11&show=p&num=5&uid=YZ” title=“Web Counter” alt=“AtoZSEOTools Web Counter” /img>
</a>
<!– AtoZSEOTools Counter Code END –>
<header>
<h2>Mathissfun</h2>
<p style=“color:grey;”>Basicly just a Trollsgames alternitive</p>
<a href=“https://trollsgames.nekoweb.org/GAMES.html”>
<button class=“button button1”>G@mes</button>
</a>
<a href=“https://rumbletalk.com/client/chat.php?h1SEwIT@”>
<button class=“button button2”>Chat</button>
</a>
<a href=“https://trollsgames.nekoweb.org/partner.html”>
<button class=“button button3”>Partner</button>
</a>
<br>
<br>
<img src=“https://upload.wikimedia.org/wikipedia/en/thumb/7/73/Trollface.png/220px-Trollface.png” alt=“Troll face”>
<br>
<p style=“color:grey;text-align:center;”>updates</p>
<p style=“color:grey;text-align:center”>on sunday 11/4/2024 Troll’s games was released </p>
<p style=“color:grey;text-align:center”>on sunday 11/22/2024 i added partnering </p>
<p style=“color:grey;text-align:center”>on monday 11/25/2024 i added a visiter counter </p>
<p style=“color:grey;text-align:center”>on monday 11/25/2024 I FIXED EAGLERCRAFT SORRY FOR THE WAIT</p>
<p style=“color:grey;text-align:center”>on monday 11/25/2024 i added more games :/</p>
</header>
<article>
</article>
<section>
</section>
<footer>
<a href=“https://chanceisstupid.carrd.co/”>
<button class=“button button4”>Info site/Emial me</button>
</a>
</footer>
<style>
- {
box-sizing: border-box;
}
body {
font-family: Arial, Helvetica, Comic;
}
/* Style the header */
header {
background-color: #191818;
padding: 30px;
text-align: center;
font-size: 35px;
color: grey;
}
/* Create two columns/boxes that floats next to each other /
nav {
float: left;
width: 10%;
height: 100px; / only for demonstration, should be removed */
background: #191818;
padding: 100px;
}
article {
float: center;
text-align: right;
padding: 20px;
width: 70%;
background-color: #191818;
height: 300px; /* only for demonstration, should be removed /
}
/ Style the list inside the menu */
nav ul {
list-style-type: none;
padding: 0;
}
/* Clear floats after the columns */
section::after {
content: "";
display: table;
clear: both;
}
/* Style the footer */
footer {
background-color: #191818;
padding: 10px;
text-align: center;
color: white;
}
/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
nav, article {
width: 100%;
height: auto;
}
}
.button {
border: none;
color: grey;
padding: 25px 50px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color: grey;
color: grey;
border: 2px grey;
}
.button1:hover {
background-color: grey;
color: grey;
}
.button2 {
background-color: grey;
color: grey;
border: 2px grey;
}
.button2:hover {
background-color: grey;
color: grey;
}
.button3 {
background-color: grey;
color: grey;
border: 2px grey;
}
.button3:hover {
background-color: grey;
color: grey;
}
.button4 {
background-color: grey;
color: grey;
border: 2px grey;
}
.button4:hover {
background-color: grey;
color: grey;
}
.button {
display: inline-block;
padding: 15px 25px;
font-size: 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
color: grey;
background-color: #262524;
border: none;
border-radius: 15px;
box-shadow: 0 9px black;
}
.button:hover {background-color: #0C0C0C}
.button:active {background-color: grey}
.button:active {
background-color: #0C0C0C;
box-shadow: 0 5px black;
transform: translateY(10px);
}
</style>
<title>Troll's games</title>
<body style=“background-color:#191818;”>
<button type=“button” onclick=“alert(‘Dont press random buttons bro 😡’)”>Whats this do?</button>
</body>
</html>