- <!DOCTYPE html>
- <html>
- <head>
- <title>XXX</title>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
- <link href="https://fonts.googleapis.com/css?family=Heebo" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Fira+Sans" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
- <style type="text/css">
- html, body {
- height: 100%;
- margin: 0;
- padding: 0;
- width: 100%;
- }
- /*STAFF*/
- .staff-page {
- padding: 10px;
- background: #2c2f33;
- }
- .avatar {
- height: 115px;
- width: 115px;
- border-radius: 100px;
- border: 2px solid white;
- }
- .staff-member {
- padding: 1px;
- width: 30%;
- border-radius: 10px;
- }
- .staff-member:hover {
- background: #800909;
- transition: 0.7s;
- }
- .staff-baslik {
- text-align: center;
- }
- .staff-name {
- color: white;
- font-size: 17px;
- font-family: 'Heebo', sans-serif;
- }
- .staff-rank {
- color: #d3d3d3;
- font-size: 15px;
- font-family: 'Fira Sans', sans-serif;
- }
- .staff-media a {
- text-decoration: none;
- padding: 4px;
- color: white;
- border-radius: 100px;
- }
- .staff-media a:hover {
- transition: 0.5s;
- color: #0e9df5;
- }
- #staff-profile {
- text-decoration: none;
- color: #d3d3d3;
- }
- #staff-profile:hover {
- background: white;
- color: #990000;
- transition: 0.5s;
- padding: 5px;
- border-radius: 25px;
- }
- .staff-text {
- color: white;
- font-size: 35px;
- text-align: center;
- font-family: 'Oswald', sans-serif;
- }
- .hr {
- border: none;
- width: 10%;
- height: 3px;
- background: #800909;
- }
- /*STAFF*/
- /*FOOTER*/
- footer {
- padding: 10px;
- width: 100%;
- background: #10131a;
- }
- .footer-text {
- position: relative;
- left: 2%;
- margin: 26px;
- }
- .footer-text a {
- text-decoration: none;
- color: #d3d3d3;
- }
- .footer-text a:hover {
- transition: 0.5s;
- color: white;
- }
- .footer-text i {
- font-size: 17px;
- padding: 8px;
- border-radius: 100px;
- }
- .footer-text h4 {
- color: white;
- }
- .footer-text .fa-facebook {
- color: #fff;
- background: #3c5a99;
- }
- .footer-text .fa-twitter {
- color: #fff;
- background: #00acee;
- }
- .footer-text .fa-instagram {
- color: #fff;
- background: #dd2a7b;
- }
- .footer-text .fa-youtube {
- color: #fff;
- background: red;
- }
- .footer-text .fa-rss {
- color: #fff;
- background: #eeac00;
- }
- .footer-text .fa-discord {
- color: #fff;
- background: #7289da;
- }
- .footer-hr {
- border: none;
- height: 1px;
- color: #d3d3d3;
- background: #d3d3d3;
- }
- .footer {
- display: flex;
- font-family: 'Roboto', sans-serif;
- }
- .footer-hr {
- border: none;
- height: 1px;
- color: #000;
- width: 100%;
- }
- /*FOOTER*/
- /*MENU*/
- nav {
- background: #131c20;
- padding: 0px;
- width: 100%;
- display: flex;
- }
- nav a {
- position: relative;
- left: 50%;
- text-decoration: none;
- color: white;
- padding: 14px;
- transition: 0.5s;
- font-family: 'Roboto', sans-serif;
- }
- nav a:hover {
- text-decoration: none;
- color: #800909;
- border-bottom: 4px solid #800909;
- }
- #anasayfa {
- text-decoration: none;
- color: #800909;
- border-bottom: 4px solid #800909;
- }
- .menu-logo {
- position: relative;
- left: 15%;
- height: 5%;
- width: 5%;
- }
- /*MENU*/
- /*TEMA*/
- .tema {
- height: 97%;
- width: 100%;
- background: url('https://wallpaperplay.com/walls/full/c/4/9/87852.jpg');
- background-repeat: no-repeat;
- background-size: cover;
- color: white;
- }
- .tema-text {
- position: relative;
- top: 43%;
- }
- .tema a {
- text-decoration: none;
- padding: 10px 20px;
- background: #800909;
- margin: 10px;
- color: white;
- border-radius: 20px;
- }
- .tema a:hover {
- transition: 0.5s;
- color: #800909;
- background: white;
- }
- /*TEMA*/
- </style>
- </head>
- <body>
- <nav>
- <img class="menu-logo" src="https://i.ibb.co/hFy0Lhz/Jitemlogo.png"/>
- <a id="anasayfa" href=""><i class="fas fa-home"></i> Anasayfa</a>
- <a href=""><i class="fas fa-rss"></i> Forum</a>
- <a href=""><i class="fab fa-discord"></i> Discord</a>
- <a href=""><i class="fas fa-lock"></i> Panel</a>
- </nav>
- <div class="tema">
- <div class="tema-text">
- <center><h3>XXX Roleplay</h3>
- <p>XXX Roleplay websitesine hoà  geldin dostum. Aà ÂaÃÂñdaki butonlardan birine basarak<br>veyahut menüyü kullanarak istediÃÂin sayfaya ulaà Âabilirsin.</p>
- <br>
- <a href="">Test Button</a>
- <a href="">Test button</a></center>
- </div>
- </div>
- <div class="staff-page"><br>
- <p class="staff-text">STAFF - TEAM</p>
- <hr class="hr">
- <br>
- <p class="staff-baslik"><font color="white">XXX Roleplay </font><font color="#d3d3d3">projesinde emeÃÂi geçen üst yöneticilerin sergilendiÃÂi sayfadñr. Profile git butonuna basarak<br>detaylñ profil sayfasñna gidebilirsiniz.</font></p><br><br>
- <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
- <div class="carousel-inner">
- <div class="carousel-item active">
- <center><div class="staff-member"><br>
- <a href=""><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRRHVx3rgLMhV1kq8I9Y0PQs7K-q7jpyTQgBIHpTcY8tsc8IkWz" class="avatar"/></a>
- <br>
- <br>
- <p class="staff-name">CerberuS</p>
- <p class="staff-rank">Baà  Vekil</p>
- <div class="staff-media">
- <a href=""><i class="fab fa-facebook"></i></a>
- <a href=""><i class="fab fa-discord"></i></a>
- <a href=""><i class="fab fa-twitter"></i></a>
- <a href=""><i class="fab fa-instagram"></i></a>
- </div>
- <br>
- <a id="staff-profile" href=""><i class="fas fa-sign-in-alt"></i> Profile Git</a>
- <br><br></div></center>
- </div>
- <div class="carousel-item">
- <center><div class="staff-member"><br>
- <a href=""><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcRRHVx3rgLMhV1kq8I9Y0PQs7K-q7jpyTQgBIHpTcY8tsc8IkWz" class="avatar"/></a>
- <br>
- <br>
- <p class="staff-name">CerberuS</p>
- <p class="staff-rank">Baà  Vekil</p>
- <div class="staff-media">
- <a href=""><i class="fab fa-facebook"></i></a>
- <a href=""><i class="fab fa-discord"></i></a>
- <a href=""><i class="fab fa-twitter"></i></a>
- <a href=""><i class="fab fa-instagram"></i></a>
- </div>
- <br>
- <a id="staff-profile" href=""><i class="fas fa-sign-in-alt"></i> Profile Git</a>
- <br><br></div></center>
- </div>
- <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
- <span class="sr-only">Previous</span>
- </a>
- <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
- <span class="carousel-control-next-icon" aria-hidden="true"></span>
- <span class="sr-only">Next</span>
- </a>
- </div>
- <br></div>
- </div>
- <footer>
- <div class="footer-top">
- <div class="container">
- <div class="row">
- <div class="footer-text">
- <h4>Forum</h4>
- <a href="">Kurallar</a><br>
- <a href="">ÃÂneri/Ã Âikayet</a><br>
- <a href="">Bla bla</a><br>
- <a href="">Bla bla</a>
- </div>
- <div class="footer-text">
- <h4>Bla bla</h4>
- <a href="">bla bla</a><br>
- <a href="">bla bla</a><br>
- <a href="">bla bla</a><br>
- <a href="">bla bla</a>
- </div>
- <div class="footer-text">
- <h4>Bla bla</h4>
- <a href="">bla bla</a><br>
- <a href="">bla bla</a><br>
- <a href="">bla bla</a><br>
- <a href="">bla bla</a>
- </div>
- <div class="footer-text">
- <h4>Sosyal Medya</h4>
- <div class="medya">
- <a href=""><i class="fab fa-facebook"></i> Facebook</a><br>
- <a href=""><i class="fab fa-instagram"></i> ðnstagram</a><br>
- <a href=""><i class="fab fa-twitter"></i> Twitter</a>
- </div>
- </div>
- <div class="footer-text">
- <a href=""><i class="fab fa-discord"></i> Discord</a><br>
- <a href=""><i class="fas fa-rss"></i> Forum</a><br>
- <a href=""><i class="fab fa-youtube"></i> Youtube</a>
- </div>
- </div>
- <center><hr class="footer-hr"></center>
- <div class="footer">
- <p style="color: #d3d3d3;">é 2019 XXX Roleplay</p>
- <div style="display: flex; position: relative; left: 55%;"class="form-group">
- <img src="https://logonoid.com/images/google-translate-logo.png" height="30" width="30"/>
- <select class="form-control" id="sel1">
- <option>Türkçe(Default)</option>
- <option>ðngilizce</option>
- <option>Almanca</option>
- <option>ÃÂince</option>
- </select>
- </div>
- </div>
- </div>
- </div>
- </footer>
- </body>
- </html>