- <!DOCTYPE html>
- <html lang="pl">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>UltraCraft.pl</title>
- <link href="https://fonts.googleapis.com/css?family=Rajdhani:400,700&display=swap" rel="stylesheet">
- <link rel="stylesheet" href="style.css">
- <script src="https://kit.fontawesome.com/eaec5121e7.js" crossorigin="anonymous"></script>
- </head>
- <body>
- <div class="main-container">
- <div class="overlay">
- <img src="logo.png" alt="" class="logo">
- <img src="background.png" alt="" class="background-overlay">
- </div>
- <div class="overlay2"></div>
- <div class="container">
- <div class="top-title">
- <p class="small-main-title">Sprawdź...</p>
- <p class="big-main-title">Ranking Ultracraft</p>
- </div>
- <main>
- <div class="left">
- <div class="top-left">
- <img src="left-grass.png" alt="left-grass">
- <p class="ranking-title">Ranking<span>graczy</span></p>
- <p class="top-5">Top<span>5</span></p>
- </div>
- <div class="ranking-table">
- <div class="ranking-list">
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-number">
- <p class="number">1</p>
- </div>
- </div>
- <div class="ranking-list">
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-number">
- <p class="number">2</p>
- </div>
- </div>
- <div class="ranking-list">
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-number">
- <p class="number">3</p>
- </div>
- </div>
- <div class="ranking-list">
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-number">
- <p class="number">4</p>
- </div>
- </div>
- <div class="ranking-list">
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-number">
- <p class="number">5</p>
- </div>
- </div>
- </div>
- </div>
- <div class="right">
- <div class="top-right">
- <img src="right-grass.png" alt="left-grass">
- <p class="ranking-title">Ranking<span>gildii</span></p>
- <p class="top-5">Top<span>5</span></p>
- </div>
- <div class="ranking-table">
- <div class="ranking-list">
- <div class="ranking-number">
- <p class="number">1</p>
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- </div>
- <div class="ranking-list">
- <div class="ranking-number">
- <p class="number">2</p>
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- </div>
- <div class="ranking-list">
- <div class="ranking-number">
- <p class="number">3</p>
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- </div>
- <div class="ranking-list">
- <div class="ranking-number">
- <p class="number">4</p>
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- </div>
- <div class="ranking-list">
- <div class="ranking-number">
- <p class="number">5</p>
- </div>
- <div class="ranking-img">
- <img src="ico.png" alt="">
- </div>
- <div class="ranking-nick">
- S3.Lisu
- </div>
- <div class="ranking-score">
- 900
- </div>
- </div>
- </div>
- </div>
- </main>
- </div>
- <footer>
- <div class="find-nick">
- <input type="text" placeholder="Szukaj gracza...">
- <i class="fas fa-search"></i>
- </div>
- <div class="more-statistic">
- <p>szczegółówe statystyki</p>
- </div>
- </footer>
- </div>
- </body>
- </html>