<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
if (/Mobi|Android/i.test(navigator.userAgent)) {
$("#uyg_indir").css("display","block");
$("body").on("click","#uyg_indir",function() {
$("#uyg_indir").addClass("uyg_buyut");
setTimeout(function(){ $("#uyg_indir").css("display","none"); }, 1000);
});
}
});
</script>
<style type="text/css">
#uyg_indir {
display: none;
padding: 3% 0;
background-color: red;
color: white;
position: fixed;
left: 2%;
right: 2%;
bottom: 1%;
z-index: 999999;
text-align: center;
font-family: Arial;
border-radius: 20px;
cursor: pointer;
transition: all 1s;
}
#uyg_indir:hover {
transform: scale(0.9);
}
#uyg_kapat {
position: absolute;
right: 3%;
top: calc(-20%);
display: block;
background-color: black;
border-radius: 50%;
padding: 0 1.5%;
font-size: 250%;
}
#uyg_indir a {
font-size: 250%;
color: white;
text-decoration: none;
}
#uyg_indir a:hover {
text-decoration: underline;
}
#uyg_indir.uyg_buyut {
transform: scale(3);
opacity: 0;
}
</style>
</head>
<body>
<div id="uyg_indir">
<a href="#linkinizburaya">
Uygulamamızı İndirmek İster Misiniz? ▼
</a>
<div id="uyg_kapat">×</div>
</div>
</body>
</html>