Facebook
From Jfkd, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 285
  1. <!DOCTYPE html>
  2.  
  3. <html lang="tr">
  4.         <head>
  5.                 <meta charset="UTF-8">
  6.                 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.                 <!--BOOTSTRAP-->      
  8.                 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  9.                 <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  10.                 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  11.                 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>                
  12.                 <!--FONT AWESOME-->
  13.                 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  14.                 <!--Klasik İşlevler-->      
  15.                 <title>832 BOT - Anasayfa</title>
  16.                 <!--GOOGLE FONTS-->
  17.                 <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
  18.                 <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
  19.                 <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
  20. <style type="text/css">
  21. html, body {
  22.         height: 100%;
  23.         width: 100%;
  24.         padding: 0;
  25.         margin: 0;
  26.         color: #d3d3d3;
  27.         background: #212031;
  28. }
  29.  
  30. .sidebar {
  31.         position: fixed;
  32.         top: 0;
  33.         width: 15%;
  34.         height: 100%;
  35.         padding: 0;
  36.         margin: 0;
  37.         background-image: url('https://i.resimyukle.xyz/IyT2xO.png');
  38.         background-size: cover;
  39.         -webkit-box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
  40.         -moz-box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
  41.         box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
  42. }
  43.  
  44. .sidebar-header {
  45.         padding: 35px;
  46. }
  47.  
  48. .yazı {
  49.         color: #959595;
  50.     font-family: 'PT Sans', sans-serif;
  51. }
  52.  
  53. .sidebar-header p {
  54.         color: #b5b2b5;
  55.         font-size: 35px;
  56.         font-family: 'Noto Sans', sans-serif;
  57. }
  58.  
  59. .sidebar-menu a {
  60.         padding: 8px 35px;
  61.         text-decoration: none;
  62.         color: #848284;
  63.         font-family: 'Noto Sans', sans-serif;
  64.         border-radius: 3px;
  65. }
  66.  
  67. .sidebar-menu a:hover {
  68.         background: #d3d3d3;
  69.         transition: 0.5s;
  70.         color: black;
  71. }
  72.  
  73. #anasayfa {
  74.         background: purple;
  75.         color: white;
  76. }
  77.  
  78. .sidebar-hr {
  79.         width: 95%;
  80. }
  81.  
  82. .logo {
  83.         border-radius: 100px;
  84.         height: 70px;
  85.         width: 70px;
  86. }
  87.  
  88. .davet-button a {
  89.         text-decoration: none;
  90.         color: black;
  91.         padding: 8px 35px;
  92.     font-family: 'Noto Sans', sans-serif;
  93.     border-radius: 3px;
  94.         background: #d3d3d3;
  95. }
  96.  
  97. .islem-menusu {
  98. position: relative;
  99.         margin-left: 15%;
  100.         padding: 20px;
  101. }
  102.  
  103. .islem-menusu a {
  104.         text-decoration: none;
  105.         color: #959595;
  106.             font-family: 'PT Sans', sans-serif;
  107. }
  108.  
  109. .islem-menusu a:hover {
  110.         transition: 0.5s;
  111.         color: #d3d3d3;
  112. }
  113.  
  114. .duyurular {
  115.         position: relative;
  116.         right: 3%;
  117.         float: right;
  118. }
  119.  
  120. footer p {
  121. position: relative;
  122.         margin-left: 15%;
  123.         color: #b5b2b5;
  124.         font-family: 'Nunito Sans', sans-serif;
  125. }
  126.  
  127. .yazı {
  128. position: relative;
  129.         margin-left: 15%;
  130. }
  131.  
  132. @media only screen and (min-width: 700px) {
  133.         .navbar {
  134.                 display: none;
  135.         }
  136.        
  137.         .mobile {
  138.                 display: none;
  139.         }
  140. }
  141.  
  142. @media only screen and (max-width: 700px) {
  143.   .wrapper {
  144.         display: none;  
  145.   }
  146.  
  147.   .duyurular {
  148.         display: none;
  149.   }
  150.  
  151.   .navbar {
  152.         background: #d3d3d3;
  153.         border: none;
  154.         outline: none;
  155.   }
  156.  
  157.   .nav-item a {
  158.         color: #848284;
  159.         font-family: 'Noto Sans', sans-serif;
  160.         border-radius: 3px;
  161.   }
  162.  
  163.   .nav-item a:hover {
  164.         transition: 0.5s;
  165.         color: black;
  166.   }
  167.  
  168.   .navbar-toggler:focus {
  169.         outline: none;
  170.   }
  171.  
  172.   .discord-version {
  173.   border-radius: 5px;
  174.   padding: 1px;
  175.   width: 70%;
  176.   background: #292c4a;
  177.   }
  178.  
  179.   .dc-logo {
  180.   font-size: 18px;
  181.   padding: 20px 20px;
  182.   background: #DCD90D;
  183.   color: black;
  184.   border-radius: 3px;
  185.   float: left;
  186.   }
  187.  
  188.   .version-bilgi {
  189.   font-size: 13px;
  190.   color: #b5b2b5;
  191.   }
  192.  
  193.   .komut-sayısı {
  194.   border-radius: 5px;
  195.   padding: 1px;
  196.   width: 70%;
  197.   background: #292c4a;
  198.   }
  199.  
  200.   .komut-logo {
  201.   font-size: 18px;
  202.   padding: 20px 20px;
  203.   background: #ce7918;
  204.   color: black;
  205.   border-radius: 3px;
  206.   float: left;
  207.   }
  208.  
  209.   .komut-bilgi {
  210.   font-size: 13px;
  211.   color: #b5b2b5;
  212.   }
  213.  
  214.   .son-guncelleme {
  215.   font-size: 13px;
  216.   color: #b5b2b5;
  217.   }
  218.  
  219.   .yazı {
  220.         margin-left: 0;
  221.   }
  222.  
  223.   .islem-menusu {
  224.         margin-left: 0;
  225.   }
  226.  
  227.   footer p {
  228.         margin-left: 0;
  229.   }
  230. }
  231.  
  232.  
  233. </style>      
  234.         </head>
  235.                
  236.         <body>
  237.         <nav class="navbar navbar-expand-lg navbar-light">
  238.         <a class="navbar-brand" href="#">
  239.         <img style="border-radius: 100px;" src="https://i.ibb.co/D8NVPrh/e758af1fb485640934540c9893688908.png" width="30" height="30" class="d-inline-block align-top" alt="">
  240.         832 | Mobil
  241.         </a>
  242.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  243.         <span class="text-white navbar-toggler-icon"></span>
  244.         </button>
  245.        
  246.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  247.         <ul class="navbar-nav mr-auto">
  248.         <center> <li class="nav-item aktif">
  249.         <hr>
  250.         <br>
  251.         <a class="nav-link" id="anasayfa" href="832.html"><i class="fas fa-home"></i> Anasayfa</a><br><br>                                                          
  252.         </li>
  253.         <li class="nav-item">
  254.         <a class="nav-link" href="komutlar.html"><i class="fas fa-gamepad"></i> Komutlar</a><br><br>
  255.         </li>  
  256.         <li class="nav-item">
  257.         <a class="nav-link" href=""><i class="fas fa-wrench"></i> Ayarlar</a><br><br>
  258.         </li>
  259.         <li class="nav-item">
  260.                 <a class="nav-link" href="profil.html"><i class="fas fa-user-circle"></i> Profil</a><br><br>
  261.         </li>
  262.         <li class="nav-item">  
  263.         <a class="nav-link" href=""><i class="fas fa-exclamation-triangle"></i> Yönetim Paneli</a>
  264.         <br><hr></li></center>
  265.         </ul>
  266.         </div>
  267.         </nav>
  268.                 <div class="islem-menusu">
  269.                         <center><a href="832.html"><i class="fas fa-home"></i> 832 BOT</a> <a class="fas fa-bell duyurular" href=""></a></center>
  270.                 </div>
  271.         <div class="wrapper">
  272.                 <div class="sidebar">  
  273.                         <div class="sidebar-header">
  274.                                 <center><a href=""><img class="logo" src="https://i.ibb.co/D8NVPrh/e758af1fb485640934540c9893688908.png"/></a></center>
  275.                                 <center><hr class="sidebar-hr"></center>
  276.                         </div><br>
  277.                         <div class="sidebar-menu">
  278.                                 <center><a id="anasayfa" href="832.html"><i class="fas fa-home"></i> Anasayfa</a><br><br>                        
  279.                                 <a href="komutlar.html"><i class="fas fa-gamepad"></i> Komutlar</a><br><br>
  280.                                                                 <a href=""><i class="fas fa-wrench"></i> Ayarlar</a><br><br>
  281.                                                                 <a href="profil.html"><i class="fas fa-user-circle"></i> Profil</a><br><br>
  282.                                 <a href=""><i class="fas fa-exclamation-triangle"></i> Yönetim Paneli</a></center>                    
  283.                         </div><br><br><br><br><br><br><br><br><br><br>
  284.                                                 <div class="davet-button">
  285.                                                         <center><a href=""><i class="fab fa-discord"></i> Davet Et</a></center>
  286.                                                 </div>
  287.                 </div>        
  288.         </div><br><br><br>
  289.        <center><p class="yazı">JITEM Klanı tarafından tasarlanan <font color="#b5b2b5">832 BOT</font> 'un website anasayfasıdır. Buradan yönetim paneline erişebilir, bot istatisliklerine ve profiline <br> bakabilir veyahut bot komutlarını inceleyebilirsiniz.</p></center>
  290.         <br><br><br><br><br>
  291.         <footer>
  292.                    <center>
  293.                  <p>Copyright 2019 © 832 BOT - Design By CerberuS</p></center>
  294.         </footer>
  295.                                
  296.         </body>
  297. </html>
  298.