API tools faq
paste
Advertisement
HyburdzMC

index.html

HyburdzMC
Mar 1st, 2021
1,158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.26 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <!--
  4.        Made by: Harley Palmer
  5.        Discord: HP#9000
  6.        Do Not Resell
  7.        www.potatodev.me
  8.        www.itshp.me
  9.    -->
  10.  
  11. <head>
  12.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@10.15.5/dist/sweetalert2.min.css">
  13.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  14.     <link rel="stylesheet" media="" href="assets/css/bootstrap.css">
  15.  
  16.     <!--Change These -->
  17.     <meta charset="utf-8">
  18.     <!-- Title -->
  19.     <title>Example Portal</title>
  20.     <!--Search Engine Title for site -->
  21.     <meta data-react-helmet="true" property="og:title" content="Example Portal">
  22.     <!-- Author Goes Here -->
  23.     <meta name="author" content="Example">
  24.     <!--Search Engine Description for site -->
  25.     <meta name="Example Portal" content="Portal/Landing Page">
  26.     <!-- Fav Icon-->
  27.     <link rel="icon" href="assets/img/favicon.ico">
  28.  
  29.  
  30.  
  31.  
  32.  
  33.     <!-- Don't Change these -->
  34.  
  35.     <meta name="viewport" content="width=device-width, initial-scale=1">
  36.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  37.     <link href="assets/css/index.css" rel="stylesheet" type="text/css">
  38. </head>
  39.  
  40. <body>
  41.     <div class="PC-content">
  42.         <!--Centered Stuff-->
  43.         <!-- Head class in css -->
  44.         <div class="head">
  45.             <!--Profile Picture Here-->
  46.             <!-- css class = head img -->
  47.             <img class="logo logoanim" alt="logo" src="assets/img/Logo.png">
  48.  
  49.             <!-- Title Under Image -->
  50.             <h1>Example</h1>
  51.             <span>
  52.                 <!--Change Data Period for Timing on typing-->
  53.                 <!--Change Data Type for Text-->
  54.                 <p class="typewrite" data-period="1000" data-type='[ "Example1!", "Example234!", "And more!" ]'>
  55.                     <label class="wrap"></label>
  56.                 </p>
  57.                 <script src="assets/js/textchange.js"></script>
  58.                 <hr>
  59.             </span>
  60.             <!-- Change the Href "#" to "your link"-->
  61.             <button onclick="location.href='forum/contact'" class="raise fa fa-paper-plane"> Contact</button>
  62.             <button onclick="location.href='forum/forum'" class="raise2 fa fa-wpforms"> Forum</button>
  63.             <button onclick="location.href='forum/store'" class="raise3 fa fa-money"> Donate</button>
  64.         </div>
  65.  
  66.         <div class="left-container-parent">
  67.             <img id="anim" class="left-anim" src='assets/img/Left-BG-1.png' alt="none" />
  68.  
  69.             <div id="anim1" class="left-anim left-container-child">
  70.                 <img src='assets/img/Left-BG-2.png' alt="none" />
  71.  
  72.             </div>
  73.             <div id="anim2" class="left-anim left-container-child">
  74.                 <img src='assets/img/Left-BG-3.png' alt="none" />
  75.  
  76.             </div>
  77.         </div>
  78.  
  79.         <div class="right-container-parent">
  80.  
  81.             <img id="anim3" class="right-anim" src='assets/img/Right-BG-1.png' alt="none" />
  82.  
  83.             <div id="anim4" class="right-anim right-container-child">
  84.                 <img src='assets/img/Right-BG-2.png' alt="none" />
  85.  
  86.             </div>
  87.             <div id="anim5" class="right-anim right-container-child">
  88.                 <img src='assets/img/Right-BG-3.png' alt="none" />
  89.  
  90.             </div>
  91.  
  92.         </div>
  93.  
  94.         <div class="ad-placement ad advert ad-holder" id="ad-holder advert ad ablockercheck"></div>
  95.  
  96.  
  97.         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.15.5/dist/sweetalert2.all.min.js"></script>
  98.         <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
  99.            integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
  100.         <script src="assets/js/prebid-ads.js"></script>
  101.         <script>
  102.             adblock = true;
  103.         </script>
  104.         <script src="adframe.js"></script>
  105.         <script>
  106.             if (window.canRunAds === undefined || adblock == true) {
  107.                 document.addEventListener("DOMContentLoaded", function () {
  108.                     Swal.fire({
  109.                         title: 'Warning! Please Read',
  110.                         html: 'If you want to use our <b>website</b> to the fullest, we recommend that you disable your <i>AdBlocker</i> if you have one! ' +
  111.                             'Because adblocking software blocks some of our installed webapps & cosmetics. ' +
  112.                            'Rest assured we have <b><i>NO</i> ads</b>.',
  113.                        icon: 'warning',
  114.                        confirmButtonText: 'Accept',
  115.                        backdrop: 'true',
  116.                        heightAuto: 'false',
  117.                        width: '50rem'
  118.                    })
  119.                });
  120.  
  121.             } else {
  122.                 console.log("No Adblock");
  123.             }
  124.         </script>
  125.  
  126.         <script>
  127.             $('#anim, #anim1, #anim2, #anim3, #anim4, #anim5').delay(2000).queue(function () {
  128.                 $(this).addClass("idle-anim").removeClass("left-anim");
  129.             });
  130.         </script>
  131.     </div>
  132.  
  133.     <div class="Mobile-content">
  134.  
  135.         <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  136.             <a class="navbar-brand" href="#">Navbar</a>
  137.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
  138.                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  139.                 <span class="navbar-toggler-icon"></span>
  140.             </button>
  141.  
  142.             <div class="collapse navbar-collapse" id="navbarSupportedContent">
  143.                 <ul class="navbar-nav mr-auto">
  144.                     <li class="nav-item active">
  145.                         <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  146.                     </li>
  147.                     <li class="nav-item">
  148.                         <a class="nav-link" href="#">Link</a>
  149.                     </li>
  150.                     <li class="nav-item dropdown">
  151.                         <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
  152.                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  153.                             Dropdown
  154.                         </a>
  155.                         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  156.                             <a class="dropdown-item" href="#">Action</a>
  157.                             <a class="dropdown-item" href="#">Another action</a>
  158.                             <div class="dropdown-divider"></div>
  159.                             <a class="dropdown-item" href="#">Something else here</a>
  160.                         </div>
  161.                     </li>
  162.                     <li class="nav-item">
  163.                         <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
  164.                     </li>
  165.                 </ul>
  166.                 <form class="form-inline my-2 my-lg-0">
  167.                     <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
  168.                     <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
  169.                 </form>
  170.             </div>
  171.         </nav>
  172.         <br><br>
  173.         <div class="container">
  174.             <div class="row d-flex justify-content-center">
  175.                 <div class="col-md-auto">
  176.                     <img class="logo img-fuild" id="logo" src="assets/img/Logo.png">
  177.                 </div>
  178.             </div>
  179.             <br><br>
  180.             <div class="row d-flex justify-content-center">
  181.                 <div class="col-md-auto h4">
  182.                     <?= $desc; ?>
  183.                 </div>
  184.             </div>
  185.             <br><br><br>
  186.             <div class="row d-flex justify-content-center h5">
  187.                 <div class="col-body col-md-auto m-3 p-3">
  188.                     <i class="fas fa-globe"></i> IP: <?= $ip; ?>
  189.                 </div>
  190.                 <div class="col-lg-4"></div>
  191.                 <div class="col-body col-md-auto m-3 p-3">
  192.                     <i class="fas fa-users"></i> Players Online: <?= $player; ?>
  193.                 </div>
  194.             </div>
  195.         </div>
  196.  
  197.     </div>
  198.  
  199.  
  200. </body>
  201.  
  202. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!