Facebook
From Hdkdj, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 206
  1. <!DOCTYPE html>
  2.  
  3. <html lang="tr">
  4.         <head>
  5.                 <!--META-->            
  6.                 <meta charset="UTF-8">
  7.                 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.                 <!--BOOTSTRAP-->       
  9.                 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  10.                 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
  11.                 <!--FONT AWESOME-->
  12.                 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
  13.                 <!--Klasik İşlevler-->       
  14.                 <title>832 BOT - MAIN</title>
  15.                 <!--GOOGLE FONTS-->
  16.                 <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
  17.                 <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
  18. <style type="text/css">
  19. html, body {
  20.         height: 100%;
  21.         width: 100%;
  22.         padding: 0;
  23.         margin: 0;
  24.         color: #d3d3d3;
  25.         background: #212031;
  26. }
  27.  
  28. .sidebar {
  29.         position: fixed;
  30.         top: 0;
  31.         width: 15%;
  32.         height: 100%;
  33.         padding: 0;
  34.         margin: 0;
  35.         background-image: url('https://i.resimyukle.xyz/IyT2xO.png');
  36.         background-size: cover;
  37.         -webkit-box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
  38.         -moz-box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
  39.         box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
  40. }
  41.  
  42. .sidebar-header {
  43.         padding: 20px;
  44. }
  45.  
  46. .sidebar-header p {
  47.         color: #b5b2b5;
  48.         font-size: 35px;
  49.         font-family: 'Noto Sans', sans-serif;
  50. }
  51.  
  52. .sidebar-menu a {
  53.         padding: 8px 35px;
  54.         text-decoration: none;
  55.         color: #848284;
  56.         font-family: 'Noto Sans', sans-serif;
  57.         border-radius: 3px;
  58. }
  59.  
  60. .sidebar-menu a:hover {
  61.         background: white;
  62.         transition: 0.5s;
  63.         color: purple;
  64. }
  65.  
  66. #anasayfa {
  67.         background: purple;
  68.         color: white;
  69. }
  70.  
  71. .sidebar-hr {
  72.         width: 95%;
  73. }
  74.  
  75. </style>       
  76.         </head>
  77.                
  78.         <body>
  79.        
  80.         <div class="wrapper">
  81.                 <div class="sidebar">  
  82.                         <div class="sidebar-header">
  83.                                 <center><p>832 BOT</p></center>
  84.                                 <center><hr class="sidebar-hr"></center>
  85.                         </div>
  86.                         <div class="sidebar-menu">
  87.                                 <center><a id="anasayfa" href=""><i class="fab fa-facebook"></i> Karakter Bilgileri</a><br><br>                        
  88.                                 <a href=""><i class="fab fa-facebook"></i> Karakter Bilgileri</a><br><br>
  89.                                 <a href=""><i class="fab fa-facebook"></i> Karakter Bilgileri</a></center>                     
  90.                         </div>
  91.                 </div>         
  92.         </div>
  93.        
  94.         <p style="color: white;">TEST LAN</p>
  95.                                
  96.         </body>
  97. </html>