<!DOCTYPE html>
<html lang="en">
<head>
<title>Merlis | Home</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content="Merlis" />
<meta name="author" content="Merlis" />
<meta name="description" lang="en" content="Merlis: Embark on an unforgettable adventure with modern systems on a modern and middle school server. Stay updated with the latest news and innovations about your favorite game!"/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://merlis.eu/assets/js/main.js"></script>
<link rel="stylesheet" href="https://merlis.eu/assets/css/style.css">
<link rel="stylesheet" href="https://merlis.eu/assets/css/slide.css">
<link rel="icon" type="image/png" href="https://merlis.eu/favicon.ico">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5Z5X3V8');</script>
<!-- End Google Tag Manager -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "oxv98y9deh");
</script>
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1530566903879483');
fbq('track', 'PageView');
</script>
</head>
<body class="server-1">
<script src="https://www.google.com/recaptcha/api.js?render=6LdkG5QfAAAAAGUackLB-ifkKg7kO7InFktJVmEb"></script>
<header class="main-header">
<div class="container">
<nav class="nav-container">
<div class="nav-logo">
<a href="https://merlis.eu">
<img src="https://merlis.eu/assets/img/logo-icon.png" alt="Merlis2">
</a>
</div>
<button class="mobile-menu-toggle" onclick="toggleMobileMenu()">
<i class="fas fa-bars"></i>
</button>
<ul class="nav-menu" id="mobileMenu">
<li class="nav-item active ">
<a href="https://merlis.eu">
<i class="fas fa-home"></i>
<span>Home</span>
</a>
</li>
<li class="nav-item ">
<a href="https://merlis.eu/register">
<i class="fas fa-user-plus"></i>
<span>Register</span>
</a>
</li>
<li class="nav-item ">
<a href="https://merlis.eu/ranking/player">
<i class="fas fa-trophy"></i>
<span>Ranking</span>
</a>
</li>
<li class="nav-item ">
<a href="https://merlis.eu/download">
<i class="fas fa-download"></i>
<span>Download</span>
</a>
</li>
<li class="nav-item">
<a href="https://forum.merlis.eu" target="_blank">
<i class="fas fa-comments"></i>
<span>Forum</span>
</a>
</li>
<li class="nav-item">
<a href="https://presentation.merlis.eu/" target="_blank">
<i class="fas fa-book"></i>
<span>Presentation</span>
</a>
</li>
</ul>
<div class="nav-right">
<a href="https://merlis.eu/download" class="download-button">
<i class="fas fa-download"></i>
<span>Download Game</span>
</a>
<div class="language-selector">
<button class="language-current" onclick="toggleLanguageDropdown(event)">
<img src="https://merlis.eu/assets/img/flag-en.png" alt="en">
</button>
<div class="language-dropdown" id="languageDropdown">
<a href="https://merlis.eu/change-language/en" class="language-option">
<img src="https://merlis.eu/assets/img/flag-en.png" alt="English">
<span>English</span>
</a>
<a href="https://merlis.eu/change-language/de" class="language-option">
<img src="https://merlis.eu/assets/img/flag-de.png" alt="Deutsch">
<span>Deutsch</span>
</a>
<a href="https://merlis.eu/change-language/tr" class="language-option">
<img src="https://merlis.eu/assets/img/flag-tr.png" alt="Türkçe">
<span>Türkçe</span>
</a>
<a href="https://merlis.eu/change-language/ro" class="language-option">
<img src="https://merlis.eu/assets/img/flag-ro.png" alt="Română">
<span>Română</span>
</a>
<a href="https://merlis.eu/change-language/it" class="language-option">
<img src="https://merlis.eu/assets/img/flag-it.png" alt="Italian">
<span>Italian</span>
</a>
<a href="https://merlis.eu/change-language/pt" class="language-option">
<img src="https://merlis.eu/assets/img/flag-pt.png" alt="Portuguese">
<span>Portuguese</span>
</a>
<a href="https://merlis.eu/change-language/es" class="language-option">
<img src="https://merlis.eu/assets/img/flag-es.png" alt="Spanish">
<span>Spanish</span>
</a>
<a href="https://merlis.eu/change-language/cz" class="language-option">
<img src="https://merlis.eu/assets/img/flag-cz.png" alt="Czech">
<span>Czech</span>
</a>
<a href="https://merlis.eu/change-language/pl" class="language-option">
<img src="https://merlis.eu/assets/img/flag-pl.png" alt="Poland">
<span>Poland</span>
</a>
</div>
</div>
</div>
</nav>
</div>
</header>
<script>
function toggleLanguageDropdown(event) {
event.stopPropagation();
const dropdown = document.getElementById('languageDropdown');
dropdown.style.display = dropdown.style.display === 'flex' ? 'none' : 'flex';
}
// Sayfa herhangi bir yerine tıklandığında dropdown'ı kapat
document.addEventListener('click', function(event) {
const dropdown = document.getElementById('languageDropdown');
if (dropdown.style.display === 'flex') {
dropdown.style.display = 'none';
}
});
function toggleMobileMenu() {
const menu = document.getElementById('mobileMenu');
menu.classList.toggle('active');
}
// Sayfa herhangi bir yerine tıklandığında menüyü kapat
document.addEventListener('click', function(event) {
const menu = document.getElementById('mobileMenu');
const menuButton = document.querySelector('.mobile-menu-toggle');
if (!menu.contains(event.target) && !menuButton.contains(event.target) && menu.classList.contains('active')) {
menu.classList.remove('active');
}
});
</script>
<style>
.main-header {
background: linear-gradient(180deg, rgba(15, 16, 19, 0.95) 0%, rgba(15, 16, 19, 0.85) 100%);
border-bottom: 1px solid rgba(61, 50, 35, 0.5);
padding: 15px 0;
position: relative;
z-index: 100;
}
.nav-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
.nav-logo {
flex-shrink: 0;
}
.nav-logo img {
height: 50px;
width: auto;
transition: transform 0.3s ease;
}
.nav-logo:hover img {
transform: scale(1.05);
}
.nav-menu {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.nav-item {
position: relative;
}
.nav-item a {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
color: #E0B16D;
text-decoration: none;
font-size: 14px;
font-weight: 500;
border-radius: 8px;
transition: all 0.3s ease;
}
.nav-item i {
font-size: 16px;
color: #FFA626;
}
.nav-item:hover a {
background: rgba(255, 166, 38, 0.1);
color: #FFA626;
transform: translateY(-2px);
}
.nav-item.active a {
background: linear-gradient(145deg, rgba(87, 13, 13, 0.3) 0%, rgba(61, 8, 8, 0.3) 100%);
border: 1px solid rgba(255, 166, 38, 0.2);
color: #FFA626;
}
.nav-right {
display: flex;
align-items: center;
gap: 15px;
}
.download-button {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 20px;
background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
border: 1px solid #FFA626;
border-radius: 8px;
color: #FFA626;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.download-button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(255, 166, 38, 0.2);
color: #FFA626;
}
.language-selector {
position: relative;
margin-left: 10px;
}
.language-current {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: rgba(15, 16, 19, 0.3);
border: 1px solid #3D3223;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
padding: 8px;
}
.language-current:hover {
border-color: #FFA626;
background: rgba(15, 16, 19, 0.5);
transform: translateY(-2px);
}
.language-current img {
width: 32px;
height: 22px;
border-radius: 4px;
object-fit: cover;
}
.language-dropdown {
position: absolute;
top: 100%;
right: 0;
margin-top: 10px;
background: rgba(15, 16, 19, 0.95);
border: 1px solid #3D3223;
border-radius: 12px;
padding: 12px;
display: none;
flex-direction: column;
gap: 10px;
min-width: 180px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
z-index: 1000;
}
.language-selector:hover .language-dropdown {
display: none;
}
.language-option {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
color: #E0B16D;
text-decoration: none;
border-radius: 8px;
transition: all 0.3s ease;
}
.language-option span {
font-size: 14px;
font-weight: 500;
}
.language-option:hover {
background: rgba(255, 166, 38, 0.1);
color: #FFA626;
transform: translateX(4px);
}
.language-option img {
width: 32px;
height: 22px;
border-radius: 4px;
object-fit: cover;
}
@media (max-width: 1200px) {
.nav-item a span {
display: none;
}
.nav-item a {
padding: 10px;
}
.nav-item i {
font-size: 18px;
}
}
@media (max-width: 768px) {
.nav-menu {
display: none;
}
}
/* Mobil Menü Butonu */
.mobile-menu-toggle {
display: none;
background: none;
border: none;
color: #FFA626;
font-size: 24px;
cursor: pointer;
padding: 10px;
}
/* Responsive Düzenlemeler */
@media (max-width: 991px) {
.nav-container {
padding: 8px 15px;
position: relative;
}
.nav-logo {
padding: 5px 0;
}
.nav-logo img {
height: 38px;
}
.mobile-menu-toggle {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
margin: 0;
background: rgba(255, 166, 38, 0.1);
border: 1px solid rgba(255, 166, 38, 0.2);
border-radius: 8px;
color: #FFA626;
transition: all 0.3s ease;
}
.mobile-menu-toggle:hover {
background: rgba(255, 166, 38, 0.15);
}
.nav-menu {
display: none;
position: fixed;
top: 70px;
left: 0;
right: 0;
bottom: 0;
background: rgba(15, 16, 19, 0.98);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-top: 1px solid rgba(255, 166, 38, 0.1);
padding: 20px;
z-index: 1000;
overflow-y: auto;
}
.nav-menu.active {
display: block;
}
.nav-item {
width: 100%;
margin-bottom: 10px;
background: linear-gradient(145deg, rgba(87, 13, 13, 0.1) 0%, rgba(61, 8, 8, 0.1) 100%);
border: 1px solid rgba(255, 166, 38, 0.1);
border-radius: 12px;
overflow: hidden;
transition: all 0.3s ease;
}
.nav-item:hover {
transform: translateX(5px);
background: linear-gradient(145deg, rgba(87, 13, 13, 0.2) 0%, rgba(61, 8, 8, 0.2) 100%);
border-color: rgba(255, 166, 38, 0.2);
}
.nav-item.active {
background: linear-gradient(145deg, rgba(87, 13, 13, 0.3) 0%, rgba(61, 8, 8, 0.3) 100%);
border-color: rgba(255, 166, 38, 0.3);
}
.nav-item a {
padding: 15px;
justify-content: flex-start;
gap: 15px;
}
.nav-item a span {
display: inline-block !important;
margin: 0;
font-size: 15px;
font-weight: 500;
color: #E0B16D;
}
.nav-item i {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #FFA626;
}
.nav-right {
display: flex;
align-items: center;
gap: 10px;
}
.download-button {
height: 40px;
padding: 0 15px;
background: linear-gradient(145deg, #570D0D 0%, #3D0808 100%);
border: 1px solid rgba(255, 166, 38, 0.5);
display: flex;
align-items: center;
justify-content: center;
}
.download-button i {
font-size: 18px;
}
.language-current {
width: 40px;
height: 40px;
padding: 8px;
background: rgba(15, 16, 19, 0.3);
border: 1px solid rgba(255, 166, 38, 0.2);
border-radius: 8px;
}
.language-current img {
width: 24px;
height: 16px;
border-radius: 2px;
}
.language-dropdown {
right: 0;
min-width: 200px;
background: rgba(15, 16, 19, 0.98);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 166, 38, 0.1);
border-radius: 12px;
padding: 10px;
}
.language-option {
padding: 12px;
border-radius: 8px;
}
}
@media (max-width: 576px) {
.nav-container {
padding: 5px 10px;
}
.nav-logo img {
height: 32px;
}
.mobile-menu-toggle {
width: 36px;
height: 36px;
}
.nav-menu {
top: 60px;
padding: 15px;
}
.nav-item a {
padding: 12px;
}
.nav-item a span {
font-size: 14px;
}
.download-button {
height: 36px;
padding: 0 12px;
}
.language-current {
width: 36px;
height: 36px;
padding: 6px;
}
}
</style>
<a id="discord" href="https://discord.gg/merliseu" target="_blank">
<img src="https://discord.com/api/guilds/1163463540368232540/widget.png?style=banner2" alt="Join Server">
</a>
<a id="widget1" href="https://forum.merlis.eu/threads/back-to-school-event.660/" target="_blank">
<img src="https://merlis.eu/assets/widgets/backtoschool.png" alt="Back to School">
</a>
<main class="main">
<div class="container">
<div class="row">
<div class="col-12 ">
<div class="img-fluid text-center mt-5 mb-5">
<img class="logomobile" src="https://merlis.eu/assets/img/logo.png">
<div id="video-section">
</div>
<script>
function updateCountdown() {
const firstTargetDate = new Date('2025-02-07T19:00:00').getTime(); // Hedef zaman UTC
function getBerlinTime() {
// Tarayıcıda Europe/Berlin saat dilimine göre doğru saati almak
return new Date().toLocaleString("en-US", {
timeZone: "Europe/Berlin"
});
}
function updateFirstCountdown() {
const now = new Date(getBerlinTime()).getTime(); // Almanya saat dilimine göre şu anki zaman
const distance = firstTargetDate - now;
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById('days').textContent = days.toString().padStart(2, '0');
document.getElementById('hours').textContent = hours.toString().padStart(2, '0');
document.getElementById('minutes').textContent = minutes.toString().padStart(2, '0');
document.getElementById('seconds').textContent = seconds.toString().padStart(2, '0');
}
// İlk geri sayımı başlat
setInterval(updateFirstCountdown, 1000);
}
document.addEventListener('DOMContentLoaded', updateCountdown);
</script>
</div>
</div>
<div class="col-12">
<div class="title-h1 text-center">
</div>
<div class="title-h2 text-center">
</div>
</div>
<div class="col-12 text-center">
</div>
<div class="col-12 text-center">
</div>
<div class="col-12 text-center">
</div>
</div>
</div>
<div class="container mt-3">
<div class="row">
<!--left sidebar-->
<div class="col-lg-3 col-md-12 col-12 col-l-12">
<div class="auth-login-panel">
<div class="auth-login-header">
<span class="auth-login-title">Login</span>
<a href="https://merlis.eu/register" class="auth-login-register">or <span>Register</span></a>
</div>
<form action="https://merlis.eu/login" method="POST" class="auth-login-form">
<input type="hidden" name="_token" value="qZItzhiUwzrdxDsjWNOnkAdmmPzcaNyJzmNMnJi6" autocomplete="off"> <input type="text" name="login" placeholder="Username" value="">
<input type="password" name="web_password" placeholder="Password" value="">
<div class="auth-login-links">
<a href="https://merlis.eu/forgot-username">Forgot Username?</a>
<a href="https://merlis.eu/forgot-password">Forgot Password?</a>
</div>
<input type="submit" value="Login" class="auth-login-submit">
</form>
</div>
<div class="rightBoxMobile">
<div class="d-flex justify-content-center">
<div class="selectBox text-center">
<img class="mt-4" src="https://merlis.eu/assets/img/discord-icon.svg"><br>
<a href="https://discord.gg/merliseu" target="_blank">Discord</a>
</div>
<div class="selectBox text-center">
<img class="mt-4" src="https://merlis.eu/assets/img/forum.svg"><br>
<a href="https://forum.merlis.eu">Forum</a>
</div>
<div class="selectBox text-center ">
<img class="mt-4" src="https://merlis.eu/assets/img/support.svg"><br>
<a href="#">Support</a>
</div>
</div>
</div>
<!-- Etkinlikler Bölümü -->
<div class="mt-3">
<div class="events-box">
<div class="events-header">
<div class="events-title-icon">
<div class="events-category-icon">
<i class="fas fa-calendar-alt"></i>
</div>
</div>
<h3>Events</h3>
</div>
<!-- Event List -->
<div class="events-list">
<div class="event-item">
<div class="event-icon">
<img src="https://merlis.eu/assets/img/events/img_enable_backtoschool_event.png"
alt="enable_backtoschool_event Event">
</div>
<div class="event-info">
<div class="event-title">event_title.enable_backtoschool_event</div>
<div class="event-status ending">
<i class="fas fa-hourglass-half"></i>
<span class="status-text">Ends in: 6 days 38 minutes</span>
</div>
</div>
</div>
<div class="event-item">
<div class="event-icon">
<img src="https://merlis.eu/assets/img/events/img_enable_snatch_event.png"
alt="enable_snatch_event Event">
</div>
<div class="event-info">
<div class="event-title">Snatch Event</div>
<div class="event-status starting">
<i class="fas fa-clock"></i>
<span class="status-text">Starts in: 3 hours 38 minutes</span>
</div>
</div>
</div>
<div class="event-item">
<div class="event-icon">
<img src="https://merlis.eu/assets/img/events/img_enable_yangcoupon_event.png"
alt="enable_yangcoupon_event Event">
</div>
<div class="event-info">
<div class="event-title">event_title.enable_yangcoupon_event</div>
<div class="event-status starting">
<i class="fas fa-clock"></i>
<span class="status-text">Starts in: 6 hours 38 minutes</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-3">
<div class="ranking-box">
<div class="ranking-header">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="Ranking">
<h3>Top Players</h3>
</div>
<div class="ranking-list">
<div class="ranking-item">
<div class="ranking-player">
<div class="player-avatar">
<img src="https://merlis.eu/assets/img/characterSura.png" alt="Character">
<span class="player-level">120</span>
</div>
<div class="player-info">
<span class="player-name">~ L U N A R A ~</span>
<span class="player-guild">Radiant</span>
</div>
</div>
</div>
<div class="ranking-divider"></div>
<div class="ranking-item">
<div class="ranking-player">
<div class="player-avatar">
<img src="https://merlis.eu/assets/img/characterSura.png" alt="Character">
<span class="player-level">120</span>
</div>
<div class="player-info">
<span class="player-name">~ S O L A R A ~</span>
<span class="player-guild">Radiant</span>
</div>
</div>
</div>
<div class="ranking-divider"></div>
<div class="ranking-item">
<div class="ranking-player">
<div class="player-avatar">
<img src="https://merlis.eu/assets/img/characterSura.png" alt="Character">
<span class="player-level">120</span>
</div>
<div class="player-info">
<span class="player-name">*HUNTER*</span>
<span class="player-guild">ALSANCAK</span>
</div>
</div>
</div>
<div class="ranking-divider"></div>
<div class="ranking-item">
<div class="ranking-player">
<div class="player-avatar">
<img src="https://merlis.eu/assets/img/characterSura.png" alt="Character">
<span class="player-level">120</span>
</div>
<div class="player-info">
<span class="player-name">Roxy</span>
<span class="player-guild">No Guild</span>
</div>
</div>
</div>
<div class="ranking-divider"></div>
<div class="ranking-item">
<div class="ranking-player">
<div class="player-avatar">
<img src="https://merlis.eu/assets/img/characterSura.png" alt="Character">
<span class="player-level">120</span>
</div>
<div class="player-info">
<span class="player-name">Raymond#1</span>
<span class="player-guild">No Guild</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--left sidebar-->
<div class="col-lg-9 col-md-12 col-12 col-l-12">
<!-- SliderMenu -->
<div class="row">
<div class="col-md-8">
<div class="middleSlideBox">
<div class="slideshow-container">
<div class="mySlides fade">
<a href="#" target="_blank">
<img src="https://merlis.eu/assets/img/slide3.png" style="width: 100%">
</a>
</div>
<div class="mySlides fade">
<a href="https://forum.merlis.eu/" target="_blank">
<img src="https://merlis.eu/assets/img/slide.png" style="width: 100%">
</a>
</div>
<div class="mySlides fade">
<a href="https://forum.merlis.eu/" target="_blank">
<img src="https://merlis.eu/assets/img/slide3.png" style="width: 100%">
</a>
</div>
<div class="mySlides fade">
<a href="https://forum.merlis.eu/" target="_blank">
<img src="https://merlis.eu/assets/img/slide.png" style="width: 100%">
</a>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<div class="d-flex justify-content-center">
<div class="squareLocate">
<div class="text-center">
<span class="square" onclick="currentSlide(1)"></span>
<span class="square" onclick="currentSlide(2)"></span>
<span class="square" onclick="currentSlide(3)"></span>
<span class="square" onclick="currentSlide(4)"></span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="col-md-3 col-12">
<div class="container">
<div class="row">
<div class="col-12">
<div class="rightBox mobileNone">
<a href="https://discord.gg/merliseu" target="_blank" class="select-box-title">
<div class="selectBox text-center">
<img class="mt-4" src="https://merlis.eu/assets/img/discord-icon.svg"><br>
Discord
</div>
</a>
<a href="https://forum.merlis.eu" target="_blank" class="select-box-title">
<div class="selectBox text-center">
<img class="mt-4" src="https://merlis.eu/assets/img/forum.svg"><br>
Forum
</div>
</a>
<a href="https://discord.gg/merliseu" target="_blank" class="select-box-title">
<div class="selectBox text-center">
<img class="mt-4" src="https://merlis.eu/assets/img/support.svg"><br>
Support
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SliderMenu -->
<style>
@media (max-width: 991px) {
.quick-links {
flex-direction: row;
justify-content: space-between;
padding: 10px;
gap: 10px;
}
.quick-link-item {
flex: 1;
padding: 12px;
}
.quick-link-icon {
width: 40px;
height: 40px;
}
.quick-link-text {
font-size: 12px;
}
.rightBox {
margin-top: 15px;
}
}
@media (max-width: 576px) {
.quick-link-item {
padding: 8px;
}
.quick-link-icon {
width: 32px;
height: 32px;
padding: 6px;
}
.quick-link-icon img {
width: 18px;
height: 18px;
}
}
</style>
<div class="container mt-3">
<div class="row">
<div class="col-md-12">
<div class="mainBorder">
<div class="text-center">
<img class="topImgClass" src="https://merlis.eu/assets/img/topImg.png">
</div>
<div class="mainContainer">
<!-- Başlık -->
<div class="news-dashboard-title">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h1>Merlis News</h1>
</div>
<div class="news-dashboard">
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/patch-notes-4-2-6.662/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Patch Notes : Patch Notes 4.2.6</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
3 days ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/back-to-school-event.660/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Events : Back to School Event</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
4 days ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/back-to-school-costumes.659/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Previews : Back To School Costumes</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
6 days ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/new-friends-window-design.656/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Previews : New Friends Window Design</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
1 week ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/lokis-eye-pvp.653/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Previews : Loki’s Eye (PvP)</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
2 weeks ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/patch-notes-4-2-5.647/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Patch Notes : Patch Notes 4.2.5</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
2 weeks ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/special-offer-september.644/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Previews : Special Offer : September</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
2 weeks ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/battle-pass-september.643/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Previews : Battle Pass : September</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
2 weeks ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/mob-hide.641/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Previews : Mob Hide</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
2 weeks ago
</div>
</a>
</div>
<div class="news-container">
<!-- Haber Başlığı -->
<a href="https://forum.merlis.eu/threads/patch-notes-4-2-4.635/" target="_blank" class="news-header">
<div class="news-header-left">
<img src="https://merlis.eu/assets/img/titleIcon.png" alt="News">
<h4>Patch Notes : Patch Notes 4.2.4</h4>
</div>
<div class="news-header-right">
<i class="far fa-clock"></i>
3 weeks ago
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script>
let slideIndex = 1;
showSlides(slideIndex);
let slideInterval = setInterval(function() {
plusSlides(1);
}, 5000);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("square");
if (n > slides.length) {
slideIndex = 1
}
if (n < 1) {
slideIndex = slides.length
}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
slides[i].style.opacity = "0";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex - 1].style.display = "block";
setTimeout(() => {
slides[slideIndex - 1].style.opacity = "1";
}, 50);
dots[slideIndex - 1].className += " active";
}
document.querySelector('.slideshow-container').addEventListener('mouseenter', () => {
clearInterval(slideInterval);
});
document.querySelector('.slideshow-container').addEventListener('mouseleave', () => {
slideInterval = setInterval(function() {
plusSlides(1);
}, 5000);
});
</script>
<footer class="footer-logo footer-bg-img">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-4 text-center mb-2 mb-md-0">
<a href="https://merlis.eu">
<img class="footer-logo-img" src="https://merlis.eu/assets/img/logo.png" alt="Merlis">
</a>
</div>
<div class="col-lg-6 col-md-4 mb-2 mb-md-0">
<div class="d-flex justify-content-center footer-nav">
<a href="https://merlis.eu" class="footer-main-link">Home</a>
<a href="https://merlis.eu/ranking/player" class="footer-main-link">Ranking</a>
<a href="https://merlis.eu/user" class="footer-main-link">My Account</a>
<a href="https://forum.merlis.eu" class="footer-main-link">Community</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="footer-social">
<a href="https://www.inforge.net/forum/" target="_blank" class="social-icon">
<img src="https://merlis.eu/assets/img/inforge.png" class="social-icon-img" alt="Inforge">
</a>
<a href="https://metin2hub.com/" target="_blank" class="social-icon">
<img src="https://merlis.eu/assets/img/m2hub.png" class="social-icon-img" alt="Metin2Hub">
</a>
<a href="https://www.elitepvpers.com/forum/metin2-pserver-advertising/" target="_blank" class="social-icon">
<img src="https://merlis.eu/assets/img/epvp.png" class="social-icon-img" alt="Epvp">
</a>
<a href="https://metin2pserver.net/" target="_blank" class="social-icon">
<img src="https://merlis.eu/assets/img/p-server.png" class="social-icon-img" alt="Pserver">
</a>
<a href="https://discord.gg/merliseu" target="_blank" class="social-icon"><i class="fab fa-discord"></i></a>
<a href="https://discord.gg/merliseu" target="_blank" class="social-icon"><i class="fab fa-youtube"></i></a>
<a href="https://www.instagram.com/merlis_eu/" target="_blank" class="social-icon"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="footer-bottom text-center">
<div class="kvkk-container">
<a href="" class="kvkk-link">User Agreement</a>
<a href="" class="kvkk-link">Privacy Policy</a>
</div>
<div class="copyright">
<span>© 2024 Merlis. All rights reserved.</span>
</div>
</div>
</div>
</footer>
<style>
.social-icon-img {
width: 20px;
height: 20px;
}
</style>
<script>
grecaptcha.ready(function () {
grecaptcha.execute("6LdkG5QfAAAAAGUackLB-ifkKg7kO7InFktJVmEb", {
action: 'validate_captcha'
}).then(function (token) {
$('#g-recaptcha-response').val(token);
$('#g-recaptcha-response2').val(token);
$('#g-recaptcha-response3').val(token);
});
});
</script>
<!-- jQuery ve DataTables JS -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.7/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.5.0/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.5.0/js/responsive.bootstrap5.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5Z5X3V8"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>