Created
October 25, 2017 14:09
-
-
Save bethcasey/0838cdf4478008c248f4f029b456f4d4 to your computer and use it in GitHub Desktop.
Georgina LP
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <!--[if IE 8 ]><html id="ie8" lang="en"><![endif]--> | |
| <!--[if (gt IE 9)|!(IE)]><!--> | |
| <html lang="en"><!--<![endif]--><head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <title></title> | |
| <link rel="shortcut icon" href="//www.pardot.com/favicon.ico"> | |
| <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./assets/touch-icon.png"> | |
| <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"> | |
| <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet"> | |
| <link href="//www2.pardot.com/css/pardot-lp.css?ver=1.10" rel="stylesheet"> | |
| <style> | |
| #pardot-form textarea.standard { | |
| height: 105px !important; | |
| } | |
| #pardot-form input { | |
| width: 100% !important; | |
| } | |
| #pardot-form p.submit input { | |
| padding: 18px 20px !important; | |
| background-color: #a9aeb2 !important; | |
| border-color: #a9aeb2 !important; | |
| background: #a9aeb2 !important; | |
| } | |
| </style> | |
| <!--[if lt IE 8]> | |
| <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome-ie7.min.css" rel="stylesheet"> | |
| <![endif]--> | |
| <!--[if lt IE 9]> | |
| <script type="text/javascript" src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> | |
| <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script> | |
| <link href="//netdna.bootstrapcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy" /> | |
| <link href="./cross-domain/respond.proxy.gif" id="respond-redirect" rel="respond-redirect" /> | |
| <script src="./cross-domain/respond.proxy.js"></script> | |
| <![endif]--> | |
| <meta name="robots" content="noindex"><link rel="stylesheet" type="text/css" href="http://www2.lenoxsoft.com/css/form.css?ver=20121030"> | |
| <script type="text/javascript" src="http://cdn.pardot.com/pd.js"></script><script type="text/javascript" src="http://form-cdn.pardot.com/js/piUtils.js?ver=20130530"></script><script type="text/javascript"> | |
| piAId = '376702'; | |
| piCId = '2791'; | |
| piHostname = 'pi.pardot.com'; | |
| (function() { | |
| function async_load(){ | |
| var s = document.createElement('script'); s.type = 'text/javascript'; | |
| s.src = ('https:' == document.location.protocol ? 'https://pi' : 'http://cdn') + '.pardot.com/pd.js'; | |
| var c = document.getElementsByTagName('script')[0]; c.parentNode.insertBefore(s, c); | |
| } | |
| if(window.attachEvent) { window.attachEvent('onload', async_load); } | |
| else { window.addEventListener('load', async_load, false); } | |
| })(); | |
| </script><script type="text/javascript" src="http://pi.pardot.com/analytics?ver=3&visitor_id=9990965&pi_opt_in=&campaign_id=2791&account_id=376702&title=&url=http%3A%2F%2Fwww2.lenoxsoft.com%2Fl%2F375702%2F2017-09-14%2F7xd8q&referrer="></script><script type="text/javascript" src="http://www2.lenoxsoft.com/analytics?conly=true&visitor_id=9990965&pi_opt_in=&campaign_id=2791&account_id=376702&title=&url=http%3A%2F%2Fwww2.lenoxsoft.com%2Fl%2F375702%2F2017-09-14%2F7xd8q&referrer=&visitor_id_sign=4072130429805fcedd56b17526504e741b15eff12528e33786ef5d1cb419bd76585b69dcbfac286d68b1f24c66cf3588e00dc8c0"></script></head> | |
| <body cz-shortcut-listen="true"> | |
| <div id="wrapper"> | |
| <div class="hero"> | |
| <div class="header" style ="background-color: #446AB2;"> | |
| <div class="container"> | |
| <div class="col-md-8" pardot-region="logo"> | |
| <img src="https://pmcdeadline2.files.wordpress.com/2016/07/logo-tv-logo.png" height="75px" width="75px"> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container relative"> | |
| <div class="col-md-6 title" pardot-region="Headline"> | |
| <h1>Replace with your header</h1> | |
| </div> | |
| <div class="hero-image-style"> | |
| <style> | |
| .title { | |
| background-color: #acd6ff; | |
| background-size: cover; | |
| } | |
| @media screen and (min-width: 992px) { | |
| .hero { | |
| background-color: #acd6ff; | |
| background-size: cover; | |
| background-position: center bottom 1px; | |
| background-repeat: no-repeat; | |
| } | |
| } | |
| </style> | |
| </div> | |
| <div class="form-container col-sm-12 col-xs-12 col-md-4"> | |
| <div class="row inner-form-container"><form accept-charset="UTF-8" method="post" action="http://www2.lenoxsoft.com/l/375702/2017-09-14/7xd8q" class="form" id="pardot-form" novalidate=""> | |
| <style type="text/css"> | |
| form.form p label { float: none; text-align: left; line-height: 1em; width: auto; } | |
| form.form p.submit { margin-left: 5px; } | |
| form.form p.no-label { margin-left: 50px; } | |
| form.form span.value { margin-left: 0px; } | |
| form.form p span.description { margin-left: 0px; } | |
| form.form p.required label, form.form span.required label { background-position: top left; background: none; padding-left: 0px; } | |
| form.form .pd-checkbox .value span { display: block !important; } | |
| form.form .pd-radio .value span { display: block !important; } | |
| </style> | |
| <p>Enter your details to download the whitepaper: </p> | |
| <p class="form-field first_name pd-text required required-custom "> | |
| <label class="field-label" for="First_Namepi_First_Name">First Name *</label> | |
| <input type="text" name="First_Namepi_First_Name" id="First_Namepi_First_Name" value="" class="text" size="30" maxlength="40" onchange="" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"> | |
| </p> | |
| <div id="error_for_First_Namepi_First_Name" style="display:none"></div> | |
| <p class="form-field last_name pd-text required required-custom "> | |
| <label class="field-label" for="Last_Namepi_Last_Name">Last Name *</label> | |
| <input type="text" name="Last_Namepi_Last_Name" id="Last_Namepi_Last_Name" value="" class="text" size="30" maxlength="80" onchange=""> | |
| </p> | |
| <div id="error_for_Last_Namepi_Last_Name" style="display:none"></div> | |
| <p class="form-field email pd-text required required-custom "> | |
| <label class="field-label" for="Emailpi_Email">Email *</label> | |
| <input type="text" name="Emailpi_Email" id="Emailpi_Email" value="" class="text" size="30" maxlength="255" onchange="piAjax.auditEmailField(this, 375702, 3389, 5599131);"> | |
| </p> | |
| <div id="error_for_Emailpi_Email" style="display:none"></div> | |
| <p class="form-field country pd-select required required-custom "> | |
| <label class="field-label" for="375702_3413pi_375702_3413">Country *</label> | |
| <select name="375702_3413pi_375702_3413" id="375702_3413pi_375702_3413" class="select" onchange=""><option value="" selected="selected"></option> | |
| <option value="2367">Australia</option> | |
| <option value="2369">Canada</option> | |
| <option value="2371">Ireland</option> | |
| <option value="2373">New Zealand</option> | |
| <option value="2375">United Kingdom</option> | |
| <option value="2377">United States</option> | |
| <option value="2379">Other</option> | |
| </select> | |
| </p> | |
| <div id="error_for_375702_3413pi_375702_3413" style="display:none"></div> | |
| <p style="position:absolute; width:190px; left:-9999px; top: -9999px;visibility:hidden;"> | |
| <label for="pi_extra_field">Comments</label> | |
| <input type="text" name="pi_extra_field" id="pi_extra_field"> | |
| </p> | |
| <!-- forces IE5-8 to correctly submit UTF8 content --> | |
| <input name="_utf8" type="hidden" value="☃"> | |
| <p class="submit"> | |
| <input type="submit" accesskey="s" value="Send me the Whitepaper"> | |
| </p> | |
| <script type="text/javascript"> | |
| //<![CDATA[ | |
| var anchors = document.getElementsByTagName("a"); | |
| for (var i=0; i<anchors.length; i++) { | |
| var anchor = anchors[i]; | |
| if(anchor.getAttribute("href")&&!anchor.getAttribute("target")) { | |
| anchor.target = "_top"; | |
| } | |
| } | |
| //]]> | |
| </script> | |
| <input type="hidden" name="hiddenDependentFields" id="hiddenDependentFields" value=""></form> | |
| <script type="text/javascript">(function(){ pardot.$(document).ready(function(){ (function() { | |
| var $ = window.pardot.$; | |
| window.pardot.FormDependencyMap = []; | |
| $('.form-field-master input, .form-field-master select').each(function(index, input) { | |
| $(input).on('change', window.piAjax.checkForDependentField); | |
| window.piAjax.checkForDependentField.call(input); | |
| }); | |
| })(); });})();</script></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container content-container"> | |
| <div class="col-md-7 content" pardot-region="Content"> | |
| <h2>Replace with your header.</h2> | |
| <p>Blurby, blurby, blurb.</p> | |
| <div class="clearfix"> | |
| <h2>See how you can achieve results like the following:</h2> | |
| <div class="row"> | |
| <div class="col-md-6 col-sm-6 stats-container"> | |
| <div class="stat"> | |
| <img src="https://pixy.org/images/placeholder.png"> | |
| </div> | |
| </div> | |
| <div class="col-md-6 col-sm-6 stats-container"> | |
| <div class="stat"> | |
| <img src="https://pixy.org/images/placeholder.png"> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <footer> | |
| <div class="container"> | |
| <div class="col-md-12"><p>© 2017 All rights reserved</p></div> | |
| </div> | |
| </footer> | |
| </div> | |
| <script src="//code.jquery.com/jquery-latest.min.js"></script> | |
| <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> | |
| <script> | |
| var eu = ['Liechtenstein', 'Norway', 'Iceland', 'Austria', 'Belgium', 'Bulgaria', 'Croatia', 'Cyprus', 'Czech Republic', 'Denmark', 'Estonia', 'Finland', 'France', 'Germany', 'Greece', 'Hungary', 'Ireland', 'Italy', 'Latvia', 'Lithuania', 'Luxembourg', 'Malta', 'Netherlands', 'Poland', 'Portugal', 'Romania', 'Slovakia', 'Slovenia', 'Spain', 'Sweden', 'United Kingdom']; | |
| var countries = ['Andorra', 'Australia', 'Austria', 'Belgium', 'British Indian Ocean Territory', 'Bulgaria', 'Canada', 'China', 'Colombia', 'Croatia', 'Cyprus', 'Czech Republic', 'Denmark', 'Estonia', 'Faroe Islands', 'Falkland Islands', 'Finland', 'France', 'French Polynesia', 'French Southern Territories', 'Germany', 'Gibraltar', 'Greece', 'Greenland', 'Guadeloupe', 'Guernsey', 'Vatican', 'Hong Kong S.A.R., China', 'Hungary', 'Iceland', 'Ireland', 'Isle of Man', 'Israel', 'Italy', 'Japan', 'Jersey', 'South Korea', 'Latvia', 'Liechtenstein', 'Lithuania', 'Luxembourg', 'Malta', 'Martinique', 'Mayotte', 'Monaco', 'Morocco', 'Netherlands', 'New Caledonia', 'New Zealand', 'Norway', 'Panama', 'Poland', 'Portugal', 'Réunion', 'Romania', 'Russia', 'Saint Helena', 'Saint Pierre and Miquelon', 'San Marino', 'Serbia', 'Singapore', 'Slovakia', 'Slovenia', 'Spain', 'Svalbard and Jan Mayen', 'Sweden', 'Switzerland', 'Taiwan', 'Ukraine', 'United Kingdom', 'British Virgin Islands']; | |
| $(document).ready(function(){ | |
| if ( jQuery.inArray( $('.org62_Country select option:selected').text(), eu ) != -1 ) { //if the page is loaded with a selection of the eu array show the eu-opt-in field | |
| $(".EU_Opt_in input").prop('required',true); | |
| opt_in_toggle('.EU_Opt_in', 'inherit'); | |
| } | |
| if ( jQuery.inArray( $('.org62_Country select option:selected').text(), countries ) != -1 ) { //if the page is loaded with a selection of the country codes array show the opt-in field | |
| opt_in_toggle('.Global_Opt_In', 'inherit'); | |
| } | |
| $('.EU_Opt_in span.value').after('<span class="description">* I agree to the <a href="http://www.pardot.com/company/legal/site-terms-of-service/" target="_blank">Terms of Services<\/a> and <a href="http://www.salesforce.com/company/privacy/" target="_blank">Privacy Statement<\/a>. In particular, I consent to the transfer of my personal information to other countries, including the United States, for the purpose of hosting and processing the information as set forth in the Privacy Statement. <a id="eu-more-button" data-toggle="collapse" href="#eu-expanded"><i class="fa fa-plus-circle"><\/i><\/a> <div id="eu-expanded" class="collapse"> I understand that these countries may not have the same data protection laws as the country from which I provide my personal information. I have the right to withdraw my consent at any time. For more information, <a href="http://www.salesforce.com/company/privacy/" target="_blank">click here<\/a>. <a id="eu-less-button" data-toggle="collapse" href="#eu-expanded"><i class="fa fa-minus-circle"><\/i><\/a><\/div><\/span>'); | |
| $('#eu-expanded').on('show.bs.collapse', function () { //hide eu-more-button when additional disclaimer is expanded | |
| $('#eu-more-button').hide(); | |
| }); | |
| $('#eu-expanded').on('hidden.bs.collapse', function () { //show eu-more-button when additional disclaimer is collapsed | |
| $('#eu-more-button').show(); | |
| }); | |
| $('.org62_Country select').change(function(){ //on change of the country field check to see whether or not the selected country is in the eu array | |
| if ( jQuery.inArray( jQuery('.org62_Country select option:selected').text(), eu ) != -1 ) { //if it is show the opt-in | |
| $(".EU_Opt_in input").prop('required',true); | |
| opt_in_toggle('.EU_Opt_in', 'inherit'); | |
| } else { //if it isn't hide the opt-in | |
| $(".EU_Opt_in input").prop('required',false); | |
| opt_in_toggle('.EU_Opt_in', 'none'); | |
| } | |
| if ( jQuery.inArray( jQuery('.org62_Country select option:selected').text(), countries ) != -1 ) { //if it is show the opt-in | |
| opt_in_toggle('.Global_Opt_In', 'inherit'); | |
| } else { //if it isn't hide the opt-in | |
| opt_in_toggle('.Global_Opt_In', 'none'); | |
| } | |
| }); | |
| }); | |
| function opt_in_toggle(optin, value){ | |
| $(optin).each(function(){ | |
| $(this).css('display', value); | |
| }); | |
| } | |
| </script> | |
| <script> | |
| setTimeout(function(){ | |
| $('#guided-tour-cta').addClass("slideDown"); | |
| }, 3000) | |
| </script> | |
| <script> | |
| var forms = document.getElementsByTagName('form'); | |
| $(document).ready(function(){ | |
| for (var i = 0; i < forms.length; i++) { | |
| forms[i].noValidate = true; | |
| forms[i].addEventListener('submit', function(event) { | |
| //Prevent submission if checkValidity on the form returns false. | |
| if (!event.target.checkValidity()) { | |
| event.preventDefault(); | |
| //Implement you own means of displaying error messages to the user here. | |
| $('.EU_Opt_in .eu_error, .eu-errors').remove(); | |
| $('.EU_Opt_in .description').prepend('<p class="error no-label eu_error" style="color: #8b0000; font-size: 16px; margin-top: 0; padding-left: 0;">This field is required.<\/p>'); | |
| if ( !$('.errors').length ) { | |
| $('form .form-field:first').before('<p class="errors eu-errors">Please correct the errors below:<\/p>'); | |
| } | |
| $('html,body').scrollTop(0); | |
| } | |
| }, false); | |
| } | |
| }); | |
| </script> | |
| </body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment