Why won't AA open an html file?
Anyone have issues with AA not opening html files? I have one that I did not create in AA (code below), but it won't open. Any ideas?
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Michigan Lottery</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="assets/animate.min.css">
<script src="assets/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var clickTag1 = "#";
</script>
<style type="text/css">
.michigan-lot-body {
margin: 0;
padding: 0;
}
.michigan-lot-banner .animated {
animation-duration: .4s
}
.michigan-lot-banner .is-visible {
display: block!important
}
.michigan-lot-banner .logo {
max-width: 100%;
margin: 0 auto;
display: block;
position: absolute;
bottom: 0px;
}
.michigan-lot-banner {
height: 250px;
min-height: 250px;
max-height: 250px;
width: 300px;
min-width: 300px;
max-width: 300px;
position: relative;
}
/* legal disclaimer words */
.michigan-lot-banner .legal-wrapper {
height: 40px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
color: #fff;
}
.michigan-lot-banner .align-right {
float: right
}
/* little word LEGAL */
.michigan-lot-banner .legal-copy {
text-transform: uppercase;
font-family: helvetica, arial;
font-size: 9px;
position: absolute;
right: 10px;
bottom: 3px;
padding: 4px 0
}
.michigan-lot-banner .btn, .michigan-lot-banner .btn-copy, .michigan-lot-banner .footer-legal-copy {
font-family: "Open Sans", arial, helvetica;
color: #fff
}
.michigan-lot-banner .legal-copy:hover {
cursor: pointer;
opacity: .5
}
.michigan-lot-banner .footer-legal-copy {
display: none;
text-align: center;
background-color: #000;
color: #fff;
font-size: 11px;
padding: 1.4em;
position: absolute;
bottom: 0
}
.michigan-lot-banner .bg {
position: absolute;
top: 0;
left: 0
}
.michigan-lot-banner .bg-fg {
z-index: 99
}
.michigan-lot-banner .is-active {
z-index: 9999
}
/*button style*/
.michigan-lot-banner .btn {
outline: 0;
border-radius: 0;
text-decoration: none;
display: inline-block;
-webkit-transition: all .1s;
-moz-transition: all .1s;
text-transform: uppercase;
/*width of button*/
padding: 1px 20px;
font-size: 15px;
border: 2px solid #ffffff;
background: #6daa3e;
color: #ffffff;
font-weight: 700;
box-shadow: 1px 1px 3px #181818;
transition: all .2s ease-in-out;
}
.michigan-lot-banner .btn:hover {
transform: scale(1.1)
}
.michigan-lot-banner .banner-content {
position: absolute;
bottom: 67px;
text-align: center;
padding: 0
}
.michigan-lot-banner .btn-copy {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, .5);
margin: 0 auto;
width: 88%
}
/* button location */
.michigan-lot-banner .banner-content {
color: #00134c;
z-index: 999999999999;
font-family: "Open Sans", helvetica, arial;
text-transform: uppercase;
font-weight: 700;
width: 100%;
right: 57px;
top: 72%;
}
.michigan-lot-banner .banner-content-copy-lg {
font-size: 14px;
line-height: 13px;
margin-bottom: 6px;
margin-top: 0;
}
.banner-content-copy-lg span {
display: block;
}
.banner-content-copy-lg span em {
color: #ea008a;
}
.michigan-lot-banner .banner-content-copy-sm {
font-size: 14px;
width: 68%;
margin: 1.5em auto;
text-shadow: 2px 2px 3px rgba(0, 0, 0, .66)
}
.michigan-lot-banner .banner-content-heading {
margin-top: 0;
margin-bottom: 0;
font-size: 46px;
font-family: 'Abril Fatface', cursive;
font-style: italic;
text-transform: lowercase;
font-weight: 400;
line-height: .9;
letter-spacing: 1px;
text-align: center;
text-shadow: 2px 2px 3px rgba(0, 0, 0, .66)
}
.michigan-lot-banner .banner-content-heading span.small {
font-size: 26px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, .66)
}
.michigan-lot-banner .banner-content-heading span.large {
font-size: 41px;
position: relative;
left: -6px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, .66)
}
</style>
</head>
<body class="michigan-lot-body">
<section class="michigan-lot-banner banner banner-777">
<img src="assets/300x250_WIN_FINAL.jpg" alt="Michigan Lottery 1-2-WIN" class="bg bg-fg">
<div class="banner-content" id="banner-content">
<a href="javascript:window.open(window.clickTag1)" target="_blank" class="btn" id="btn-signup">SIGN UP</a>
</div>
<footer class="legal-wrapper">
<span class="align-right legal-copy">Legal</span>
<div class="footer-legal-copy">Must be 18 or older, a Michigan resident, and in Michigan at the time of purchase. Subject to terms and conditions. Knowing your limits is always the best bet. For help call 1-800-270-7117.</div>
</footer>
</section>
<script type="text/javascript">
$(".michigan-lot-banner .legal-copy").hover(function() {
$(this).next().addClass("is-visible animated fadeInLeft").parent().css('z-index', 99999999999)
}, function() {}), $(".michigan-lot-banner .footer-legal-copy").on("mouseenter", function() {
$(this).addClass("is-visible")
}), $(".michigan-lot-banner .footer-legal-copy").on("mouseleave", function() {
$(this).removeClass("is-visible animated fadeInUp").parent().css('z-index', 999)
});
// if($(window).width() < 600) {
// $('#btn-signup').attr('href', '#');
// }
</script>
</body></html>
AdChoices