noahub

<script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
<script>
  var section = "#lp-pom-block-8";
  
  $(section).prepend('<div id="particle-js"></div>');
  particlesJS.load('particle-js', "https://cdn.jsdelivr.net/npm/[email protected]/demo/particles.json", function() {
  console.log('callback - particles.js config loaded');
});
</script>

noahub

<script>
$(document).ready(function(){$('#ubpoverlay-overlay').append('<canvas id="world"></canvas>'),function(){var d,f,g,k,l,m,n,o,p,q,s,t;g=350,d=[[85,71,106],[174,61,99],[219,56,83],[244,92,68],[248,182,70]],k=2*Math.PI,l=document.getElementById('world'),n=l.getContext('2d'),window.w=window.innerWidth,window.h=window.innerHeight,s=function(){return window.w=l.width=window.innerWidth,window.h=l.height=window.innerHeight},window.addEventListener('resize',s,!1),window.onload=function(){return setTimeout(s,0)},q=function(u,v){return(v-u)*Math.random()+u},o=function(u,v,z,A){return n.beginPath(),n.arc(u,v,z,0,k,!1),n.fillStyle=A,n.fill()},t=0.5,document.onmousemove=function(u){return t=u.pageX/w},window.requestAnimationFrame=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(u){return window.setTimeout(u,1e3/60)}}(),f=function(){function u(){this.style=d[~~q(0,5)],this.rgb='

noahub

<script>
  window.onload = function() {
    //set up input styling
    var newStyle;
    getInputStyle();
    //Use the setType function to update the input type. First parameter is input name, second is the input type.
    setType("phone","tel");
    setType("email","email");
    setType("date","date");
    setType("phone","tel");

noahub

<style>
/*This ensures diagonal bg doesn't block page content*/
.lp-positioned-content{
  z-index: 100;  
}
/*Replace #lp-pom-block-34 with your section ID to create an angled bottom*/
#lp-pom-block-34:after{
  background: inherit;
  bottom: 0;
  content: '';

noahub

<script type='text/javascript'>
/* globals lp, ga, $ */

(function() {
  var EventTracker, lpScriptVersion;

  lpScriptVersion = '1.4.1';

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

noahub

<style>
  *{font-family:"Open Sans", Helvetica, Arial, sans-serif;}
  table {  text-align: left; margin: 10px auto !important;} 
  /*Cell padding*/
  table td, table th{ padding: 15px 10px !important; }
  /*Header styling*/
  table tr:first-child > th{ border: none;background:#00557F !important;color:#FFFFFF !important; font-size: 15px; font-weight: bold;}
  /*Fields column*/
  table tr:not(:first-child) > th{background:#E1EEF4 !important;}
  td{background:#fff !important;}

noahub

<script>
  //Replace this ID with the full height section ID
  var sectionId = "#lp-pom-block-8";
  //box
  var section = document.querySelector(sectionId);
  var sectionChildren = section.children;
  var otherContent = $('.lp-positioned-content').children();
  var builderHeight = $(sectionId).height();
  //find initial box height
  var initHeight = builderHeight;

noahub

<script>
  countdown('06/26/2017 8:00 PM', 'timer'); //date format: mm/dd/yyyy hh:mm AM

  function countdown(dt, id)
  {
    var end = new Date(dt);
    var _second = 1000;
    var _minute = _second * 60;
    var _hour = _minute * 60;
    var _day = _hour * 24;

noahub

<style>
  /*Error text styling*/
  .errorSpan{
    color: red;
	  float: right;
    font-family: inherit;
    position: absolute;
    bottom: -20px;
    right: 0px;
    font-size: .85em;

noahub

<script type="text/javascript">
//runs on form submission
function yourSubmitFunction(e, $) {
  e.preventDefault();
  try {
    //ADD CUSTOM CODE HERE
  }
  catch(err) {
    //code to handle errors. console.log is just an example
    console.log(err);