Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html><head>
- <title>Underxploit</title>
- <!--- Jquery 2.1.3 --->
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
- <!--- Font Awesome 4.7.0 --->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
- <!--- Loader Style --->
- <style>
- @import url("https://fonts.googleapis.com/css?family=Cabin");
- #loading-wrapper {
- position: fixed;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- background:#222;
- z-index: 99999;
- }
- #loading-text {
- display: block;
- position: absolute;
- top: 50%;
- left: 50%;
- color: #fff;
- width: 100px;
- height: 30px;
- margin: -8px 0 0 -50px;
- text-align: center;
- font-size: 25px;
- }
- #loading-content {
- display: block;
- position: fixed;
- left: 50%;
- top: 50%;
- width: 120px;
- height: 120px;
- margin: -55px 0 0 -60px;
- border: 3px solid #F00;
- }
- #loading-content {
- border: 3px solid transparent;
- border-top-color: #4C8BF4;
- border-bottom-color: #4C8BF4;
- border-radius: 50%;
- -webkit-animation: loader 500ms linear infinite;
- -moz-animation: loader 500ms linear infinite;
- -o-animation: loader 500ms linear infinite;
- animation: loader 500ms linear infinite;
- }
- @keyframes loader {
- 0% {
- -webkit-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- transform: rotate(360deg);
- }
- }
- </style>
- <!--- Javascript Opacity --->
- <script>
- $(document).ready(function() {
- function pulsate() {
- $("#loading-text").animate({ opacity: 0.2 }, 500, 'linear')
- .animate({ opacity: 1 }, 500, 'linear', pulsate)
- .click(function() {
- $(this).animate({ opacity: 1 }, 500, 'linear');
- $(this).stop();
- });
- }
- pulsate();
- });
- </script>
- <!--- Javascript Preloader --->
- <script>
- $(window).load(function () {
- $('#loading-wrapper').delay(1000).fadeOut('slow');
- });
- </script>
- </head><body>
- <!--- Run --->
- <div id="loading-wrapper">
- <div id="loading-text"><i class="fa fa-bug"></i></div>
- <div id="loading-content"></div>
- </div>
- // Content Here
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement