<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<title>MPOSPORT Platform Olahraga Populer Online Livescore</title>
<link rel="canonical" href="https://gimana.net/" />
<link rel="amphtml" href="https://kitabisa.net/">
<meta name="description" content="MPOSPORT Adalah Sistem Informasi Olahraga Online Indonesia Yang Memberikan Info Pertandingan Bola With Best Rate & Promo All Around Asia">
<meta property="og:title" content="MPOSPORT Platform Olahraga Populer Online Livescore" />
<meta property="og:description" content="MPOSPORT Adalah Sistem Informasi Olahraga Online Indonesia Yang Memberikan Info Pertandingan Bola With Best Rate & Promo All Around Asia" />
<meta property="og:image" content="https://i.ibb.co/LXMnjXjb/ogmposport.jpg" />
<meta property="og:author" content="Link Promo MPOSPORT" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap">
<link rel="icon" type="image/png" href="img/favicon_new.ico">
<meta name="google-site-verification" content="cckt6k2ds1wiwF9kjxQWUsCSRE3H31pLnTHzBu1Ingg" />
<style>
/* From the :root element you can easily change the colors of the design, its size and so on. */
:root {
/* You can change the font family in the whole design here. (You need to add the font family to the codes.) */
--font_family: 'Inter', sans-serif;
/* You can change the font size here, is proportional to all texts. */
--font_size: 16px;
/* You can change the background color by typing the color code. (If you do not enter a background-image image, the background-color will be active.) */
--background_color: #001f3f;
--background_image: url("../img/wallpapernew.jpg");
body {
background: var(--background_color) var(--background_image) no-repeat center;
background-size: cover; /* Memastikan gambar memenuhi seluruh layar */
}
/* You can change the frame thickness and color of the picture by typing the number of pixels and the color code. */
--image_border_color: #002a5c;
--image_border_px: 3px;
/* You can change the width and size of the picture by typing the number of pixels. */
--image_width: 140px;
--image_height: 140px;
/* You can change the colors of the title and description section by typing the color codes. */
--title_color: #fff;
--description_color: #1E90FF;
/* You can change the colors of social media icons by changing the color code. */
--svg_color: #fff;
/* You can change the background, text color and active color of the menu by changing the color codes. */
--menu_background_color: #001f3f;
--menu_text_color: #fff;
--menu_active_text_color: #1E90FF;
/* You can change the button's background, text color and active color by changing the color codes. */
--button_background_color: #001f3f;
--button_text_color: #fff;
--button_text_hover_color: #1E90FF;
/* You can change the background, text color and active color of the text field by changing the color codes. */
--textarea_background_color: #001f3f;
--textarea_text_color: #fff;
--textarea_link_text_color: #1E90FF;
/* You can change the background, text color and active color of the footer area by changing the color codes. */
--footer_background_color: #001f3f;
--footer_text_color: #fff;
--footer_link_text_color: #1E90FF;
}
/* Basic Codes */
body {
font: var(--font_size) var(--font_family);
font-weight: 400;
line-height: 1.5;
background: var(--background_color) var(--background_image) no-repeat center;
min-height: 100vh;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.flex_column_center {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flex_row_center {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.flex_no_wrap_row_center {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
/* Logo, Title and Description Codes */
.header_img {
padding-top: 1em;
}
.header_img img {
height: var(--image_height);
width: var(--image_width);
border: var(--image_border_px) solid var(--image_border_color);
border-radius: 50%;
margin-bottom: 0.5em;
}
.header_text h1 {
color: var(--title_color);
font-size: 2em;
}
.header_text h2 {
color: var(--description_color);
font-size: 1.5em;
}
/* Social Media Icons Codes */
.header_svg_list {
padding-top: 1em;
}
.header_svg_item {
width: 2.1em;
height: 2.1em;
cursor: pointer;
}
.header_svg_item+.header_svg_item {
margin-left: 1em;
}
.header_svg_item img {
fill: var(--svg_color);
}
/* Menu Codes */
#header_nav_menu_item_1 {
color: var(--menu_active_text_color);
}
#header_nav_menu_item_2,
#header_nav_menu_item_3 {
color: var(--menu_text_color);
}
.header_nav_menu_list {
padding-top: 1em;
margin-left: 1em;
margin-right: 1em;
}
.header_nav_menu_item {
color: var(--menu_text_color);
background-color: var(--menu_background_color);
text-align: center;
list-style-type: none;
cursor: pointer;
padding: 0.5em;
border-radius: 0.3em;
transition: 0.10s ease;
font-size: 1.1em;
}
.header_nav_menu_item+.header_nav_menu_item {
margin-left: 0.4em;
}
/* Menu Container Codes */
main {
margin-bottom: auto;
}
#main_section_container_2,
#main_section_container_3 {
display: none;
}
.main_a_item {
margin-top: 1em;
text-decoration: none;
}
.main_text_item {
display: flex;
align-items: center;
justify-content: center;
color: var(--button_text_color);
background-color: var(--button_background_color);
width: 25em;
margin-top: 1em;
padding: 0.8em;
border-radius: 0.3em;
min-height: 3.7em;
text-align: center;
}
.main_button_item {
color: var(--button_text_color);
background-color: var(--button_background_color);
width: 25em;
border-radius: 1em;
min-height: 3.7em;
text-align: center;
cursor: pointer;
}
.main_small_button_list {
display: flex;
flex-direction: row;
}
.main_small_a_item {
margin-top: 1em;
text-decoration: none;
}
.main_small_a_item+.main_small_a_item {
margin-left: 10px;
}
.main_small_button_item:hover,
.main_button_item:hover {
color: var(--button_text_hover_color);
transform: scale(1.02);
transition: 0.10s ease;
}
.main_small_button_item {
color: var(--button_text_color);
background-color: var(--button_background_color);
width: calc(25em / 2 - 5px);
border-radius: 1em;
min-height: 3.7em;
text-align: center;
cursor: pointer;
}
/* Footer Codes */
.footer_div_item {
color: var(--footer_text_color);
background: var(--footer_background_color);
padding: 1em;
margin-top: 1.5em;
}
.footer_a_item {
color: var(--footer_link_text_color);
text-decoration: none;
}
/* Responsive Codes */
@media (max-width: 768px) {
.main_text_item {
width: 92vw;
}
.main_small_button_item {
width: calc(92vw / 2 - 5px);
}
.main_footer_item {
width: 92vw;
}
.main_button_item {
width: 92vw;
}
.header_h_item {
width: 92vw;
text-align: center;
}
}
* {
box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
button,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Define the rainbow-text animation */
@keyframes rainbow-text {
0% {
color: #001f3f;
}
14% {
color: #002a5c;
}
28% {
color: #003366;
}
42% {
color: #004080;
}
57% {
color: #00509e;
}
71% {
color: #005c9d;
}
85% {
color: #00509e;
}
100% {
color: #001f3f;
}
}
/* Apply the rainbow text effect to the button on hover */
.main_button_item:hover {
animation: rainbow-text 4s linear infinite;
}
/* Waving Background Animation */
@keyframes waving-background {
0% {
background: linear-gradient(45deg, #001f3f, #002a5c);
}
25% {
background: linear-gradient(45deg, #002a5c, #003767);
}
50% {
background: linear-gradient(45deg, #003767, #001f3f);
}
75% {
background: linear-gradient(45deg, #001f3f, #002a5c);
}
100% {
background: linear-gradient(45deg, #002a5c, #001f3f);
}
}
/* Apply the waving background animation to the button */
.waving-background {
animation: waving-background 4s linear infinite;
background-size: 200% 200%;
color: #fff;
transition: color 0.3s ease;
}
/* Change text color on hover */
.waving-background:hover {
color: var(--button_text_hover_color);
}
/* Neon Border Animation */
@keyframes neon-border {
0% {
transform: translateX(0) rotate(0deg);
box-shadow: 0 0 10px rgba(0, 100, 255, 0.8), 0 0 20px rgba(0, 100, 255, 0.8);
}
25% {
transform: translateX(50px) rotate(90deg);
box-shadow: 0 0 10px rgba(0, 100, 255, 0.8), 0 0 20px rgba(0, 100, 255, 0.8);
}
50% {
transform: translateY(50px) rotate(180deg);
box-shadow: 0 0 10px rgba(0, 100, 255, 0.8), 0 0 20px rgba(0, 100, 255, 0.8);
}
75% {
transform: translateX(-50px) rotate(270deg);
box-shadow: 0 0 10px rgba(0, 100, 255, 0.8), 0 0 20px rgba(0, 100, 255, 0.8);
}
100% {
transform: translateY(-50px) rotate(360deg);
box-shadow: 0 0 10px rgba(0, 100, 255, 0.8), 0 0 20px rgba(0, 100, 255, 0.8);
}
}
/* Apply the neon border animation to the button */
.neon-border {
animation: neon-border 4s linear infinite;
color: var(--button_text_color);
background: linear-gradient(45deg, #001f3f, #002a5c);
border: 3px solid transparent;
border-radius: 1em;
position: relative;
}
/* Change text color on hover */
.neon-border:hover {
color: var(--button_text_hover_color);
animation-play-state: paused;
border-color: rgba(0, 100, 255, 0.8);
box-shadow: 0 0 10px rgba(0, 100, 255, 0.8), 0 0 20px rgba(0, 100, 255, 0.8);
}
.main_footer_item {
align-items: center;
justify-content: center;
color: var(--button_text_color);
background-color: var(--button_background_color);
width: 41em;
margin-top: 1em;
padding: 0.8em;
border-radius: 0.3em;
min-height: 3.7em;
text-align: center;
}
</style>
</head>
<body>
<header>
<!-- Logo, Title and Description Codes Start -->
<div class="header_img flex_column_center">
<img src="https://i.ibb.co/C5KC5d42/logomposport.png" alt="MPOSPORT" width="120" height="120">
</div>
<div class="header_text flex_column_center">
<h1 class="header_h_item">LINK PORTAL OLAHRAGA MPOSPORT</h1>
</div>
<!-- Logo, Title and Description Codes End -->
<!-- Social Media Icons Codes Start -->
<div class="header_svg_list flex_row_center">
<!-- Icon 1 Codes -->
<div class="header_svg_item">
<a href="https://t.me/mposport777_bot" target="_blank" rel="nofollow">
<img src="img/telegram-min.png" alt="Telegram MPOSPORT" width="40" height="40">
</a>
</div>
<!-- Icon 2 Codes -->
<div class="header_svg_item">
<a href="https://www.facebook.com/Mposportpulsa" target="_blank" rel="nofollow">
<img src="img/messenger-min.png" alt="Messenger MPOSPORT" width="40" height="40">
</a>
</div>
<!-- Icon 3 Codes -->
<div class="header_svg_item">
<a href="https://t.me/mposport777_bot" target="_blank" rel="nofollow">
<img src="img/whatsapp-min.png" alt="Whatsapp MPOSPORT" width="40" height="40">
</a>
</div>
<!-- Icon 4 Codes -->
<div class="header_svg_item">
<a href="https://twitter.com/mposport" target="_blank" rel="nofollow">
<img src="img/twitter-min.png" alt="Twitter MPOSPORT" width="40" height="40">
</a>
</div>
</div>
<!-- Social Media Icons Codes End -->
<!-- Menu Codes Start -->
<!-- <nav>
<ul class="header_nav_menu_list flex_no_wrap_row_center">
<li data-target="#main_section_container_1" id="header_nav_menu_item_1" class="header_nav_menu_item" href="">Menu 1</li>
<li data-target="#main_section_container_2" id="header_nav_menu_item_2" class="header_nav_menu_item" href="">Menu 2</li>
<li data-target="#main_section_container_3" id="header_nav_menu_item_3" class="header_nav_menu_item" href="">Menu 3</li>
</ul>
</nav> -->
<!-- Menu Codes End -->
</header>
<main>
<!-- Menu Container 3 Codes Start -->
<section class="flex_column_center">
<!-- Menu Text Item -->
<div class="main_text_item">
<p>LINK AKSES PLATFORM MPOSPORT BARU</p>
</div>
<!-- Menu Item -->
<a class="main_a_item" href="https://okebonus.com/mine" target="_blank" rel="nofollow">
<button class="main_button_item waving-background">🔥 LOGIN UTAMA MPOSPORT</button>
</a>
<!-- Menu Item -->
<a class="main_a_item" href="https://okebonus.com/mine" target="_blank" rel="nofollow">
<button class="main_button_item">🔥 PORTAL OLAHRAGA MPOSPORT</button>
</a>
<!-- Menu Small Item -->
<div class="main_small_button_list">
<a class="main_small_a_item" href="https://okebonus.com/mine" target="_blank" rel="nofollow">
<button class="main_small_button_item" style="color:aquamarine">PROMO MPOSPORT</button>
</a>
<a class="main_small_a_item" href="https://okebonus.com/mine" target="_blank" rel="nofollow">
<button class="main_small_button_item" style="color:pink">LIVE SUPPORT</button>
</a>
</div>
<div class="main_text_item">
<p>MPOSPORT adalah platform olahraga digital yang menyediakan konten interaktif dengan kualitas tinggi. Dengan teknologi canggih dan sistem yang selalu diperbarui, setiap penggemar olahraga dapat menikmati pengalaman menonton dan berpartisipasi yang aman, nyaman, dan inovatif kapan saja. <br>
Melalui layanan <strong>link asli MPOSPORT</strong>, akses ke platform ini menjadi lebih mudah tanpa hambatan teknis. Link resmi ini disediakan langsung oleh pemilik platform, menjamin keaslian, keamanan, dan kredibilitas setiap interaksi bagi para pengguna.<br>
Selain menghadirkan pengalaman olahraga yang mendebarkan, MPOSPORT menawarkan berbagai keuntungan eksklusif bagi penggunanya. Berbagai promo menarik, quiz interaktif, dan program loyalitas disiapkan untuk menambah nilai setiap sesi menonton serta partisipasi aktif.<br>
Jangan lewatkan kesempatan untuk bergabung dan merasakan langsung keunggulan MPOSPORT sebagai pilihan utama hiburan olahraga digital berkualitas. Nikmati kemudahan akses melalui link resmi, ragam konten inovatif, serta layanan pelanggan yang selalu siap membantu. Ikuti pula event olahraga virtual dan tantangan quiz yang menyenangkan untuk menguji kemampuan dan pengetahuan Anda. Rasakan sensasi olahraga digital yang interaktif dan penuh semangat, serta nikmati berbagai kejutan menarik setiap harinya.</p>
</div>
</section>
<!-- Menu Container 3 Codes End -->
</main>
<footer>
<!-- Footer Codes Start -->
<div class="footer_div_item flex_row_center">
<a class="footer_a_item" href="#link">All Right Reserved </a> | MPOSPORT
</div>
</footer>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"a8bf657f8f234a23ab6cc7cdf2196188","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>