Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="pt-br">
- <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>SLACH - Servidor de Factions</title>
- <link rel="icon" type="image/png" href="src/img/favicon500.png">
- <link rel="stylesheet" type="text/css" href="src/css/main.css">
- <link rel="stylesheet" type="text/css" href="src/css/simplegrid.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
- </head>
- <body>
- <header>
- <!-- Navigation -->
- <nav class="navbar">
- <button class="navbar-toggle"><span class="fa fa-bars"></span></button>
- <ul class="navbar-nav">
- <div class="nav-l">
- <li><a href="index.html"><i class="fa fa-home"></i> INICIO</a></li>
- <li class="active"><a href="#shop"><i class="fa fa-shopping-cart"></i> LOJA</a></li>
- </div>
- <a href="#navbrand" class="navbar-brand">SLACHx</a>
- <div class="nav-r">
- <li><a href="rules.html"><i class="fa fa-warning"></i> REGRAS</a></li>
- <li><a href="#forum"><i class="fa fa-comments"></i> FORUM</a></li>
- </div>
- </ul>
- </nav>
- <!-- Logo -->
- <div class="logo">
- <div class="logo-image">
- <img src="src/img/logo.png" alt="">
- </div>
- </div>
- </header>
- <section class="col-1-1">
- <!-- Shop -->
- <div class="content" style="padding-left: .9vw;">
- <div class="shop">
- <div class="shop-title">
- <h2>LOJA</h2>
- </div>
- <div class="shop-content">
- <img src="src/img/shop/store_icon.png" style="margin-bottom: 100px;">
- <div class="grid">
- <div class="col-1-3">
- <div class="item">
- <img src="src/img/shop/vip-ouro.png">
- <p></p>
- <h5>VIP OURO</h5>
- <p>
- <a href="#" style="background: #e74c3c;" id="vipo-modal"><span>VANTAGENS<span><a>
- <a href="#" style="background: #27ae60;"><span>COMPRAR</span></a>
- </p>
- </div>
- </div>
- <div class="col-1-3">
- <div class="item">
- <img src="src/img/shop/vip-diamante.png">
- <p></p>
- <h5>VIP DIAMANTE</h5>
- <p>
- <a href="#" style="background: #e74c3c;" id="vipd-modal"><span>VANTAGENS<span><a>
- <a href="#" style="background: #27ae60;"><span>COMPRAR</span></a>
- </p>
- </div>
- </div>
- <div class="col-1-3">
- <div class="item">
- <img src="src/img/shop/vip-esmeralda.png">
- <p></p>
- <h5>VIP ESMERALDA</h5>
- <p>
- <a href="#" style="background: #e74c3c;" id="vipe-modal"><span>VANTAGENS<span><a>
- <a href="#" style="background: #27ae60;"><span>COMPRAR</span></a>
- </p>
- </div>
- </div>
- <div class="col-1-1">
- <div class="item">
- <img src="src/img/shop/unban.png">
- <p></p>
- <h5>UNBAN</h5>
- <p>
- <a href="#" style="background: #27ae60;"><span>COMPRAR</span></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <footer class="col-1-1">
- <div class="content" style="padding-left: 1vw;">
- <div class="footer">
- <p>
- Rede Slach, todos diereitos reservados ©
- <span style="float: right">Desenvolvido por<span style="color: #2980b9"> FIRE091234<span></span>
- </p>
- </div>
- </div>
- </footer>
- <!-- MODALS -->
- <!-- VIP OURO -->
- <div class="myModal" id="modal-vipouro">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" id="modal-close1">×</button>
- <h4 class="modal-title">VIP OURO</h4>
- </div>
- <div class="modal-body">
- <p><li>VANTAGEM 1</li></p>
- <p><li>VANTAGEM 2</li></p>
- <p><li>VANTAGEM 3</li></p>
- <p><li>VANTAGEM 4</li></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn-close" id="modal-close2">Close</button>
- </div>
- </div>
- </div>
- </div>
- <!-- VIP DIAMANTE -->
- <div class="myModal" id="modal-vipdiamante">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" id="modal-close1">×</button>
- <h4 class="modal-title">VIP DIMA</h4>
- </div>
- <div class="modal-body">
- <p><li>VANTAGEM 1</li></p>
- <p><li>VANTAGEM 2</li></p>
- <p><li>VANTAGEM 3</li></p>
- <p><li>VANTAGEM 4</li></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn-close" id="modal-close2">Close</button>
- </div>
- </div>
- </div>
- </div>
- <!-- VIP ESMERALDA -->
- <div class="myModal" id="modal-vipesmeralda">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" id="modal-close1">×</button>
- <h4 class="modal-title">VIP ESMERALDA</h4>
- </div>
- <div class="modal-body">
- <p><li>VANTAGEM 1</li></p>
- <p><li>VANTAGEM 2</li></p>
- <p><li>VANTAGEM 3</li></p>
- <p><li>VANTAGEM 4</li></p>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn-close" id="modal-close2">Close</button>
- </div>
- </div>
- </div>
- </div>
- <!-- JS -->
- <script src="https://cdn.rawgit.com/leonardosnt/mc-player-counter/1.0.0/dist/mc-player-counter.min.js"></script>
- <script src="src/js/javascript.js"></script>
- <script src="src/js/jquery.js"></script>
- <!-- NavBar -->
- <script>
- $(document).ready(function() {
- $(window).resize(function(){
- if ($(window).width() >= 860) {
- $(".navbar-nav").show();
- }else{
- $(".navbar-nav").hide();
- }
- });
- $('.navbar-toggle').click(function(){
- $('.navbar-nav').slideToggle();
- });
- });
- </script>
- <!-- Modal -->
- <script>
- $(document).ready(function(){
- $("#vipo-modal").click(function(){
- $("#modal-vipouro").show();
- $("body, html").css("overflow", "hidden");
- });
- $("#vipd-modal").click(function(){
- $("#modal-vipdiamante").show();
- $("body, html").css("overflow", "hidden");
- });
- $("#vipe-modal").click(function(){
- $("#modal-vipesmeralda").show();
- $("body, html").css("overflow", "hidden");
- });
- $("#modal-close1, #modal-close2").click(function(){
- $(".myModal").hide();
- $("body, html").css("overflow", "auto");
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement