Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /><script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
- <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
- <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,900,500' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
- <style>
- @import url('https://fonts.googleapis.com/css?family=Iceland');
- @import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
- body {
- background: url(https://c1.staticflickr.com/6/5673/30593604650_bfe4251a9c_b.jpg) no-repeat center center fixed;
- background-size: cover;
- overflow: hidden;
- cursor: default;
- }
- #card {
- width: 400px;
- height: 300px;
- position: relative;
- margin: 10% auto;
- border-radius: 8px;
- box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2), 0px 2px 6px rgba(0, 0, 0, 0.4);
- overflow: hidden;
- }
- #blur {
- background: url(https://c1.staticflickr.com/6/5673/30593604650_bfe4251a9c_b.jpg) no-repeat center center fixed;
- background-size: cover;
- width: 430px;
- height: 330px;
- position: relative;
- top: -15px;
- left: -15px;
- border-radius: 8px;
- -webkit-filter: blur(8px);
- -moz-filter: blur(8px);
- filter: blur(8px);
- }
- #color {
- background: rgba(255, 255, 255, .60);
- width: 430px;
- height: 330px;
- }
- #profile {
- cursor: grabbing;
- width: 400px;
- height: 300px;
- position: relative;
- top: -330px;
- border-radius: 8px;
- }
- img {
- width: 100px;
- height: 100px;
- border-radius: 100px;
- position: relative;
- top: 32px;
- display: block;
- margin: 0 auto;
- -webkit-filter: sepia(.25);
- -moz-filter: sepia(.25);
- filter: sepia(.25);
- }
- h1 {
- color: red;
- font-family: 'Iceland';
- font-size: 36px;
- font-weight: 700;
- text-align: center;
- position: relative;
- top: 48px;
- }
- p {
- color: rgba(38, 50, 56, .87);
- font-family: 'Josefin Sans';
- font-size: 16px;
- font-weight: 400;
- text-align: center;
- position: relative;
- top: 56px;
- }
- a {
- color: rgba(255, 255, 255, 1);
- transition: color 0.4s;
- text-decoration: none;
- }
- a:hover {
- color: rgba(232, 77, 59, .70);
- transition: color 0.4s;
- }
- .info {
- text-align: center;
- margin: 0 auto;
- position: relative;
- top: 86px;
- background: rgba(71, 71, 71, 1);
- width: 32px;
- height: 32px;
- border-radius: 100px;
- background-position: center center;
- background-size: cover;
- transition: all 0.2s ease;
- z-index: 0;
- }
- .info.active {
- width: 100%;
- height: 200%;
- position: relative;
- top: -100%;
- background: rgba(71, 71, 71, 1);
- transition: width .1s ease, height .2s ease, top .2s ease, z-index .2s ease;
- z-index: 999;
- }
- .info i.block {
- color: rgba(255, 255, 255, .6);
- display: block;
- }
- .info .fa-info {
- padding: 8px;
- cursor: pointer;
- visibility: visible;
- opacity: 1;
- transition: visibility 0s, opacity 0.4s ease;
- }
- .info.active .fa-info {
- visibility: hidden;
- opacity: 0;
- transition: visibility 0s, opacity 0.4s ease;
- }
- .info .fa-angle-down {
- cursor: pointer;
- visibility: hidden;
- }
- .info.active .fa-angle-down {
- position: relative;
- margin: 0 auto;
- width: 24px;
- height: 24px;
- padding: 4px;
- visibility: visible;
- position: relative;
- top: 128px;
- animation-name: visible;
- animation-duration: 0.3s;
- }
- @keyframes visible {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .info p {
- color: rgba(255, 255, 255, 1);
- font-family: 'Josefin Sans';
- font-size: 18px;
- line-height: 110%;
- font-weight: 400;
- text-align: center;
- padding: 24px;
- position: relative;
- top: 144px;
- visibility: hidden;
- }
- .info.active p {
- visibility: visible;
- animation-name: entrance-first;
- animation-duration: 0.4s;
- }
- .info .link {
- visibility: hidden;
- margin: 24px 24px 0px 24px;
- padding: 16px 4px 4px 4px;
- cursor: pointer;
- position: relative;
- top: 144px;
- }
- .info.active .link {
- visibility: visible;
- animation-name: entrance-second;
- animation-duration: 0.5s;
- }
- @keyframes entrance-first {
- 0% {
- top: 200px;
- }
- 100% {
- top: 144px;
- }
- }
- @keyframes entrance-second {
- 0% {
- top: 200px;
- }
- 100% {
- top: 144px;
- }
- }
- .animasi{opacity: 0.2;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
- .animasi.infinite{opacity: 0.2;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
- .animasi:hover{opacity: 0.2;-webkit-animation-duration:0.1s;animation-duration:0.1s;}
- @-webkit-keyframes anim1{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes anim1{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:1;-webkit-transform:scale3d(1.0,1.0,1.0);transform:scale3d(1.0,1.0,1.0)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.anim1{-webkit-animation-name:anim1;animation-name:anim1}
- h3 {
- font-weight: 100;
- }
- a.menu-link {
- padding:17px 0;
- text-align: center;
- margin:7% auto;
- position: relative;
- width: 300px;
- color: #fff;
- text-decoration: none;
- background-color: #FFBA00;
- border-radius: 3px;
- box-shadow: 0 5px 0px 0px #eea900;
- display: block;
- }
- a.menu-link:hover {
- background-color: #ff9900;
- box-shadow: 0 3px 0px 0px #eea900;
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- transition:all 1s;
- }
- /* end link popup*/
- /*style untuk popup */
- #menu {
- visibility: hidden;
- opacity: 0;
- margin-top: -200px;
- }
- #menu:target {
- visibility:visible;
- opacity: 1;
- background-color: rgba(0,0,0,0.8);
- position: fixed;
- top:0;
- left:0;
- right:0;
- bottom:0;
- margin:0;
- z-index: 99999999999;
- -webkit-transition:all 1s;
- -moz-transition:all 1s;
- transition:all 1s;
- }
- @media (min-width: 768px){
- .popup-container {
- width:600px;
- }
- }
- @media (max-width: 767px){
- .popup-container {
- width:100%;
- }
- }
- .menu-container {
- position: relative;
- margin:7% auto;
- padding:30px 50px;
- background-color: #fafafa;
- color:#333;
- border-radius: 3px;
- }
- a.menu-close {
- position: absolute;
- top:3px;
- right:3px;
- background-color: #333;
- padding:7px 10px;
- font-size: 20px;
- text-decoration: none;
- line-height: 1;
- color:#fff;
- }
- /* style untuk isi popup */
- .menu-form {
- margin:10px auto;
- }
- .menu-form h2 {
- margin-bottom: 5px;
- font-size: 37px;
- text-transform: uppercase;
- }
- .menu-form .input-group {
- margin:10px auto;
- }
- .menu-form .input-group input {
- padding:17px;
- text-align: center;
- margin-bottom: 10px;
- border-radius:3px;
- font-size: 16px;
- display: block;
- width: 100%;
- }
- .menu-form .input-group input:focus {
- outline-color:#FB8833;
- }
- .menu-form .input-group input[type="email"] {
- border:0px;
- position: relative;
- }
- .menu-form .input-group input[type="submit"] {
- background-color: #FB8833;
- color: #fff;
- border: 0;
- cursor: pointer;
- }
- .menu-form .input-group input[type="submit"]:focus {
- box-shadow: inset 0 3px 7px 3px #ea7722;
- }
- </style>
- <div id="card">
- <div id="blur">
- <div id="color"></div>
- </div>
- <div id="profile">
- <img src="https://1.bp.blogspot.com/-P1jMet8cGvQ/Wi6HjYT3n5I/AAAAAAAAAuQ/bO2cfdqUfJo8YPt0SP6veAvhEERf_SEzQCLcBGAs/s1600/logo.jpg" alt="User" />
- <h1>Underxploit Reborn</h1>
- <p>Knowlage Is Jembut</p>
- <div class="info">
- <i class="fa fa-info fa-1x block"></i>
- <i class="fa fa-angle-down fa-2x block"></i>
- <a class="link" href="https://www.facebook.com/WILDAN.OFFICIAL" target="_blank"><i class="fa fa-facebook-official fa-2x social"></i></a>
- <div id="closed"></div>
- <br><br>
- <a href="#menu" class="popup-link">Klik untuk memunculkan Popup</a>
- <div class="popup-wrapper" id="popup">
- <div class="popup-container">
- <form action="http://www.syakirurohman.net/2015/01/tutorial-membuat-popup-tanpa-javascript-jquery#" method="post" class="popup-form">
- <h2>Ikuti Update !!</h2>
- <p>Daripada hanya melihat demo untuk popup-nya saja, lebih baik masukkan juga email anda agar mendapatkan pemberitahuan saat ada update posting menarik lain seperti ini.<br/>
- <strong>Percayalah, saya hanya akan mengirim sesuatu yang bermanfaat untuk anda :)</strong></p>
- <div class="input-group">
- <p><input type="email" name="email" placeholder="Email Address"></p>
- <p>
- <input type="hidden" name="action" value="subscribe">
- <input type="hidden" name="source" value="http://www.syakirurohman.net/2015/01/tutorial-membuat-popup-tanpa-javascript-jquery">
- <input type="hidden" name="sub-type" value="widget">
- <input type="hidden" name="redirect_fragment" value="blog_subscription-2">
- <input type="hidden" id="_wpnonce" name="_wpnonce" value="aaf0b68fcd">
- <input type="submit" value="Submit" name="jetpack_subscriptions_widget">
- </p>
- </div>
- <a class="popup-close" href="#closed">X</a>
- </form>
- </div>
- </div>
- <br></div>
- </div>
- </div>
- </div>
- </div>
- <script>
- $(function() {
- $("#card").draggable();
- $(".block").on("click", function() {
- $(".info").toggleClass("active");
- });
- });
- </script>
- <center>
- <style type="text/css">#info-teja {z-index: 1000;background:-moz-linear-gradient(top, #1F2326, #555);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#555));box-shadow:-2px -2px 8px #000000, 2px 2px 20px #000000;-moz-box-shadow:-2px -2px 8px #000000, 2px 2px 20px #000000;-webkit-box-shadow:-2px -2px 8px #000000, 2px 2px 20px #000000;width:460px;position: fixed;top:150px;left:0;margin-left:-350px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:320px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:370px;}.teja15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #fffff;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #000000;}.Tejatouch {font-size:21px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: #fffff;}</style><div id="info-teja"><span class="Tejatouch"><font size="5" color="white" style="text-shadow: 5px 5px 10px black;"><i class="fa fa-bug"></i></font></span><div class="Tejainbox"><div class="Tejainbox2 teja15">
- <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
- </head>
- <body>
- <?php
- $listMerk = array('XiaoMi','Samsung','Oppo','Vivo','Iphone','LG','Windows');
- $agent = $_SERVER[
- 'HTTP_USER_AGENT'];
- $cek = 0;
- foreach ($listMerk as $merk)
- {
- $count = substr_count($agent,$merk);
- if ($count > 0)
- $cek = 1;
- }
- if ($cek == 0)
- {
- echo"Tidak ada data";
- }
- else if
- ($cek == 1)
- {
- echo"<center>
- <h3>Underxploit Shell [1st]</h3>
- <img src='http://xero.esy.es/me/logo.jpg' class='image animasi infinite anim1'><br><br>
- </center>
- <br>
- Device yang anda Gunakan
- <br>
- <h1> $merk </h1>";
- }
- ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement