- <!DOCTYPE html>
- <html lang="tr">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!--BOOTSTRAP-->
- <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">
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
- <!--FONT AWESOME-->
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
- <!--Klasik İşlevler-->
- <title>832 BOT - Anasayfa</title>
- <!--GOOGLE FONTS-->
- <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
- <style type="text/css">
- html, body {
- height: 100%;
- width: 100%;
- padding: 0;
- margin: 0;
- color: #d3d3d3;
- background: #212031;
- }
- .sidebar {
- position: fixed;
- top: 0;
- width: 15%;
- height: 100%;
- padding: 0;
- margin: 0;
- background-image: url('https://i.resimyukle.xyz/IyT2xO.png');
- background-size: cover;
- -webkit-box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
- -moz-box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
- box-shadow: 5px 4px 16px 0px rgba(0,0,0,0.75);
- }
- .sidebar-header {
- padding: 35px;
- }
- .sidebar-header p {
- color: #b5b2b5;
- font-size: 35px;
- font-family: 'Noto Sans', sans-serif;
- }
- .sidebar-menu a {
- padding: 8px 35px;
- text-decoration: none;
- color: #848284;
- font-family: 'Noto Sans', sans-serif;
- border-radius: 3px;
- }
- .sidebar-menu a:hover {
- background: #d3d3d3;
- transition: 0.5s;
- color: black;
- }
- #anasayfa {
- background: purple;
- color: white;
- }
- .sidebar-hr {
- width: 95%;
- }
- .logo {
- border-radius: 100px;
- height: 70px;
- width: 70px;
- }
- .davet-button a {
- text-decoration: none;
- color: black;
- padding: 8px 35px;
- font-family: 'Noto Sans', sans-serif;
- border-radius: 3px;
- background: #d3d3d3;
- }
- .islem-menusu {
- padding: 20px;
- }
- .islem-menusu a {
- text-decoration: none;
- color: #959595;
- }
- .islem-menusu a:hover {
- transition: 0.5s;
- color: #d3d3d3;
- }
- .duyurular {
- position: relative;
- right: 3%;
- float: right;
- }
- footer p {
- color: #b5b2b5;
- font-family: 'Nunito Sans', sans-serif;
- }
- @media only screen and (min-width: 650px) {
- .navbar {
- display: none;
- }
- }
- @media only screen and (max-width: 650px) {
- .wrapper {
- display: none;
- }
- .duyurular {
- display: none;
- }
- .navbar {
- background: #d3d3d3;
- border: none;
- outline: none;
- }
- .nav-item a {
- color: #848284;
- font-family: 'Noto Sans', sans-serif;
- border-radius: 3px;
- }
- .nav-item a:hover {
- transition: 0.5s;
- color: black;
- }
- .navbar-toggler:focus {
- outline: none;
- }
- }
- </style>
- </head>
- <body>
- <nav class="navbar navbar-expand-lg navbar-light">
- <a class="navbar-brand" href="#">
- <img style="border-radius: 100px;" src="https://i.ibb.co/D8NVPrh/e758af1fb485640934540c9893688908.png" width="30" height="30" class="d-inline-block align-top" alt="">
- 832 | Mobil
- </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="text-white navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ul class="navbar-nav mr-auto">
- <center> <li class="nav-item aktif">
- <hr>
- <br>
- <a class="nav-link" id="anasayfa" href="832.html"><i class="fas fa-home"></i> Anasayfa</a><br><br>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="komutlar.html"><i class="fas fa-gamepad"></i> Komutlar</a><br><br>
- </li>
- <li class="nav-item">
- <a class="nav-link" href=""><i class="fas fa-wrench"></i> Ayarlar</a><br><br>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="istatislik.html"><i class="fas fa-info"></i> İstatislik</a><br><br>
- </li>
- <li class="nav-item">
- <a class="nav-link" href=""><i class="fas fa-exclamation-triangle"></i> Yönetim Paneli</a>
- <br><hr></li></center>
- </ul>
- </div>
- </nav>
- <div class="islem-menusu">
- <center><a href=""><i class="fas fa-home"></i> 832 BOT</a> / <a class="fas fa-bell duyurular" href=""></a></center>
- </div>
- <div class="wrapper">
- <div class="sidebar">
- <div class="sidebar-header">
- <center><a href=""><img class="logo" src="https://i.ibb.co/D8NVPrh/e758af1fb485640934540c9893688908.png"/></a></center>
- <center><hr class="sidebar-hr"></center>
- </div><br>
- <div class="sidebar-menu">
- <center><a id="anasayfa" href="832.html"><i class="fas fa-home"></i> Anasayfa</a><br><br>
- <a href="komutlar.html"><i class="fas fa-gamepad"></i> Komutlar</a><br><br>
- <a href=""><i class="fas fa-wrench"></i> Ayarlar</a><br><br>
- <a href="istatislik.html"><i class="fas fa-info"></i> İstatislik</a><br><br>
- <a href=""><i class="fas fa-exclamation-triangle"></i> Yönetim Paneli</a></center>
- </div><br><br><br><br><br><br><br><br><br><br>
- <div class="davet-button">
- <center><a href=""><i class="fas fa-play"></i> Davet Et</a></center>
- </div>
- </div>
- </div>
- <br><br>
- <footer>
- <center>
- <p>Copyright 2019 © 832 BOT - Design By CerberuS</p></center>
- </footer>
- </body>
- </html>