A Pen by Doğukan Akgün

Thumbnail
This awesome code was written by NemoryTR, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright NemoryTR ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Doğukan Akgün</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="hover_bkgr_fricc">
    <span class="helper"></span>
    <div>
        <p>Hello my friend, <br><br> <b>Would you like to download our application and use 5 stars and win the game?</b></p>
      <p>
        Some Games: <b>Cs:Go, PUBG bla bla...</b>
      </p>
      <p>
        <b>HYou get more key? Click earn.</b>
      </p>
      <p>
        <a href='https://play.google.com/store/apps/details?id=com.codeinfirst.igfollowers&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1' target="blank"><img alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' height="75px"/></a>
      </p>
    </div>
</div>
  <script src='https://code.jquery.com/jquery-1.11.3.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/NemoryTR/a-pen-by-doandx11fukan-akgandxfcn-bvOeLR */
body { margin:0; padding:0; font-family: Roboto,sans-serif;}
/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(30,42,49,.8);
    cursor:pointer;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #2b3942;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    display: inline-block;
    color: #fff;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    color: #333;
    position: absolute;
    top: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #fff;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
}
/* Popup box BEGIN */

/*Downloaded from https://www.codeseek.co/NemoryTR/a-pen-by-doandx11fukan-akgandxfcn-bvOeLR */
$(window).load(function () {
    $('.hover_bkgr_fricc').click(function(){
        $('.hover_bkgr_fricc').hide();
    });
    $('.popupCloseButton').click(function(){
        $('.hover_bkgr_fricc').hide();
    });
});

Comments