<div class="modal fade" id="alertModelAds" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true" style="z-index: 1052;">
<div class="modal-dialog popup">
<div class="modal-content modal-dialogads" style="background-color:#fff;width:100%">
<div class="panel panel-blue">
<a class="close float-end" data-bs-dismiss="modal" aria-label="Close" style="margin: 5px 10px 0; border-radius: 50%;cursor: pointer;position: sticky;z-index: 999;font-weight: bold;font-size: 16px;" onclick="setCookieNotify('cookieAd', 'yes', 1)"><span aria-hidden="true">X</span></a>
</div>
<div class="modal-body" style="position:unset;">
<div>
<div class="col-lg-12">
<div class="col-xs-12 col-md-12" style="text-align: center;">
<img src="/images/youtube-logo.png" />
</div>
<div class="col-xs-12 col-md-12" style="text-align: center;">
<span style="color:#4466c5!important;font-size: 18px;font-weight: 500;padding: 0 0 20px 0;display: inline-block;font-size: 24px;line-height: 30px;">Have you subscribed to DotNetTricks YouTube Channel yet?</span>
</div>
<div class="col-xs-12 col-md-12" style="padding: 2px 0 20px 0;text-align: center;font-size: 16px;">
Learn .NET Core, MVC, Azure, Microservices, Docker, Angular, React, DevOps and more.
</div>
<div style="text-align:center">
<a href="https://www.youtube.com/dotnettricks?sub_confirmation=1" class="btn btn-primary" title="Subscribe Now" target="_blank" style="background-color:#ff0000;border-radius:4px;">Subscribe Now</a>
</div>
</div>
</div>
</div></div>
</div>
</div>
<style>
.popup .modal-content {
border-radius: 0px !important;
}
.panel {
border: 0px solid transparent;
}
.fade-scale {
transform: scale(0);
opacity: 0;
-webkit-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
}
.fade-scale.in {
opacity: 1;
transform: scale(1);
}
.modal-dialog {
padding-top: 100px;
}
.modal-dialogads [data-em=button] {
position: relative;
color: #fefefe;
text-decoration: none;
font-size: 30px;
font-weight: bold;
width: 400px;
display: block;
padding: 15px 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 0px rgba(117,117,117,0.5), 0px -4px 0px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0px 0px 0px rgba(117,117,117,0.5), 0px -4px 0px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0px 0px 0px rgba(117,117,117,0.5), 0px -4px 0px rgba(0, 0, 0, 0.2) inset;
margin: 10px auto;
text-align: center;
cursor: pointer;
transition: all 100ms;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
display: none;
overflow: auto;
}
.modal-dialogads [data-em=text-line-1] {
color: #000000;
font-size: 35px;
line-height: 65px;
font-weight: 700;
margin-top: 5px;
text-align: center;
-webkit-font-smoothing: antialiased;
padding: 0 5%;
}
.modal-dialogads input, .modal-dialogads select {
display: block;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
font-size: 18px;
color: #333333;
font-style: italic;
font-weight: 100;
margin: 0 auto;
border: 1px solid rgba(0,0,0,0.1);
width: 500px;
min-height: 48px;
line-height: 52px;
margin-bottom: 10px;
}
#select-country {
display: block;
text-align: center;
-webkit-border-radius: 6px 0 0 6px;
-moz-border-radius: 6px 0 0 6px;
-ms-border-radius: 6px 0 0 6px;
-o-border-radius: 6px 0 0 6px;
font-size: 18px;
color: #212121;
margin: 0;
width: 70px;
height: 55px;
padding: 0 0 0 7px;
font-weight: 300;
position: absolute;
bottom: 0;
left: 0;
border-right: 1px solid #ddd;
text-align-last: center;
}
.template-inputs {
position: relative;
width: 500px;
margin: 0 auto;
}
</style>
<script>
function getCookie(c_name) {
var c_value = document.cookie, c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
if (c_start == -1) {
c_value = null;
} else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
function setCookieNotify(cname, cvalue, exdays) {
$('#alertModelAds').modal("hide");
var d = new Date();
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
var expires = "expires=" + d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
$("#cookienotify").hide();
}
$(document).ready(function () {
var acookie = getCookie("cookienotify");
if (!acookie) {
$("#cookienotify").show();
}
else {
$("#cookienotify").hide();
}
var value = '0';
if (value == 0) {
$('#newslat').hide();
}
$("#showhide").click(function () {
$("#showhidepara").toggle(1000);
$('html,body').animate({ scrollTop: 9999 }, 'slow');
$(this).find('i').toggleClass('fa fa-arrow-down fa fa-arrow-up');
});
});
//accept cookie popover
function getCookie(c_name) {
var c_value = document.cookie,
c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
if (c_start == -1) {
c_value = null;
} else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
//ad settings
$(document).ready(function() {
//ad cookie
var adcookie = getCookie("cookieAdpop");
// alert(adcookie)
if (!adcookie) {
setTimeout(function () {
$('#alertModelAds').modal("show");
}, 10000);
}
});
</script>
.png)
0 comments:
Post a Comment
Note: only a member of this blog may post a comment.