- <!DOCTYPE html>
- <html>
- <head>
- <script type="text/javascript" src="kar.js"></script>
- <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>Zenia Community - Be right back</title>
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
- <link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Signika" rel="stylesheet">
- <style type="text/css">
- html, body {
- height: 100%;
- width: 100%;
- padding: 0;
- margin: 0 auto;
- margin-top: -10px;
- color: #fff;
- }
- .two {
- background-image: url(background.png);
- background-size: cover;
- width: 100%;
- height: 100%;
- }
- .button {
- padding: 10px 33px;
- border-radius: 25px;
- margin: 15px;
- }
- .staff-t {
- font-size: 25px;
- font-family: 'Arimo', sans-serif;
- }
- .staff-b {
- font-size: 15px;
- font-family: 'PT Sans Narrow', sans-serif;
- }
- .staff-img:hover {
- border: 5px solid #A31111;
- }
- .menu a { display: inline-block; padding-bottom: 3px; margin-right: 5px; text-decoration: none; color: black; font-family: 'PT Sans', sans-serif; }
- .menu a:last-child { margin-right: -13; }
- .menu a:after { content: ''; display: block; margin: auto; height: 3px; width: 0px; background: transparent; transition: width .4s ease, background-color .5s ease; }
- .menu a:hover:after { width: 100%; background: #A31111; }
- .back-to-top { top: 90%; left: 85%; }
- .back-to-top a { display: none; border-radius: 5px; text-decoration: none; padding: 10px 14px; background: #FFBF00; color: black; font-size: 30px; transition: 0.4s; }
- .back-to-top a:hover { color: #FFBF00; background: black; }
- .top { position: relative; top: 85%; text-align: center; font-size: 40px; }
- .top a { transition: 0.4s; padding: 15px; color: #FFBF00; text-decoration: none;
- -webkit-animation: sdb04 2s infinite;
- animation: sdb04 2s infinite;
- box-sizing: border-box; }
- .top a:hover { font-size: 50px; }
- @-webkit-keyframes sdb04 {
- 0% {
- -webkit-transform: translate(0, 0);
- }
- 20% {
- -webkit-transform: translate(-10px, -10px);
- }
- 40% {
- -webkit-transform: translate(0, 0);
- }
- }
- @keyframes sdb04 {
- 0% {
- transform: translate(0, 0);
- }
- 20% {
- transform: translate(-10px, -10px);
- }
- 40% {
- transform: translate(0, 0);
- }
- }
- .brand img {
- position: fixed;
- top: 5px;
- left: 7%;
- }
- .character-1 {
- position: relative;
- top: 110px;
- }
- .brand-text {
- position: fixed;
- top: 26px;
- left: 15%;
- }
- .c-img-1:hover {
- height: 180px;
- width: 180px;
- transition: 0.4s;
- }
- .s-media a { border-radius: 100px; text-decoration: none; padding: 10px; transition: 0.4s; }
- .fa-facebook { color: #3b5998; }
- .fa-facebook:hover { border: solid 2px #3b5998; background: #3b5998; color: white; }
- .fa-instagram { color: #c32aa3; }
- .fa-instagram:hover { border: solid 2px #c32aa3; color: white; background: #c32aa3; }
- .fa-steam { color: #2d89ef; }
- .fa-steam:hover { border: solid 2px #2d89ef; background: #2d89ef; color: white; }
- .fa-youtube { color: #ff0000; }
- .fa-youtube:hover { border: solid 2px #ff0000; background: #ff0000; color: white; }
- .fa-angle-up { font-size: 25px; background: black; color: white; padding: 11px; border-radius: 100px; transition: 0.4s; }
- .fa-angle-up:hover { background: white; color: black; }
- .g-tanıtım {
- background: black;
- width: 100%;
- padding: 10px;
- color: white;
- font-family: 'Poppins', sans-serif;
- font-size: 15px;
- }
- .g-baslik {
- font-size: 15px;
- background: #941108;
- padding: 10px;
- width: 100%;
- color: white;
- }
- .g-resim-t {
- height: 220px;
- width: 210px;
- }
- .g-resim-t:hover {
- height: 180px;
- width: 180px;
- transition: 0.4s;
- }
- /*mobil sürüm*/
- @media only screen and (max-width: 767px) {
- #none {
- display: none;
- }
- #menu-bg {
- height: 100px;
- width: 160px;
- }
- .menu-a {
- left: 1%;
- }
- #m-logo {
- height: 80px;
- width: 80px;
- }
- .menu-b {
- right: 1%;
- }
- }
- #crac.character-2 text-center {
- font-size: 10px;
- }
- .menu a:last-child {
- margin-right: -25px;
- }
- </style>
- </head>
- <body>
- <section class="two">
- <div class="fixed-top" style="background: #131c20; width: 100%; height: 46px;">
- <div class="text-center">
- <img id="menu-bg" src="https://i.ibb.co/XV9PYck/index3.png" height="120" width="230"/>
- <div class="logo">
- <div class="text-center fixex-top m-logo" style="position: fixed; top: 50px; left: 50%; transform: translate(-50%, -50%);">
- <img id="m-logo" src="https://i.ibb.co/QDs1vxq/index1-1.png" height="140" width="140"/>
- </div>
- </div>
- </div>
- </div>
- <div class="fixed-top menu" style="font-family: 'Signika', sans-serif; font-size: 17px; position: fixed; top: 10px;">
- <div class="menu-a" style="position: fixed; left: 1%;">
- <a href="https://www.z-roleplay.com/forum" class="px-4 text-white">Forum</a>
- <a href="" id="none" class="px-4 text-white">Portal</a>
- </div>
- <div class="menu-b" style="position: fixed; right: 1%;">
- <a href="https://www.discord.me/zeniarpg" id="none" class="px-4 text-white">Discord</a>
- <a href="https://www.z-roleplay.com" class="px-4 text-white">Karakter Paneli</a>
- </div>
- </div>
- <div class="container mt-3" style="position: absolute; top: 300px; transform: translate(-50%, -50%); left: 50%;">
- <div id="myCarousel" class="animated zoomInUp carousel slide" data-ride="carousel">
- <div class="carousel-inner text-center">
- <div class="carousel-item active">
- <p class="display-2" style="font-size: 40px; font-family: 'Fira Sans', sans-serif;">Panel</p>
- <br>
- <p class="display-2" style="font-size: 25px;">Sevgili ziyaretçimiz, karakter panelimiz <br>şu anda bakım halindedir.Anlayışınız için teşekkür ederiz. </p>
- <br>
- <a href="https://z-roleplay.com" class="button btn btn-outline-warning">BAKIM HALİNDE </a>
- </div>
- <div class="carousel-item">
- <p class="display-2" style="font-size: 40px; font-family: 'Fira Sans', sans-serif;">Forum</p>
- <br>
- <p class="display-2" style="font-size: 25px;">Forum adresimiz aktif edildi!<br>Ne duruyorsun? Sende hemen kaydını oluştur ve aramıza katıl !</p>
- <br>
- <a href="https://z-roleplay.com/forum/index.php?/login" class="button btn btn-outline-warning">Kayıt Ol</a>
- <a href="https://z-roleplay.com/forum/index.php?/register/" class="button btn btn-outline-warning">Giriş yap</a>
- </div>
- <div class="carousel-item">
- <p class="display-2" style="font-family: 'Fira Sans', sans-serif; font-size: 40px;">Discord</p>
- <br>
- <p class="display-2" style="font-size: 25px;">Discord sunucumuza katılarak<br>sunucu hakkında detaylı tüm bilgilere sahip olabilirsiniz !</p>
- <br>
- <a href="https://www.discord.me/zeniarpg" class="button btn btn-outline-warning">Discord Sunucusu</a>
- </div>
- </div>
- <a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
- <span class="carousel-control-prev-icon"></span>
- </a>
- <a class="carousel-control-next" href="#myCarousel" data-slide="next">
- <span class="carousel-control-next-icon"></span>
- </a>
- </div>
- </div>
- <div class="back-to-top fixed-top">
- <a href="#" id="brt" class="fas fa-angle-double-up"></a>
- </div>
- </section>
- <section class="staff" style="background: #131c20; width: 100%; height: 73%;">
- <div class="body-2" style="width: 100%; padding: 15px;">
- <div class="animated zoomInRight staff-text text-center">
- <br><br><br><p style="font-size: 30px; font-family: 'Quicksand', sans-serif;"><font color="gray">STAFF </font><font color="white">TEAM</font></p>
- </div>
- <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
- <ol class="carousel-indicators" style="position: relative; top: 5%;">
- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
- <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
- <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
- <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
- </ol>
- <div class="animated zoomInRight carousel-inner text-center">
- <br><div class="carousel-item active">
- <a href=""><img class="staff-img" src="https://z-roleplay.com/forum/uploads/monthly_2018_12/5c023f37327d3_Kcuf2.thumb.png.63d1069a606708bed70163fcbf3abd72.png" height="100" width="100" style="border-radius: 100px; transition: 0.4s;"></a>
- <br>
- <br>
- <br>
- <p class="staff-t"><font color="white">Kcuf</font></p>
- <p class="staff-b"><font color="gray">Director Management</font></p>
- </div>
- <div class="carousel-item">
- <a href=""><img class="staff-img" src="https://z-roleplay.com/forum/uploads/monthly_2018_12/avatarss.thumb.jpg.13af705542996c3ce2b54febff0684f2.jpg" height="100" width="100" style="border-radius: 100px; transition: 0.4s;"></a>
- <br>
- <br>
- <br>
- <p class="staff-t"><font color="white">Zeta</font></p>
- <p class="staff-b"><font color="gray">Lead Manager</font></p>
- </div>
- <div class="carousel-item">
- <a href=""><img class="staff-img" src="https://z-roleplay.com/forum/uploads/monthly_2018_12/bVgg6n.jpg.f644e946319759cf351e0ff30d360b4a.jpg" height="100" width="100" style="border-radius: 100px; transition: 0.4s;"></a>
- <br>
- <br>
- <br>
- <p class="staff-t"><font color="white">Silver</font></p>
- <p class="staff-b"><font color="gray">Developer Designer</font></p>
- </div>
- <div class="carousel-item">
- <a href=""><img class="staff-img" src="https://z-roleplay.com/forum/uploads/monthly_2018_12/439496_1273515333306_full.jpg.1e0801f05509bead557a232fec55d50e.jpg" height="100" width="100" style="border-radius: 100px; transition: 0.4s;"></a>
- <br>
- <br>
- <br>
- <p class="staff-t"><font color="white">Armen</font></p>
- <p class="staff-b"><font color="gray">Senior Admin</font></p>
- </div>
- </div>
- </div>
- </section>
- <div class="g-tanıtım tanıtım">
- <center><p class="g-baslik">Test</p>
- <br>
- <img class="g-resim-t" src="https://i.ibb.co/BcKrVRP/BA-KAN.png"/>
- <br>
- <br>
- Los Santos valisi olarak göreve basladığından bu yana kibirli ve kendi beğenmiş karakteristik yapısıyla halk tarafından fazlasıyla eleştirilen Castillo,
- devlet kurumlarından bağımsız hareketleriyle gündeme fazlasıyla gelmekte.
- <br>Çeşitli şirketlerle ve yapılanmalarla, gizli anlaşmalarla şehrin projelerini ilerletmekte olan Castillo, ilerleyen aylardaki seçimler için gizli işler çeviriyor olabilir ...
- </center></div>
- <div class="g-tanıtım tanıtım-2">
- <center><p class="g-baslik">Test</p>
- <br>
- <img class="g-resim-t" src="https://i.ibb.co/hDwgMMB/ilindex.png"/>
- <br>
- <br>
- Gattuso Denaro ; Şehirin boğuştuğu kaos ortamından kazançlı çıkan ve şehire yaptığı örgütlenmeyle ün salmış kişi.
- <br>İşlettiği kumarhane iş yaptığı ortaklarının ve ailelerinin odak noktası haline geldiği, alt kesimin ise içeriyi görmek için
- <br>can attığı sayılı mekanlardan biri haline gelmiş durumda.<br>
- Onunla beraber iş yapabilirsen adını şehirde duyurma şansın da artacaktır...
- </center>
- </div>
- <div class="g-tanıtım tanıtım-3">
- <center><p class="g-baslik">Test</p>
- <br>
- <img class="g-resim-t" src="https://i.ibb.co/1sTKCfW/pdindex2psd.png"/>
- <br>
- <br>
- Mathew Baker ; Kendisini "Hiyerarşinin Tanrısı" olarak tanımlayan Baker; kimine göre bir kahraman, kimine göre ise egoist bir sadist.
- Emekli lspd memurlarının halka anlattığı hikayeler arasında Baker'in departmana gelen ve büyük suç işlemiş kişiler ile
- bizzat ilgilendiği var.<br> Eheh! bu adama kimse saygısızlık yapmak istemez sanırım... <br>Baker, kendisini Los Santos'da ki suç
- örgütlerini sonlandırmaya adamış bir halk adamı olarak tanımlıyor.Ayrıca Baker'in Vali Castillo'nun aldığı emirlerden
- bazılarına karşı geldiği ve bu yüzden hakkında soruşturmalarda açıldığı halk tarafından biliniyor.
- </center>
- </div>
- <section class="text-center footer" style="background: #131c20; width: 100%; height: 36%;">
- <div class="body-x" style="width: 100%; padding: 15px;">
- <div class="footer-size">
- <img height="100" width="100" src="https://i.ibb.co/QDs1vxq/index1-1.png"/>
- <hr class="col-xs-12">
- <div class="s-media" style="font-size: 25px;">
- <a href="https://www.facebook.com/zeniaroleplay" class="fab fa-facebook"></a>
- <a href="https://www.instagram.com/zeniaroleplay" class="fab fa-instagram"></a>
- <a href="https://steamcommunity.com/groups/ZeniaRPG" class="fab fa-steam"></a>
- <a href="https://www.youtube.com/ZeniaRPG" class="fab fa-youtube"></a>
- </div>
- <br>
- <a href="#" id="brt-son" class="fas fa-angle-up" style="position: relative; text-decoration: none;"></a>
- </div>
- </div>
- </section>
- <nav class="py-2 text-center text-white" style="background: black; font-size: 15px;">
- Zenia Roleplay - 2019 ©
- </nav>
- <script>
- $(window).on("scroll",function() {
- if ($(this).scrollTop() > 50 ) {
- $('#brt').fadeIn(500);
- } else {
- $('#brt').fadeOut(300);
- }
- });
- $("#brt").on("click",function() {
- $("html, body").animate({scrollTop: 0}, 800);
- });
- $("#brt-3").on("click",function() {
- $("html, body").animate({scrollTop: 0}, 800);
- });
- $("#brt-2").on("click",function() {
- $("html, body").animate({scrollTop: 0}, 800);
- });
- $("#brt-son").on("click",function() {
- $("html, body").animate({scrollTop: 0}, 800);
- });
- </script>
- </body>
- </html>