Facebook
From Hdkdj, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 200
  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. .sidebar-header p {
  49.         color: #b5b2b5;
  50.         font-size: 35px;
  51.         font-family: 'Noto Sans', sans-serif;
  52. }
  53.  
  54. .sidebar-menu a {
  55.         padding: 8px 35px;
  56.         text-decoration: none;
  57.         color: #848284;
  58.         font-family: 'Noto Sans', sans-serif;
  59.         border-radius: 3px;
  60. }
  61.  
  62. .sidebar-menu a:hover {
  63.         background: #d3d3d3;
  64.         transition: 0.5s;
  65.         color: black;
  66. }
  67.  
  68. #anasayfa {
  69.         background: purple;
  70.         color: white;
  71. }
  72.  
  73. .sidebar-hr {
  74.         width: 95%;
  75. }
  76.  
  77. .logo {
  78.         border-radius: 100px;
  79.         height: 70px;
  80.         width: 70px;
  81. }
  82.  
  83. .davet-button a {
  84.         text-decoration: none;
  85.         color: black;
  86.         padding: 8px 35px;
  87.     font-family: 'Noto Sans', sans-serif;
  88.     border-radius: 3px;
  89.         background: #d3d3d3;
  90. }
  91.  
  92. .islem-menusu {
  93.         padding: 20px;
  94. }
  95.  
  96. .islem-menusu a {
  97.         text-decoration: none;
  98.         color: #959595;
  99. }
  100.  
  101. .islem-menusu a:hover {
  102.         transition: 0.5s;
  103.         color: #d3d3d3;
  104. }
  105.  
  106. .duyurular {
  107.         position: relative;
  108.         right: 3%;
  109.         float: right;
  110. }
  111.  
  112. footer p {
  113.         color: #b5b2b5;
  114.         font-family: 'Nunito Sans', sans-serif;
  115. }
  116.  
  117. @media only screen and (min-width: 650px) {
  118.         .navbar {
  119.                 display: none;
  120.         }
  121. }
  122.  
  123. @media only screen and (max-width: 650px) {
  124.   .wrapper {
  125.         display: none;  
  126.   }
  127.  
  128.   .duyurular {
  129.         display: none;
  130.   }
  131.  
  132.   .navbar {
  133.         background: #d3d3d3;
  134.         border: none;
  135.         outline: none;
  136.   }
  137.  
  138.   .nav-item a {
  139.         color: #848284;
  140.         font-family: 'Noto Sans', sans-serif;
  141.         border-radius: 3px;
  142.   }
  143.  
  144.   .nav-item a:hover {
  145.         transition: 0.5s;
  146.         color: black;
  147.   }
  148.  
  149.   .navbar-toggler:focus {
  150.         outline: none;
  151.   }
  152.  
  153. }
  154.  
  155.  
  156. </style>      
  157.         </head>
  158.                
  159.         <body>
  160.         <nav class="navbar navbar-expand-lg navbar-light">
  161.         <a class="navbar-brand" href="#">
  162.         <img style="border-radius: 100px;" src="https://i.ibb.co/D8NVPrh/e758af1fb485640934540c9893688908.png" width="30" height="30" class="d-inline-block align-top" alt="">
  163.         832 | Mobil
  164.         </a>
  165.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  166.         <span class="text-white navbar-toggler-icon"></span>
  167.         </button>
  168.        
  169.         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  170.         <ul class="navbar-nav mr-auto">
  171.         <center> <li class="nav-item aktif">
  172.         <hr>
  173.         <br>
  174.         <a class="nav-link" id="anasayfa" href="832.html"><i class="fas fa-home"></i> Anasayfa</a><br><br>                                                           
  175.         </li>
  176.         <li class="nav-item">
  177.         <a class="nav-link" href="komutlar.html"><i class="fas fa-gamepad"></i> Komutlar</a><br><br>
  178.         </li>  
  179.         <li class="nav-item">
  180.         <a class="nav-link" href=""><i class="fas fa-wrench"></i> Ayarlar</a><br><br>
  181.         </li>
  182.         <li class="nav-item">
  183.                 <a class="nav-link" href="istatislik.html"><i class="fas fa-info"></i> İstatislik</a><br><br>
  184.         </li>
  185.         <li class="nav-item">  
  186.         <a class="nav-link" href=""><i class="fas fa-exclamation-triangle"></i> Yönetim Paneli</a>
  187.         <br><hr></li></center>
  188.         </ul>
  189.         </div>
  190.         </nav>
  191.                 <div class="islem-menusu">
  192.                         <center><a href=""><i class="fas fa-home"></i> 832 BOT</a> / <a class="fas fa-bell duyurular" href=""></a></center>
  193.                 </div>
  194.         <div class="wrapper">
  195.                 <div class="sidebar">  
  196.                         <div class="sidebar-header">
  197.                                 <center><a href=""><img class="logo" src="https://i.ibb.co/D8NVPrh/e758af1fb485640934540c9893688908.png"/></a></center>
  198.                                 <center><hr class="sidebar-hr"></center>
  199.                         </div><br>
  200.                         <div class="sidebar-menu">
  201.                                 <center><a id="anasayfa" href="832.html"><i class="fas fa-home"></i> Anasayfa</a><br><br>                        
  202.                                 <a href="komutlar.html"><i class="fas fa-gamepad"></i> Komutlar</a><br><br>
  203.                                                                 <a href=""><i class="fas fa-wrench"></i> Ayarlar</a><br><br>
  204.                                                                 <a href="istatislik.html"><i class="fas fa-info"></i> İstatislik</a><br><br>
  205.                                 <a href=""><i class="fas fa-exclamation-triangle"></i> Yönetim Paneli</a></center>                    
  206.                         </div><br><br><br><br><br><br><br><br><br><br>
  207.                                                 <div class="davet-button">
  208.                                                         <center><a href=""><i class="fas fa-play"></i> Davet Et</a></center>
  209.                                                 </div>
  210.                 </div>        
  211.         </div>
  212.        
  213.         <br><br>
  214.         <footer>
  215.                    <center>
  216.                  <p>Copyright 2019 © 832 BOT - Design By CerberuS</p></center>
  217.         </footer>
  218.                                
  219.         </body>
  220. </html>