Advertisement
XpresS7

Untitled

May 19th, 2019
677
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Pawn 16.72 KB | None | 0 0
  1.  <!DOCTYPE HTML>
  2. <html lang="sk">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="description" content="Zahrajte si na naších kvalitných serveroch. Každý deň čo deň pracujeme na vylepšovaní naších serverov, webu aby sme postavili skvelú komunitu.">
  6.     <meta name="keywords" content="hellspire, minecraft, cz/sk, free, server, counter strike 1.6, cs 1.6, top, best, najlepsi">
  7.     <meta name="author" content="XpresS">
  8.     <!-- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.        -->
  10.     <title>Wikipedia - Hellspire.eu</title>
  11.  
  12.     <meta name="og:title" property="og:title" content="Wikipedia - Hellspire.eu">
  13.     <meta property="og:type" content="article" />
  14.     <meta property="og:url" content="https://www.hellspire.eu/wikipedia.php" />
  15.     <meta property="og:site_name" content="Wikipedia - Hellspire.eu" />
  16.     <meta property="og:description" content="Zahrajte si na naších kvalitných serveroch. Každý deň čo deň pracujeme na vylepšovaní naších serverov, webu aby sme postavili skvelú komunitu.">
  17.     <!-- CSS -->
  18.     <link rel="stylesheet" type="text/css" href="css/style.css">
  19.     <!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
  20.       <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">-->
  21.     <link rel="stylesheet" href="./fontawesome/css/all.css">
  22.     <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
  23.  
  24.     <link href="https://fonts.googleapis.com/css?family=Open+Sans|Oswald:500" rel="stylesheet">
  25.  
  26.     <meta name="robots" content="index, follow">
  27. </head>
  28. <body>
  29. <nav class="navbar navbar-expand-lg navbar-custom navbar-dark" id="menu">
  30.     <a class="navbar-brand" href="#">HellSpire</a>
  31.     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
  32.             aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  33.         <span class="navbar-toggler-icon"></span>
  34.     </button>
  35.     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  36.         <ul class="navbar-nav mr-auto">
  37.             <li class="nav-item active">
  38.                 <a class="nav-link" href="/"><i class="fas fa-home"></i> Domov <span class="sr-only">(current)</span></a>
  39.             </li>
  40.             <li class="nav-item active">
  41.                 <a class="nav-link" href="#"><i class="fas fa-list"></i> Fórum</a>
  42.             </li>
  43.             <li class="nav-item active">
  44.                 <a class="nav-link" href="wikipedia.html"><i class="fal fa-question-circle"></i> Wiki</a>
  45.             </li>
  46.             <li class="nav-item active">
  47.                 <a class="nav-link" href="#"><i class="fas fa-exclamation-circle"></i> Pravidlá</a>
  48.             </li>
  49.             <li class="nav-item active">
  50.                 <a class="nav-link" href="#"><i class="fal fa-users"></i> Staff Team</a>
  51.             </li>
  52.             <li class="nav-item active">
  53.                 <a class="nav-link" href="#"><i class="far fa-shopping-cart"></i> Store</a>
  54.             </li>
  55.             <li class="nav-item dropdown active">
  56.                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  57.                     <i class="far fa-server"></i> Minecraft
  58.                 </a>
  59.                 <div class="dropdown-menu nav-show-h" aria-labelledby="navbarDropdown1">
  60.                     <a class="dropdown-item" href="#"><i class="fas fa-chart-bar"></i> Štatistiky hráčov</a>
  61.                     <a class="dropdown-item" href="#"><i class="fal fa-calendar-alt"></i> Súťaže</a>
  62.                     <a class="dropdown-item" href="#"><i class="fas fa-exclamation"></i> Banlist</a>
  63.                     <a class="dropdown-item" href="#"><i class="far fa-gamepad"></i> Minigames</a>
  64.                 </div>
  65.             </li>
  66.             <li class="nav-item dropdown nav-show-h active">
  67.                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  68.                     <i class="far fa-server"></i> Counter Strike 1.6
  69.                 </a>
  70.                 <div class="dropdown-menu" aria-labelledby="navbarDropdown2">
  71.                     <a class="dropdown-item" href="#"><i class="fas fa-chart-bar"></i> Štatistiky hráčov</a>
  72.                     <a class="dropdown-item" href="#"><i class="fal fa-calendar-alt"></i> Súťaže</a>
  73.                     <a class="dropdown-item" href="#"><i class="fas fa-exclamation"></i> Banlist</a>
  74.                     <a class="dropdown-item" href="#"><i class="far fa-gamepad"></i> Typy serverov</a>
  75.                 </div>
  76.             </li>
  77.         </ul>
  78.         <form class="form-inline my-2 my-lg-0">
  79.             <ul class="navbar-nav active">
  80.                 <li class="nav-item right">
  81.                     <a class="nav-link aLogin" hrole="button" ref="" aria-haspopup="true" aria-expanded="false" data-toggle="modal" data-target="#loginPopupContainer">
  82.                         <i class="fas fa-sign-in-alt"></i> Login
  83.                     </a>
  84.                 </li>
  85.             </ul>
  86.         </form>
  87.     </div>
  88. </nav>
  89.  
  90. <!-- Modal -->
  91. <div class="modal fade" id="loginPopupContainer" tabindex="-1" role="dialog" aria-labelledby="Login_Panel" aria-hidden="true">
  92.     <div class="modal-dialog" role="document" style="width:400px;">
  93.         <div class="modal-content">
  94.  
  95.             <div class="modal-body login">
  96.                 <div class="close"><a href="" data-dismiss="modal"><i class="fal fa-times"></i></a></div>
  97.                 <img src="images/logo.png" alt="login-logo" title="HellSpire logo"/>
  98.                 <span class="title">Prihlás sa na svôj účet</span>
  99.                 <hr>
  100.                 <form>
  101.                     <div class="loginPanel">
  102.                         <div class="form-group">
  103.                             <label class="userName" for="inputNick">Tvoje použivateľské meno alebo E-Mail </label>
  104.                             <input class="form-control fa" id="inputNick" aria-describedby="emailHelp" placeholder="&#xf007; Prihlasovacie meno alebo E-Mail">
  105.                         </div>
  106.                         <div class="form-group">
  107.                             <label for="inputPassword">Heslo</label>
  108.                             <input type="password" class="form-control fa" id="inputPassword" placeholder="&#xf023; Heslo">
  109.                         </div>
  110.                         <div class="form-group form-check">
  111.                             <input type="checkbox" class="form-check-input" id="rememberMeCheck">
  112.                             <label class="form-check-label" for="rememberMeCheck">Zapamätať si ma!</label>
  113.                         </div>
  114.                         <label for="register" class="float-left register"><a href="#register">Ak ešte nemáš účet!</a></label>
  115.                         <label for="forgotPass" class="float-right forgot"><a href="#register">Zabudol si heslo?</a></label>
  116.  
  117.                     </div>
  118.                     <button type="submit" class="btn btn-login">Prihlásiť sa</button>
  119.                 </form>
  120.             </div>
  121.         </div>
  122.     </div>
  123. </div>
  124. <style>
  125.     .navbar-wiki {
  126.         background-color: #eee;
  127.         width: 100%;
  128.         height: 100%;
  129.         max-height: 600px;
  130.  
  131.         overflow-x: hidden;
  132.         overflow-y: scroll;
  133.     }
  134.  
  135.     /* width */
  136.     .navbar-wiki::-webkit-scrollbar {
  137.         width: 9px;
  138.     }
  139.  
  140.     /* Handle */
  141.     .navbar-wiki::-webkit-scrollbar-thumb {
  142.         background: #888;
  143.         border-radius: 10px;
  144.     }
  145.  
  146.     .navbar-wiki-Second {
  147.         background-color: #eee;
  148.         width: 100%;
  149.         height: 100%;
  150.         max-height: 300px;
  151.  
  152.         overflow-x: hidden;
  153.         overflow-y: scroll;
  154.     }
  155.     /* width */
  156.     .navbar-wiki-Second::-webkit-scrollbar {
  157.         width: 9px;
  158.     }
  159.  
  160.     /* Handle */
  161.     .navbar-wiki-Second::-webkit-scrollbar-thumb {
  162.         background: #888;
  163.         border-radius: 10px;
  164.     }
  165.  
  166. </style>
  167. <script>
  168.     var hash = window.location.hash.substring(1);
  169.             $("#"+hash+"").show().siblings(".col").hide();
  170.                
  171.            
  172.             $(document).ready(function(){
  173.                 $('.nav-test').on('click', function(){
  174.                    var target = $(this).attr('href');
  175.                    $(target).show().siblings(".col").hide();
  176.                 });
  177.             });
  178. </script>
  179. <div class="">
  180.     <div class="row">
  181.         <div class="col-sm-3">
  182.             <div class="sticky-top flex-grow-1">
  183.                 <div class="navbar-wiki flex-sm-column">
  184.                     <a href="" class="nav-link d-none d-sm-inline">Sidebar</a>
  185.                     <a href="#test" class="nav-link">test</a>
  186.                     <a href="#test2" class="nav-link">test2</a>
  187.                     <a href="#test3" class="nav-link">test3</a>
  188.                     <a href="" class="nav-link">Link</a>
  189.  
  190.                     <a href="" class="nav-link">Link</a>
  191.                     <a href="" class="nav-link">Link</a>
  192.                     <a href="" class="nav-link">Link</a>
  193.                     <a href="" class="nav-link">Link</a>
  194.                     <a href="" class="nav-link">Link</a>
  195.                     <a href="" class="nav-link">Link</a>
  196.                     <a href="" class="nav-link">Link</a>
  197.                     <a href="" class="nav-link">Link</a>
  198.                     <a href="" class="nav-link">Link</a>
  199.                     <a href="" class="nav-link">Link</a>
  200.                     <a href="" class="nav-link">Link</a>
  201.                     <a href="" class="nav-link">Link</a>
  202.                     <a href="" class="nav-link">Link</a>
  203.                     <a href="" class="nav-link">Link</a>
  204.                     <a href="" class="nav-link">Link</a>
  205.                     <a href="" class="nav-link">Link</a>
  206.                     <a href="" class="nav-link">Link</a>
  207.                     <a href="" class="nav-link">Link</a>
  208.                     <a href="" class="nav-link">Link</a>
  209.                     <a href="" class="nav-link">Link</a>
  210.                     <a href="" class="nav-link">Link</a>
  211.                     <a href="" class="nav-link">Link</a>
  212.                     <a href="" class="nav-link">Link</a>
  213.                     <a href="" class="nav-link">Link</a>
  214.                     <a href="" class="nav-link">Link</a>
  215.                 </div>
  216.             </div>
  217.         </div>
  218.         <div class="col" id="test">
  219.             <h1>Main Area</h1>
  220.             <p>test</p>
  221.          </div>
  222.  
  223.           <div class="col" id="test2">
  224.             <h1>Main Area</h1>
  225.             <p>testtttttttttt</p>
  226.          </div>
  227.  
  228.  
  229.         <div class="col" id="test3">
  230.             <h1>Main Area</h1>
  231.             <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,
  232.                raw denim deep v taxidermy messenger bag. Tofu YOLO Etsy, direct trade ethical Odd Future jean shorts paleo. Forage Shoreditch tousled aesthetic irony, street art organic Bushwick artisan cliche semiotics ugh synth chillwave meditation.
  233.                Shabby chic lomo plaid vinyl chambray Vice. Vice sustainable cardigan, Williamsburg master cleanse hella DIY 90's blog.</p>
  234.  
  235.             <p>Ethical Kickstarter PBR asymmetrical lo-fi. Dreamcatcher street art Carles, stumptown gluten-free Kickstarter artisan Wes Anderson wolf pug. Godard sustainable you probably haven't heard of them, vegan farm-to-table Williamsburg slow-carb
  236.                readymade disrupt deep v. Meggings seitan Wes Anderson semiotics, cliche American Apparel whatever. Helvetica cray plaid, vegan brunch Banksy leggings +1 direct trade. Wayfarers codeply PBR selfies. Banh mi McSweeney's Shoreditch selfies,
  237.                 forage fingerstache food truck occupy YOLO Pitchfork fixie iPhone fanny pack art party Portland.</p>
  238.  
  239.             <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,
  240.                raw denim deep v taxidermy messenger bag. Tofu YOLO Etsy, direct trade ethical Odd Future jean shorts paleo. Forage Shoreditch tousled aesthetic irony, street art organic Bushwick artisan cliche semiotics ugh synth chillwave meditation.
  241.                Shabby chic lomo plaid vinyl chambray Vice. Vice sustainable cardigan, Williamsburg master cleanse hella DIY 90's blog.</p>
  242.  
  243.             <p>Sriracha biodiesel taxidermy organic post-ironic, Intelligentsia salvia mustache 90's code editing brunch. Butcher polaroid VHS art party, hashtag Brooklyn deep v PBR narwhal sustainable mixtape swag wolf squid tote bag. Tote bag cronut semiotics,
  244.                raw denim deep v taxidermy messenger bag. Tofu YOLO Etsy, direct trade ethical Odd Future jean shorts paleo. Forage Shoreditch tousled aesthetic irony, street art organic Bushwick artisan cliche semiotics ugh synth chillwave meditation.
  245.                Shabby chic lomo plaid vinyl chambray Vice. Vice sustainable cardigan, Williamsburg master cleanse hella DIY 90's blog.</p>
  246.         </div>
  247.     </div>
  248. </div>
  249. </body>
  250. <footer>
  251.     <div class="topFooter">
  252.         <div class="container">
  253.             <div class="row align-items-start">
  254.                 <div class="col">
  255.                     <h5>O nás</h5>
  256.                     <p>
  257.                         Niečo napísane o nás, aký sme dementi a podobné veci..
  258.                     </p>
  259.                 </div>
  260.                 <div class="col">
  261.                     <h5>Dôležité odkazy</h5>
  262.                     <p>
  263.                     <li><a href="#domov">Domov</a></li>
  264.                     <li><a href="#forum">Fórum</a></li>
  265.                     <li><a href="#faq">FAQ</a></li>
  266.                     <li><a href="#stats">Štatistiky</a></li>
  267.                     </p>
  268.                 </div>
  269.                 <div class="col">
  270.                     <h5>Naš obchod</h5>
  271.                     <p>o našom obchode, bla bla bla...</p>
  272.                     <a href="#STORE">
  273.                         <button class="btn storeButton"><i class="fas fa-shopping-cart"></i> STORE</button>
  274.                     </a>
  275.                 </div>
  276.             </div>
  277.         </div>
  278.     </div>
  279.     <div class="bottomFooter">
  280.  
  281.         <div class="d-flex justify-content-around">
  282.             <div class="d-flex justify-content-center">
  283.                 All right reserved &copy; 2018 HellSpire
  284.                 <br/>Designed & Coded by <a href="#/u/xpress">XpresS</a>
  285.             </div>
  286.             <div class="d-flex justify-content-sm-end">
  287.                 <div class="social">
  288.                     <a href="https://www.facebook.com/HellSpire.eu/"><i class="fab fa-facebook-square"></i></a>
  289.                     <a href="https://www.instagram.com/hellspire.eu"><i class="fab fa-instagram"></i></a>
  290.                     <a href="https://www.youtube.com/hellspire.eu"><i class="fab fa-youtube-square"></i></a>
  291.                 </div>
  292.             </div>
  293.         </div>
  294.     </div>
  295. </footer>
  296. <!-- JAVASCRIPTS -->
  297. <!-- jQuery prvý, ako Popper.js, a taktiež ako Bootstrap JS -->
  298.         <script async defer crossorigin="anonymous" src="https://connect.facebook.net/cs_CZ/sdk.js#xfbml=1&version=v3.3"></script>
  299.         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  300.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  301.         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>  
  302.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  303.  
  304. <!-- Global site tag (gtag.js) - Google Analytics -->
  305. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-131281050-1"></script>
  306. <script>
  307.     window.dataLayer = window.dataLayer || [];
  308.     function gtag(){dataLayer.push(arguments);}
  309.     gtag('js', new Date());
  310.  
  311.     gtag('config', 'UA-131281050-1');
  312. </script>
  313.  
  314.  
  315. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement