Skip to content

Instantly share code, notes, and snippets.

@nathanfitzgerald
Last active August 29, 2015 14:01
Show Gist options
  • Save nathanfitzgerald/eb8c6dd2f61c14ccdb1b to your computer and use it in GitHub Desktop.
Save nathanfitzgerald/eb8c6dd2f61c14ccdb1b to your computer and use it in GitHub Desktop.
mia.success.sample.html
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Get Any Result You Want Online</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="og:url" content="http://success.miadavies.com/training/">
<meta name="og:type" content="website">
<meta name="og:title" content="Get Any Result You Want Online">
<meta name="og:description" content="Free Video Series Reveals The Secret To Clearing Your Barriers To Online Success And Finally Stepping Into Your True Potential As An Entrepreneur">
<meta name="og:locale" content="en_us">
<meta name="og:image" content="http://res.cloudinary.com/mts/image/upload/v1372820631/livestream-fb-share_pm5npp.jpg">
<meta name="fb:app_id" content="636611989692035">
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="//releases.flowplayer.org/5.4.6/skin/minimalist.css" rel="stylesheet">
<link href="//db2y2qyi10v3b.cloudfront.net/stylesheets/application/application-7.0.5.min.css" rel="stylesheet">
<link rel="stylesheet" href="//s3.amazonaws.com/frequency9/jquery/countdown/jquery.countdown.css" />
<!--[if lt IE 9]><script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script src="//db2y2qyi10v3b.cloudfront.net/javascripts/modernizr-2.5.3.min.js"></script>
<style type="text/css">@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200italic,400,600,400italic,700&subset=latin,latin-ext);
.capture.x-theme1 {
background: url(http://res.cloudinary.com/mts/image/upload/v1376623966/mia-bbb-background_maksrv.jpg) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Source Sans Pro', sans-serif !important;
}
.capture.x-theme1 .x-header-wrapper {
padding-left: 60px;
padding-right: 60px;
padding-bottom: 0px;
}
.capture.x-theme1 .x-layout {
border: none;
border-radius: 0px;
box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
background-color: transparent;
}
.capture.x-theme1 .x-preheadline {
font-size: 24px;
color: #00AAB2;
font-weight: bold;
text-transform: uppercase;
}
.capture.x-theme1 .x-headline {
font-size: 36px;
color: #303030;
font-weight: bold;
}
.capture.x-theme1 .x-cta {
display: none;
}
.capture .x-optin button,
.capture .btn-primary {
font-weight: bold;
max-width: 100%;
padding: 20px;
background: #f71683; /* Old browsers */
background: -moz-linear-gradient(top, #f71683 0%, #dd1372 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f71683), color-stop(100%,#dd1372)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f71683 0%,#dd1372 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f71683 0%,#dd1372 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f71683 0%,#dd1372 100%); /* IE10+ */
background: linear-gradient(to bottom, #f71683 0%,#dd1372 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f71683', endColorstr='#dd1372',GradientType=0 ); /* IE6-9 */
}
.capture .btn-primary.active, .btn-primary:hover {
background-color: #f44979;
}
.capture.x-theme1 .x-optin {
padding-top 0px;
}
.capture .x-optin-form-inputs input {
width: 280px;
max-width: 92%;
padding: 10px;
height: 30px;
background-color: #fff;
}
@media only screen and (max-width: 479px) {
.capture.x-theme1 .x-header-wrapper {
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.capture.x-theme1 .x-preheadline {
font-size: 18px;
}
.capture.x-theme1 .x-headline {
font-size: 24px;
}
}
.value a {
color: #00aab2;
}
.value a.btn {
color: #fff;
}
.value.x-theme1 {
padding-top: 20px;
background-color: #fff;
font-family: Arial, sans-serif !important;
/*background: url(http://res.cloudinary.com/mts/image/upload/v1371443047/livestream-background_tbwhbu.jpg);*/
/*background: url(http://res.cloudinary.com/mts/image/upload/v1370055553/sunburst_bg_grey_pp3m0a.jpg);*/
background-image: none;
background-color: #efefef;
}
.value.x-theme1 .x-layout,
.value #x-layout-value-1 {
padding-top: 0px !important;
padding-bottom: 20px !important;
max-width: 866px !important;
margin: 0px auto 0 !important;
border-top: 0px !important;
/*-moz-border-radius: 0px 0px 20px 20px !important;
border-radius: 0px 0px 20px 20px !important;*/
}
.value.x-theme1 .x-header-wrapper {
padding-top: 0px;
margin-bottom: 0px;
}
.value.x-theme1.capture .x-content-wrapper {
/*padding-top: 10px;*/
/*background-color: #d0e4e5;*/
/*padding: 20px;*/
margin-top: -20px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.value.x-theme1.value .x-header-wrapper {
display: none;
}
.value.x-theme1 .x-header {
margin: -2px 0px 0px;
}
.value.x-theme1 .x-preheadline {
margin-top: 0px;
}
.value.x-theme1 .x-headline {
/*color: #00aab2;*/
color: #000;
font-size: 32px;
font-weight: bold;
line-height: 1;
margin-bottom: 0px;
padding-bottom: 0px;
text-shadow: 1px 1px 1px #ccc;
}
.value.x-theme1 .x-optin {
/*background-color: #FFF3C6;*/
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 10px 20px;
}
.value.x-theme1 .x-cta-copy {
margin-bottom: 0px;
}
.value {
text-align: center;
}
.value h2 {
font-size: 24px;
}
.value h3 {
font-size: 18px;
margin-top: 30px;
margin-bottom: 10px;
line-height: 1;
}
.value .value .x-copy p {
margin-bottom: 16px !important;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 1.5;
}
.value #defaultCountdown {
z-index: 999;
margin: 0;
padding-top: 0px;
background-color:transparent;
height: 80px;
border: 0px;
line-height: 1.2;
}
.value .x-social {
margin: 30px 20px;
-webkit-border-radius: 10px;
border-radius: 10px;
height: auto;
}
.value .x-fb-like {
width: 100%;
}
.value .x-comments-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.mts-signature {
font-family: Daniel, serif;
font-size: 22px;
font-weight: bold;
}
.value .btn-warning {
background: #f71683; /* Old browsers */
background: -moz-linear-gradient(top, #f71683 0%, #dd1372 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f71683), color-stop(100%,#dd1372)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f71683 0%,#dd1372 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f71683 0%,#dd1372 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f71683 0%,#dd1372 100%); /* IE10+ */
background: linear-gradient(to bottom, #f71683 0%,#dd1372 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f71683', endColorstr='#dd1372',GradientType=0 ); /* IE6-9 */
}
.value .btn-warning.active, .btn-warning:hover {
background-color: #f44979;
}
.value.x-theme1 .x-video-wrapper {
margin: 0px 20px;
padding: 10px;
border: 1px solid #f0f0f0;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #f0f0f0;
}
.value.x-theme1 .x-video {
/*box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.1);*/
background-color: #f0f0f0;
margin-bottom: 0px;
}
.mts-object {
position: relative;
}
.mts-object .training {
margin-top: 10px;
}
.mts-object .thumb {
/*box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.1);*/
background-color: #fff;
min-height: 106px;
background: no-repeat;
background-size: 100%;
}
.mts-object .starthere {
position: absolute;
top: 370px;
left: -110px;
}
.value .x-video .training-video {
display: block;
height: 106px;
}
.value .x-video .after {
display: none;
}
@media only screen and (max-width: 479px) {
.value.x-theme1 {
margin-top: 10px !important;
}
.value.x-theme1 .x-header {
margin: 14px 8px 0px;
}
.value.x-theme1 .x-headline {
font-size: 18px;
margin-bottom: 0px;
}
.value.x-theme1 .x-content-wrapper {
margin-top: 0px;
}
.mts-object {
margin-top: 0px;
padding-left: 30px;
padding-right: 30px;
}
.value.x-theme1 .x-video-wrapper {
margin: 10px 10px 0px;
padding: 8px;
}
.value.x-theme1 .x-video {
margin-top: 0px;
margin-bottom: 0px;
box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.1);
}
.value.x-theme1 .x-optin {
border-top: none;
margin-top: 0px;
padding-top: 0px;
}
.value .x-cta img {
max-width: 70%;
}
.value.x-theme1 .x-cta {
margin-bottom: 0px;
}
.value.x-theme1 .x-optin-form {
padding-top: 4px;
}
.value h2 {
font-size: 16px;
margin-bottom: 10px;
}
.value #defaultCountdown {
height: 50px;
}
.mts-object .thumb {
margin-bottom: 10px;
}
}</style>
</head>
<body class="page value modern x-theme1 red" id="page1052">
<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or
<a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
<div id="x-root"></div>
<div id="fb-root"></div>
<div class="x-banner"><div class="container"></div></div>
<div class="x-wrapper" id="wrapper">
<div class="container">
<div class="x-layout" id="x-layout-value1">
<img style="margin:0 0 10px; border:0px;" src="http://res.cloudinary.com/mts/image/upload/v1376615556/mia-new-header81413_nnnvfj.png">
<div class="x-header-wrapper">
<div class="x-header">
</div>
</div>
<div class="x-content">
<!--<h2>Encore Livestream Tuesday July 23 @ 5pm PST</h2>-->
<!--<h2>The Livestream Workshop Starts In...</h2>
<h2 id="defaultCountdown"></h2>-->
<div class="mts-object" style="margin-top:20px;"><div class="x-video-wrapper"><div class="x-video"><iframe id="player1" class="vimeo" src="" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><img class="after" src="http://res.cloudinary.com/mts/image/upload/v1372726146/livestream-video-finish-start-here_oko4im.png"></div>
<div class="row-fluid training">
<div class="span4 thumb" style="background-image:url(http://res.cloudinary.com/mts/image/upload/w_189/v1372820625/livestream-vid-placeholder1-new_mbysol.jpg);">
<a href="#" class="training-video" data-src="//player.vimeo.com/video/69460336"><img src="http://res.cloudinary.com/mts/image/upload/v1372744403/video-playbutton-overlay_wknsqr.png"></a>
</div>
<div class="span4 thumb" style="background-image:url(http://res.cloudinary.com/mts/image/upload/v1372733106/livestream-training-thumb2_ibskdp.jpg);">
<!--<img src="http://res.cloudinary.com/mts/image/upload/v1372745915/video-coming-soon_vffhat.png">-->
<a href="#" class="training-video" data-src="//player.vimeo.com/video/69928064"><img src="http://res.cloudinary.com/mts/image/upload/v1372744403/video-playbutton-overlay_wknsqr.png"></a>
</div>
<div class="span4 thumb" style="background-image:url(http://res.cloudinary.com/mts/image/upload/v1372733112/livestream-training-thumb3_l1ivis.jpg);">
<!--<img src="http://res.cloudinary.com/mts/image/upload/v1372745915/video-coming-soon_vffhat.png">-->
<a href="#" class="training-video" data-src="//player.vimeo.com/video/70254508"><img src="http://res.cloudinary.com/mts/image/upload/v1372744403/video-playbutton-overlay_wknsqr.png"></a>
</div>
</div>
</div>
<img class="starthere hidden-phone" src="http://res.cloudinary.com/mts/image/upload/v1372716263/livestream-training-starthere_i1qisv.png">
</div>
<!--<p style="margin-top:20px;"><a target="_blank" href="http://miadavies.com/schedule/" class="btn btn-large btn-warning">Apply for a Free Strategy Session</a></p>-->
<p style="margin-top:20px;"><a target="_blank" href="https://itunes.apple.com/us/podcast/god-centered-success/id870095971?mt=2" class="btn btn-large btn-warning">
Click Here to Download Mia's New Podcast</a></p>
<div style="margin: 10px 10px 0px;">
<h3>PDF Downloads</h3>
<div class="row-fluid">
<div class="span4">
<a href="https://s3.amazonaws.com/mts-files/819/mia-livestream-oldvsnew.pdf" target="_blank">
<img class="thumbnail" src="http://res.cloudinary.com/mts/image/upload/w_180/v1374080423/livestream-oldvsnew-pdf_qurdtz.jpg">
</a>
</div>
<div class="span4">
<a href="https://s3.amazonaws.com/mts-files/819/mia-livestream-beliefs.pdf" target="_blank">
<img class="thumbnail" src="http://res.cloudinary.com/mts/image/upload/w_180/v1374080427/livestream-beliefs-pdf_hcheh8.jpg">
</a>
</div>
<div class="span4">
<a href="https://s3.amazonaws.com/mts-files/819/mia-livestream-winning.pdf" target="_blank">
<img class="thumbnail" src="http://res.cloudinary.com/mts/image/upload/w_180/v1374080434/livestream-winning-pdf_g0tdpx.jpg">
</a>
</div>
</div>
</div>
<!--<h3>Training 1: Getting Into Action With a the New Model of Marketing</h3>
<div class="mts-object"><div class="x-video-wrapper"><div class="x-video"><iframe src="//player.vimeo.com/video/69460336" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div></div></div>
<h3>Training 2: Clearing Limiting Beliefs For Breakthrough Results Online</h3>
<div class="mts-object"><div class="x-video-wrapper"><div class="x-video">Coming Soon</div></div></div>
<h3>Training 3: Setting Your Environment Up For Success</h3>
<div class="mts-object"><div class="x-video-wrapper"><div class="x-video">Coming Soon</div></div></div>-->
<!--<div class="x-widget">
<div class="x-copy x-copyblock x-copy-block1" style=""><p>Wooohooo!</p>
<p>I am so excited you are joining me for this powerful event that will ROCK your business!!</p>
<p>1. Mark your calendar for your Livestream Workshop July 10th 4pm pst</p>
<p>2. Check your email for your first breakthrough video & livestream link</p>
<p>If you don't see an email from me be sure to let us know at [email protected] so we can help you out!</p>
<p>Can't wait to see on on the livestream!</p>
<p><span class="mts-signature">Mia Davies</span></p>
<p>P.s. I would greatly appreciate you paying it forward by sharing the livestream link on your Facebook page <a href="http://www.miadavies.com/livestream">www.miadavies.com/livestream</a></p>
</div>
</div>-->
<div class="x-social" style="">
<div class="x-fb-like">
<div class="fb-like" data-href="https://www.facebook.com/miadaviesfanpage" data-width="242" data-send="false" data-show-faces="true"></div>
</div>
</div>
<h3>Leave Me a Comment Below So We Can Connect!</h3>
<div class="x-comments-wrapper">
<div class="fb-comments" data-href="http://livestream.miadavies.com/training/" data-num-posts="50" data-width="470"></div>
</div>
</div>
<div class="x-layout-footer">
</div>
</div>
</div>
</div>
<footer>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.9.2/jquery-ui.min.js"></script>
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
<!--<script src="//db2y2qyi10v3b.cloudfront.net/flowplayer/5.0.0/flowplayer.min.js"></script>-->
<script src="//releases.flowplayer.org/5.4.6/flowplayer.min.js"></script>
<script src="//db2y2qyi10v3b.cloudfront.net/javascripts/application/application-2.2.7.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('footer').load('/service/layout/legal-footer', { page_id: $('body').attr('id') });
});
</script>
<script src="http://db2y2qyi10v3b.cloudfront.net/jquery/countdown/jquery.countdown.min.js"></script>
<script src="http://d3epbeteyqbqh7.cloudfront.net/vimeo/froogaloop.min.js"></script>
<script type="text/javascript">(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=636611989692035";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">//window.location = 'http://livestream.miadavies.com/onlineworkshop/';
$(function () {
var austDay = new Date();
austDay = new Date(austDay.getFullYear(), 7 - 1, 17, 15, 0, 0);
$('#defaultCountdown').countdown(
{until: $.countdown.UTCDate(-8, austDay)});
//$('#year').text(austDay.getFullYear());
});
var h = location.hash;
var n = h.split('?');
var hash = n[0];
if (hash == '#video1') {
$('.vimeo').attr('src', '//player.vimeo.com/video/69460336?autoplay=1');
}
else if (hash == '#video2') {
$('.vimeo').attr('src', '//player.vimeo.com/video/69928064?autoplay=1');
}
else if (hash == '#video3') {
$('.vimeo').attr('src', '//player.vimeo.com/video/70254508?autoplay=1');
}
else {
$('.vimeo').attr('src', '//player.vimeo.com/video/71397270?autoplay=1&api=1&player_id=player1');
}
$('.training-video').on('click', function(e) {
e.preventDefault();
$('.x-video .after').hide();
$('.x-video iframe').show();
$('.vimeo').attr('src', '');
$('.vimeo').attr('src', $(this).data('src') + '?autoplay=1');
return false;
});
var iframe = $('#player1')[0],
player = $f(iframe);
player.addEvent('ready', function() {
player.addEvent('finish', onFinish);
});
function onFinish(id) {
$('.x-video .after').show();
$('.x-video iframe').hide();
}
$(window).bind("load resize", function(){
var container_width = $('#container').width();
$('#container').html('<div class="fb-like-box" ' +
'data-href="https://www.facebook.com/miadaviesfanpage"' +
' data-width="' + container_width + '" data-show-faces="false" ' +
'data-header="true"></div>');
//FB.XFBML.parse( );
}); </script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2687759-13']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
<!-- Powered by Frequency9 -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment