aaustin/interstitial-simple.html

## interstitial-simple.html
<html>
<head>
<style>
    #branch-banner {
        width: 100%;
        margin: 0;
        z-index: 99999;
        font-family: Helvetica Neue, Sans-serif;
        -webkit-font-smoothing: antialiased;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-transition: all 0.25s ease;
        transition: all 00.25s ease;
        background: rgba(0, 24, 83, 0.55);
    }

    #branch-banner * {
        position: relative;
    }

    #branch-banner .title {
        font-size: 38px;
        font-weight: inherit;
        color: white;
        margin: 00px 0 20px;
    }

    #branch-banner .description {
        font-size: 17px;
        color: white;
        margin: 20px 80px;
    }


    #branch-banner .button {
        border: 1px solid #ccc;
        color: white;
        cursor: pointer;
        font-size: 20px;
        display: inline-block;
        text-decoration: none;
        padding: 8px 45px;
        margin: 10px;
        transition: all .2s ease;
        text-transform: uppercase;
    }

    #branch-banner .button:hover {
        border: 1px solid #BABABA;
        background: #E0E0E0;
        color: #555;
    }

    #branch-banner .button:focus {
        outline: none;
    }

    #branch-banner .branch-banner-close {
        font-weight: 400;
        cursor: pointer;
        float: right;
        z-index: 2;
        padding: 0 10px;
        color: white;
        font-size: 24px;
        opacity: 0.8;
        transition: opacity .3s ease;
    }

    #branch-banner .branch-banner-close:hover {
        opacity: 1;
        color: #555;
    }

    #branch-banner .branch-banner-continue {
        margin: 20px 0 20px;
        padding-bottom: 10px;
        font-size: 20px;
    }

    #branch-banner .content {
        width: 100%;
        color: white;
        text-align: center;
    }

    body {
        margin: 0;
    }
</style>
</head>
<body>
    <div id="branch-banner">
        <div class="content">

            <div class="branch-banner-close">
            &times;</div>

            <div class="details ">
                <div class="title">Try our app!</div>
                <div class="description">We've worked long and hard to deliver the perfect native experience for you.</div>

                <div>
                    <a class="button" href="#" target="_parent">Download App</a>
                </div>

                <div class="branch-banner-continue">
                Continue to mobile site</div>
            </div>
        </div>
    </div>
    <h1>Test site!</h1>
    <p>Here's some test content you should check out</p>
</body>
</html>
	<html>
	<head>
	<style>
	#branch-banner {
	width: 100%;
	margin: 0;
	z-index: 99999;
	font-family: Helvetica Neue, Sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-transition: all 0.25s ease;
	transition: all 00.25s ease;
	background: rgba(0, 24, 83, 0.55);
	}

	#branch-banner * {
	position: relative;
	}

	#branch-banner .title {
	font-size: 38px;
	font-weight: inherit;
	color: white;
	margin: 00px 0 20px;
	}

	#branch-banner .description {
	font-size: 17px;
	color: white;
	margin: 20px 80px;
	}


	#branch-banner .button {
	border: 1px solid #ccc;
	color: white;
	cursor: pointer;
	font-size: 20px;
	display: inline-block;
	text-decoration: none;
	padding: 8px 45px;
	margin: 10px;
	transition: all .2s ease;
	text-transform: uppercase;
	}

	#branch-banner .button:hover {
	border: 1px solid #BABABA;
	background: #E0E0E0;
	color: #555;
	}

	#branch-banner .button:focus {
	outline: none;
	}

	#branch-banner .branch-banner-close {
	font-weight: 400;
	cursor: pointer;
	float: right;
	z-index: 2;
	padding: 0 10px;
	color: white;
	font-size: 24px;
	opacity: 0.8;
	transition: opacity .3s ease;
	}

	#branch-banner .branch-banner-close:hover {
	opacity: 1;
	color: #555;
	}

	#branch-banner .branch-banner-continue {
	margin: 20px 0 20px;
	padding-bottom: 10px;
	font-size: 20px;
	}

	#branch-banner .content {
	width: 100%;
	color: white;
	text-align: center;
	}

	body {
	margin: 0;
	}
	</style>
	</head>
	<body>
	<div id="branch-banner">
	<div class="content">

	<div class="branch-banner-close">
	×</div>

	<div class="details ">
	<div class="title">Try our app!</div>
	<div class="description">We've worked long and hard to deliver the perfect native experience for you.</div>

	<div>
	<a class="button" href="#" target="_parent">Download App</a>
	</div>

	<div class="branch-banner-continue">
	Continue to mobile site</div>
	</div>
	</div>
	</div>
	<h1>Test site!</h1>
	<p>Here's some test content you should check out</p>
	</body>
	</html>