-
Notifications
You must be signed in to change notification settings - Fork 82
/
index.html
182 lines (178 loc) · 8.75 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Platformer.io</title>
<link rel="icon" href="/favicon.png" type="image/xcon" />
<link rel="stylesheet" href="/css/navbar.css" />
<link rel="stylesheet" href="/css/home.css" />
<link rel="stylesheet" href="/css/footer.css" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y2W1BSNMG9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-Y2W1BSNMG9');
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css" />
<script src="/js/navbar.js" defer></script>
</head>
<body>
<nav class="nav">
<i class="uil uil-bars navOpenBtn"></i>
<a href="/index.html" class="logo">Platformer.io</a>
<ul class="nav-links">
<i class="uil uil-times navCloseBtn"></i>
<li><a href="/index.html"><i class="fa-solid fa-house" style="margin-right: 5px;"></i>Home</a></li>
<li><a href="/games"><i class="fa-solid fa-gamepad" style="margin-right: 5px;"></i>Games</a></li>
<li><a href="/credits"><i class="fa-solid fa-users" style="margin-right: 5px;"></i>Credits</a></li>
<li><a href="/extras"><i class="fa-solid fa-circle-plus" style="margin-right: 5px;"></i>Extras</a></li>
<li><a href="/settings"><i class="fa-solid fa-gear" style="margin-right: 5px;"></i>Settings</a></li>
</ul>
</nav>
<div class="main">
<h1 style="padding: 0px 60px;">The Best Place for <b style="color: #1cd96a;">Unblocked</b> Games on Mars.</h1>
<h3 style="margin-top: 20px;"><b style="font-weight: 700;">141</b> free games playable by everyone!</h3>
<a href="/games" target="_parent"><button class="play">Play Now!</button></a>
</div>
<div class="about">
<h2 style="margin-bottom: 10px">What is <b style="color: #1cd96a;">Platformer.io</b>?</h2>
<h4 style="margin-bottom: 10px;">Platformer.io is a free unblocked gaming website that provides free games for
everyone! We host a wide variety of games, so you will never get bored on our site!</h4>
</div>
<div class="games">
<h2 class="games-title">Popular Games</h2>
<div class="games-grid">
<a target="_parent" href="/games/tomb-of-the-mask/">
<div class="game-card">
<img class="game-logo" src="/images/tombofthemask.png">
<h3 style="margin-bottom: 5px;">Tomb of the Mask</h3>
</div>
</a>
<a target="_parent" href="/games/idle-gang/">
<div class="game-card">
<img class="game-logo" src="/images/idlegang.avif">
<h3 style="margin-bottom: 5px;">Idle Gang</h3>
</div>
</a>
<a target="_parent" href="/games/table-tennis-world-tour/">
<div class="game-card">
<img class="game-logo" src="/images/tabletennisworldtour.jpeg">
<h3 style="margin-bottom: 5px;">Table Tennis World Tour</h3>
</div>
</a>
<a target="_parent" href="/games/dreadhead-parkour/">
<div class="game-card">
<img class="game-logo" src="/images/dreadheadparkour.avif">
<h3 style="margin-bottom: 5px;">Dreadhead Parkour</h3>
</div>
</a>
<a target="_parent" href="/games/happy-wheels/">
<div class="game-card">
<img class="game-logo" src="/images/happywheels.png">
<h3 style="margin-bottom: 5px;">Happy Wheels</h3>
</div>
</a>
<a target="_parent" href="/games/space-thing/">
<div class="game-card">
<img class="game-logo" src="/images/spacething.avif">
<h3 style="margin-bottom: 5px;">Space Thing</h3>
</div>
</a>
<a target="_parent" href="/games/swingo/">
<div class="game-card">
<img class="game-logo" src="/images/swingo.avif">
<h3 style="margin-bottom: 5px;">Swingo</h3>
</div>
</a>
<a target="_parent" href="/games/stickman-bike/">
<div class="game-card">
<img class="game-logo" src="/images/stickmanbike.avif">
<h3 style="margin-bottom: 5px;">Stickman Bike</h3>
</div>
</a>
</div>
</div>
<div class="partners">
<h2 class="partners-title">Partners</h2>
<div class="partners-grid">
<a target="_parent" href="https://totallyscience.co">
<div class="partner-card">
<img class="partner-logo" src="https://platformerio.bitbucket.io/images/totallyscience.png">
<h3 style="margin-bottom: 5px;">Totally Science</h3>
<h5>Totally Science - your one-stop destination for free online games and unblocked content! Youtube,
multiplayer games, Minecraft, and more.</h5>
</div>
</a>
<a target="_parent" href="https://bigfootshack.net/">
<div class="partner-card">
<img class="partner-logo" src="/images/bigfoot.png">
<h3 style="margin-bottom: 5px;">Bigfoot's Game Shack</h3>
<h5>Get ready to level up your gaming experience with Bigfoot's Game Shack, offering a massive selection
of over
500+ games built for Chromebook gaming.</h5>
</div>
</a>
<a target="_parent" href="https://moonlight.silvereen.net/">
<div class="partner-card">
<img class="partner-logo" src="/images/moonlight.png">
<h3 style="margin-bottom: 5px;">Moonlight</h3>
<h5>Browse tons of fun games for free with Moonlight. The cure to boredom at your fingertips.</h5>
</div>
</a>
<a target="_parent" href="#">
<div class="partner-card">
<img class="partner-logo" src="/images/thiscouldbeyou.gif">
<h3 style="margin-bottom: 5px;">This Could Be You!</h3>
<h5>We are open to new partners! Just contact me on Discord at the username Smartfoloo!</h5>
</div>
</a>
</div>
</div>
<div class="social">
<h2 style="margin-bottom: 10px;">Social</h2>
<ul class="social-icons icon-circle icon-rotate list-unstyled list-inline">
<li><a href="https://discord.gg/sSWRxaHhvA" target="_blank"><i class="fa-brands fa-discord"></i></a></li>
<li><a href="https://www.youtube.com/@platformerdotio" target="_blank"><i class="fa-brands fa-youtube"></i></a>
</li>
<li><a href="https://twitter.com/smartfoloo" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
<footer class="footer">
<div class="footer-logo">
<img class="footer-logo-image" src="/favicon.png">
<h2>Platformer.io</h2>
</div>
<div class="footer-links">
<ul>
<li><a href="/" target="_parent">Home</a></li>
<li><a href="/games/" target="_parent">Games</a></li>
<li><a href="/credits/" target="_parent">Credits</a></li>
<li><a href="https://forms.gle/FdMBtco9ysBZae8B9" target="_parent">Game Request</a></li>
<li><a href="/settings" target="_parent">Settings</a></li>
<li><a href="/terms" target="_parent">Terms and Conditions</a></li>
<li><a href="/privacy-policy" target="_parent">Privacy Policy</a></li>
</ul>
</div>
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: "en", layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL }, "google_translate_element");
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</footer>
</body>
<script src='/js/widgetbot.js' async defer>
new Crate({
server: '1100948504177815603', // Pl@tf0rmerio
channel: '1130968029069586523' // #💬︱chat
})
</script>
<script src="/js/index.js"></script>
</html>