Facebook
From Torrid Earthworm, 5 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 296
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <html>
  5.  
  6.         <head>
  7.         <script type="text/javascript" src="kar.js"></script>
  8.                 <meta charset="utf-8">
  9.                 <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.                 <title>Zenia Community - Be right back</title>
  12.                 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  13.                 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  14.                 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  15.                 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  16.                 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  17.                 <link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet">
  18.                 <meta name="viewport" content="width=device-width, initial-scale=1">
  19.                 <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet">
  20.                 <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">
  21.                 <link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet">
  22.                 <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  23.                 <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
  24.                 <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
  25.                 <link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
  26.                 <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
  27.                 <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
  28.                 <link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
  29.                 <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
  30.                 <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  31.                 <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" rel="stylesheet">
  32.                 <link href="https://fonts.googleapis.com/css?family=Signika" rel="stylesheet">
  33.                 <style type="text/css">
  34.                 html, body {
  35.                         height: 100%;
  36.                         width: 100%;
  37.                         padding: 0;
  38.                         margin: 0 auto;
  39.                         margin-top: -10px;
  40.                         color: #fff;
  41.                 }      
  42.                
  43.                 .two {
  44.                         background-image: url(background.png);
  45.                         background-size: cover;
  46.                         width: 100%;
  47.                         height: 100%;
  48.                 }
  49.                
  50.                 .button {
  51.                         padding: 10px 33px;
  52.                         border-radius: 25px;
  53.                         margin: 15px;
  54.                 }
  55.                
  56.                 .staff-t {
  57.                         font-size: 25px;
  58.                         font-family: 'Arimo', sans-serif;
  59.                 }
  60.                 .staff-b {
  61.                         font-size: 15px;
  62.                         font-family: 'PT Sans Narrow', sans-serif;
  63.                 }
  64.                 .staff-img:hover {
  65.                         border: 5px solid #A31111;
  66.                 }
  67.                
  68.                 .menu a { display: inline-block; padding-bottom: 3px; margin-right: 5px; text-decoration: none; color: black; font-family: 'PT Sans', sans-serif; }    
  69.                 .menu a:last-child { margin-right: -13; }      
  70.                 .menu a:after { content: ''; display: block; margin: auto; height: 3px; width: 0px; background: transparent; transition: width .4s ease, background-color .5s ease; }
  71.                 .menu a:hover:after { width: 100%; background: #A31111; }
  72.                
  73.                 .back-to-top { top: 90%; left: 85%; }
  74.                 .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; }
  75.                 .back-to-top a:hover { color: #FFBF00; background: black; }
  76.                
  77.                 .top { position: relative; top: 85%; text-align: center; font-size: 40px; }
  78.                 .top a { transition: 0.4s; padding: 15px; color: #FFBF00; text-decoration: none;
  79.                 -webkit-animation: sdb04 2s infinite;
  80.                 animation: sdb04 2s infinite;
  81.                 box-sizing: border-box; }
  82.                 .top a:hover { font-size: 50px; }
  83.                 @-webkit-keyframes sdb04 {
  84.                 0% {
  85.                 -webkit-transform: translate(0, 0);
  86.                 }
  87.                 20% {
  88.                 -webkit-transform: translate(-10px, -10px);
  89.                 }
  90.                 40% {
  91.                 -webkit-transform: translate(0, 0);
  92.                 }
  93.                 }
  94.                 @keyframes sdb04 {
  95.                 0% {
  96.                 transform: translate(0, 0);
  97.                 }
  98.                 20% {
  99.                 transform: translate(-10px, -10px);
  100.                 }
  101.                 40% {
  102.                 transform: translate(0, 0);
  103.                 }
  104.                 }
  105.                
  106.                 .brand img {
  107.                         position: fixed;
  108.                         top: 5px;
  109.                         left: 7%;
  110.                 }
  111.                
  112.                 .character-1 {
  113.                         position: relative;
  114.                         top: 110px;
  115.  
  116.                 }
  117.                 .brand-text {
  118.                         position: fixed;
  119.                         top: 26px;
  120.                         left: 15%;
  121.                 }
  122.                
  123.                  .c-img-1:hover {
  124.                         height: 180px;
  125.                         width: 180px;
  126.                         transition: 0.4s;
  127.                  }
  128.                  
  129.                  .s-media a { border-radius: 100px; text-decoration: none; padding: 10px; transition: 0.4s; }
  130.                  
  131.                  .fa-facebook { color: #3b5998; }
  132.                  .fa-facebook:hover { border: solid 2px #3b5998; background: #3b5998; color: white; }
  133.                  
  134.                  
  135.                  .fa-instagram { color: #c32aa3; }
  136.                  .fa-instagram:hover { border: solid 2px #c32aa3; color: white; background: #c32aa3; }
  137.                  
  138.                  .fa-steam { color: #2d89ef; }
  139.                  .fa-steam:hover { border: solid 2px #2d89ef; background: #2d89ef; color: white; }
  140.                  
  141.                  .fa-youtube { color: #ff0000; }
  142.                  .fa-youtube:hover { border: solid 2px #ff0000; background: #ff0000; color: white; }
  143.                  .fa-angle-up { font-size: 25px; background: black; color: white; padding: 11px; border-radius: 100px; transition: 0.4s; }
  144.                  .fa-angle-up:hover { background: white; color: black; }
  145.                
  146.                 .g-tanıtım {
  147.                         background: black;
  148.                         width: 100%;
  149.                         padding: 10px;
  150.                         color: white;
  151.                         font-family: 'Poppins', sans-serif;
  152.                         font-size: 15px;
  153.                 }
  154.                
  155.                 .g-baslik {
  156.                         font-size: 15px;
  157.                         background: #941108;
  158.                         padding: 10px;
  159.                         width: 100%;
  160.                         color: white;
  161.                 }
  162.                
  163.                 .g-resim-t {
  164.                         height: 220px;
  165.                         width: 210px;
  166.                 }
  167.                
  168.                 .g-resim-t:hover {
  169.                         height: 180px;
  170.                         width: 180px;
  171.                         transition: 0.4s;
  172.                 }
  173.                
  174.                  /*mobil sürüm*/
  175.                  @media only screen and (max-width: 767px) {
  176.                          #none {
  177.                                 display: none;
  178.                          }
  179.                          
  180.                          #menu-bg {
  181.                                 height: 100px;
  182.                                 width: 160px;
  183.                          }
  184.                          
  185.                          .menu-a {
  186.                                 left: 1%;
  187.                          }
  188.                          
  189.                          #m-logo {
  190.                                 height: 80px;
  191.                                 width: 80px;
  192.                          }
  193.                          
  194.                          .menu-b {
  195.                                 right: 1%;
  196.                          }
  197.                          
  198.                          }     
  199.                          #crac.character-2 text-center {
  200.                             font-size: 10px;
  201.                          }     
  202.  
  203.                          .menu a:last-child {
  204.                             margin-right: -25px;
  205.                  }             
  206.                 </style>
  207.         </head>
  208.        
  209.         <body>
  210.          
  211.                 <section class="two">
  212.                         <div class="fixed-top" style="background: #131c20; width: 100%; height: 46px;">
  213.                                 <div class="text-center">
  214.                                         <img id="menu-bg" src="https://i.ibb.co/XV9PYck/index3.png" height="120" width="230"/>
  215.                                         <div class="logo">
  216.                                                 <div class="text-center fixex-top m-logo" style="position: fixed; top: 50px; left: 50%; transform: translate(-50%, -50%);">
  217.                                                         <img id="m-logo" src="https://i.ibb.co/QDs1vxq/index1-1.png" height="140" width="140"/>
  218.                                                 </div>
  219.                                         </div>
  220.                                 </div>
  221.                         </div>
  222.                         <div class="fixed-top menu" style="font-family: 'Signika', sans-serif; font-size: 17px; position: fixed; top: 10px;">
  223.                                 <div class="menu-a" style="position: fixed; left: 1%;">
  224.                                         <a href="https://www.z-roleplay.com/forum" class="px-4 text-white">Forum</a>
  225.                                         <a href="" id="none" class="px-4 text-white">Portal</a>
  226.                                 </div>
  227.                                 <div class="menu-b" style="position: fixed; right: 1%;">
  228.                                         <a href="https://www.discord.me/zeniarpg" id="none" class="px-4 text-white">Discord</a>
  229.                                         <a href="https://www.z-roleplay.com" class="px-4 text-white">Karakter Paneli</a>
  230.                                 </div>
  231.                         </div>
  232.                         <div class="container mt-3" style="position: absolute; top: 300px; transform: translate(-50%, -50%); left: 50%;">
  233.                                 <div id="myCarousel" class="animated zoomInUp carousel slide" data-ride="carousel">
  234.                                         <div class="carousel-inner text-center">
  235.                                                 <div class="carousel-item active">
  236.                                                         <p class="display-2" style="font-size: 40px; font-family: 'Fira Sans', sans-serif;">Panel</p>
  237.                                                         <br>
  238.                                                         <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>
  239.                                                         <br>
  240.                                                         <a href="https://z-roleplay.com" class="button btn btn-outline-warning">BAKIM HALİNDE </a>
  241.                                                 </div>
  242.                                                 <div class="carousel-item">
  243.                                                         <p class="display-2" style="font-size: 40px; font-family: 'Fira Sans', sans-serif;">Forum</p>
  244.                                                         <br>
  245.                                                         <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>
  246.                                                         <br>
  247.                                                         <a href="https://z-roleplay.com/forum/index.php?/login" class="button btn btn-outline-warning">Kayıt Ol</a>
  248.                                                         <a href="https://z-roleplay.com/forum/index.php?/register/" class="button btn btn-outline-warning">Giriş yap</a>
  249.                                                 </div>
  250.                                                 <div class="carousel-item">
  251.                                                         <p class="display-2" style="font-family: 'Fira Sans', sans-serif; font-size: 40px;">Discord</p>
  252.                                                         <br>
  253.                                                         <p class="display-2" style="font-size: 25px;">Discord sunucumuza katılarak<br>sunucu hakkında detaylı tüm bilgilere sahip olabilirsiniz !</p>
  254.                                                         <br>
  255.                                                         <a href="https://www.discord.me/zeniarpg" class="button btn btn-outline-warning">Discord Sunucusu</a>
  256.                                                 </div>
  257.                                         </div>
  258.                                         <a class="carousel-control-prev" href="#myCarousel" data-slide="prev">
  259.                                                 <span class="carousel-control-prev-icon"></span>
  260.                                         </a>
  261.                                         <a class="carousel-control-next" href="#myCarousel" data-slide="next">
  262.                                                 <span class="carousel-control-next-icon"></span>
  263.                                         </a>
  264.                                 </div>
  265.                         </div> 
  266.                         <div class="back-to-top fixed-top">
  267.                                 <a href="#" id="brt" class="fas fa-angle-double-up"></a>
  268.                         </div>
  269.                 </section>
  270.                
  271.                 <section class="staff" style="background: #131c20; width: 100%; height: 73%;">
  272.                         <div class="body-2" style="width: 100%; padding: 15px;">
  273.                         <div class="animated zoomInRight staff-text text-center">
  274.                         <br><br><br><p style="font-size: 30px; font-family: 'Quicksand', sans-serif;"><font color="gray">STAFF </font><font color="white">TEAM</font></p>
  275.                         </div>
  276.                        
  277.                         <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  278.                                 <ol class="carousel-indicators" style="position: relative; top: 5%;">
  279.                                         <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
  280.                                         <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
  281.                                         <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  282.                                         <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
  283.                                 </ol>
  284.                         <div class="animated zoomInRight carousel-inner text-center">
  285.                                 <br><div class="carousel-item active">
  286.                                         <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>
  287.                                         <br>
  288.                                         <br>
  289.                                         <br>
  290.                                         <p class="staff-t"><font color="white">Kcuf</font></p>
  291.                                         <p class="staff-b"><font color="gray">Director Management</font></p>
  292.                                 </div>
  293.                                 <div class="carousel-item">
  294.                                         <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>
  295.                                         <br>
  296.                                         <br>
  297.                                         <br>
  298.                                         <p class="staff-t"><font color="white">Zeta</font></p>
  299.                                         <p class="staff-b"><font color="gray">Lead Manager</font></p>
  300.                                 </div>
  301.                                 <div class="carousel-item">
  302.                                         <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>
  303.                                         <br>
  304.                                         <br>
  305.                                         <br>
  306.                                         <p class="staff-t"><font color="white">Silver</font></p>
  307.                                         <p class="staff-b"><font color="gray">Developer Designer</font></p>
  308.                                 </div>
  309.                                 <div class="carousel-item">
  310.                                         <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>
  311.                                         <br>
  312.                                         <br>
  313.                                         <br>
  314.                                         <p class="staff-t"><font color="white">Armen</font></p>
  315.                                         <p class="staff-b"><font color="gray">Senior Admin</font></p>
  316.                                 </div>
  317.                         </div>
  318.                         </div>
  319.                 </section>
  320.                
  321.                 <div class="g-tanıtım tanıtım">
  322.                         <center><p class="g-baslik">Test</p>
  323.                         <br>
  324.                         <img class="g-resim-t" src="https://i.ibb.co/BcKrVRP/BA-KAN.png"/>
  325.                         <br>
  326.                         <br>
  327.                         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,
  328.                         devlet kurumlarından bağımsız hareketleriyle gündeme fazlasıyla gelmekte.
  329.                         <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 ...
  330.                 </center></div>
  331.                
  332.                 <div class="g-tanıtım tanıtım-2">
  333.                         <center><p class="g-baslik">Test</p>
  334.                         <br>
  335.                         <img class="g-resim-t" src="https://i.ibb.co/hDwgMMB/ilindex.png"/>
  336.                         <br>
  337.                         <br>
  338.                         Gattuso Denaro ; Şehirin boğuştuğu kaos ortamından kazançlı çıkan ve şehire yaptığı örgütlenmeyle ün salmış kişi.
  339.                         <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
  340.                         <br>can attığı sayılı mekanlardan biri haline gelmiş durumda.<br>
  341.                         Onunla beraber iş yapabilirsen adını şehirde duyurma şansın da artacaktır...
  342.                         </center>
  343.                 </div>
  344.                
  345.                 <div class="g-tanıtım tanıtım-3">
  346.                         <center><p class="g-baslik">Test</p>
  347.                         <br>
  348.                         <img class="g-resim-t" src="https://i.ibb.co/1sTKCfW/pdindex2psd.png"/>
  349.                         <br>
  350.                         <br>
  351.                         Mathew Baker ; Kendisini "Hiyerarşinin Tanrısı" olarak tanımlayan Baker; kimine göre bir kahraman, kimine göre ise egoist bir sadist.
  352.                         Emekli lspd memurlarının halka anlattığı hikayeler arasında Baker'in departmana gelen ve büyük suç işlemiş kişiler ile
  353.                         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ç
  354.                         örgütlerini sonlandırmaya adamış bir halk adamı olarak tanımlıyor.Ayrıca Baker'in Vali Castillo'nun aldığı emirlerden
  355.                         bazılarına karşı geldiği ve bu yüzden hakkında soruşturmalarda açıldığı halk tarafından biliniyor.
  356.                         </center>
  357.                 </div>
  358.        
  359.                 <section class="text-center footer" style="background: #131c20; width: 100%; height: 36%;">
  360.                         <div class="body-x" style="width: 100%; padding: 15px;">
  361.                         <div class="footer-size">
  362.                                 <img height="100" width="100" src="https://i.ibb.co/QDs1vxq/index1-1.png"/>
  363.                                 <hr class="col-xs-12">
  364.                                 <div class="s-media" style="font-size: 25px;">
  365.                                         <a href="https://www.facebook.com/zeniaroleplay" class="fab fa-facebook"></a>
  366.                                         <a href="https://www.instagram.com/zeniaroleplay" class="fab fa-instagram"></a>
  367.                                         <a href="https://steamcommunity.com/groups/ZeniaRPG" class="fab fa-steam"></a>
  368.                                         <a href="https://www.youtube.com/ZeniaRPG" class="fab fa-youtube"></a>
  369.                                 </div>
  370.                                 <br>
  371.                                 <a href="#" id="brt-son" class="fas fa-angle-up" style="position: relative; text-decoration: none;"></a>
  372.                         </div>
  373.                         </div>
  374.                 </section>
  375.                
  376.                 <nav class="py-2 text-center text-white" style="background: black; font-size: 15px;">
  377.                 Zenia Roleplay - 2019 ©
  378.                 </nav>
  379.         <script>
  380.         $(window).on("scroll",function() {
  381.                 if ($(this).scrollTop() > 50 ) {
  382.                         $('#brt').fadeIn(500);
  383.                         } else {
  384.                         $('#brt').fadeOut(300);
  385.                 }
  386.         });
  387.        
  388.         $("#brt").on("click",function() {
  389.                 $("html, body").animate({scrollTop: 0}, 800);
  390.         });
  391.        
  392.         $("#brt-3").on("click",function() {
  393.                 $("html, body").animate({scrollTop: 0}, 800);
  394.         });
  395.                
  396.         $("#brt-2").on("click",function() {
  397.                 $("html, body").animate({scrollTop: 0}, 800);
  398.         });
  399.        
  400.         $("#brt-son").on("click",function() {
  401.                 $("html, body").animate({scrollTop: 0}, 800);
  402.         });
  403.        
  404.         </script>
  405.        
  406.         </body>
  407.  
  408. </html>