Publishing Ninja ™ - Digital Publishing Made Easy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">        <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product">  <head> <meta charset="utf-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Publishing Ninja ™ - Digital Publishing Made Easy</title> <meta name="description" content=""/> <meta name="keywords" content=""/> <meta name="author" content="humans.txt"> <meta name="robots" content="noindex, nofollow"> <link rel="shortcut icon" href="favicon.png" type="image/x-icon"/>  <meta property="fb:page_id" content=""/> <meta property="og:image" content=""/> <meta property="og:description" content=""/> <meta property="og:title" content=""/>  <meta itemprop="name" content=""> <meta itemprop="description" content=""> <meta itemprop="image" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,700italic,400italic" rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700" rel='stylesheet' type='text/css'>  <link href="css/bootstrapped.css" rel="stylesheet" /> <link rel="stylesheet" href="css/import.css"> <style> /* body{margin:0px;color:#fff;background-color:#ccc;outline:none;height:100%;} */ .clear{ clear:both; line-height:none; } iframe{border:0px;background-color:#fff;padding:0px;margin-left:auto;margin-right:auto;overflow:hidden;} .change-title{ font-size:18px; font-weight:bold; color:#ccc; } .current-size-text{ font-size:12px; } .icons-bar{ background-color:#666;padding:25px;height:100px;margin-top:85px;} .icons-bar img{ border:2px solid #666; } .preview-area{text-align:center;height:100%;background-color:#aaa;} .inputter{ border:0px; background-color:#666; font-size:12px; color:#ffff66; padding:0px; width:85px !important; } .tooltip-inner{ font-weight:bold !important; font-size:15px; background-color:#ffff66; color:#666; top:30px !important;} .ratio-hide{ display:none; } #preview-size{ font-size:12px; color:#ffff66; } #preview-sizes ul{ margin:0px; padding:0px; list-style:none; } #preview-sizes ul li{ margin:0px; padding:0px; list-style:none; float:left; margin-right:13px; } @media only screen and (max-width:725px) { .change-title{ display:none; } } @media only screen and (max-width:503px) { .top-icons{ width:33px; } } @media only screen and (max-width:440px) { .top-icons{ width:33px; } #preview-sizes ul li{ margin-right:3px; } } @media only screen and (max-width:370px) { .icons-bar{ display:none; }} </style> <script src="js/libs/modernizr-2.6.2.min.js"></script> </head> <body class="top-header">  <div id="preloader"> <div id="status">   </div> </div>  <div class="content custom-scroll">  <div class="blocker"> </div>  <div id="scrollarea">  <header class="top-main" gumby-fixed="top"> <div class="row large">  <div class="three columns alpha">  <div class="logo"> <a href="home"><img src="img/main-logo.png" alt="logo" gumby-retina></a> </div> </div> <div class="nine columns">  <nav class="main-nav"> <ul class="site-nav">  <li><a href="home">Home</a> </li> <li><a href="showcase">Showcase</a> </li> <li><a href="features">Features</a> </li> <li><a href="pricing">Pricing</a> </li> <li><a href="blog">Blog</a> </li> <li><a href="about">About</a></li> <li><a href="contact">Contact</a></li> </ul>  <ul class="nav-icon-list"> <li><a href ="login"><span>Login</span><i class="fa icon-user"></i></a></li> <li><a class="planner-btn"><span>FREE TRIAL</span><i class="fa icon-thumbs-up"></i></a></li> </ul> </nav> </div> </div> </header>   <div class="first-block"> </div>  <div id="crumbs" class="black dark"> <div class="row large">  <h6 class="sub-heading"><a href="home"><span>HOME</span></a>  /   CONTACT US</h6> </div> </div> <section class="grey stripe-bg">  <div class="two-third white"> <div id="contact-page"> <div class="content-block"> <div class="row">  <h3 class="bold">CONTACT US</h3> <h4>Hey there! If you have any questions about the Publishing Ninja platform give us a call, drop us an email or fill in the form below.</h4> <hr class="thin grey"> </div> <div class="row">  <form method="post" action="#" id="contact-form"> <ul> <li> <p> * All fields are required. </p> </li> <li class="field"><input class="input" type="text" placeholder="Your Name" name="name" id="your-name"></li> <li class="field"><input class="input" type="email" placeholder="Your Email" name="email" id="your-email"></li> <li class="field"><input class="input" type="text" placeholder="Subject" name="subject" id="your-subject"></li> <li class="field"><textarea class="input textarea" placeholder="Your Message" rows="4" name="message" id="your-message"></textarea></li> <li>  <input value="SUBMIT FORM" class="purple submit" id="submit" name="submit" type="submit"> </li> </ul> </form> <div id="email-msg"> </div> </div> </div> </div> </div>  <aside class="one-third grey"> <div id="sidebar">  <div class="widget"> <h5 class="stripe-heading">GET IN TOUCH</h5> <div class="widget-content"> <p class="contact-info"> 6 Bow Court, Fletchworth Gate, Burnsall Road<br> Coventry, UK, CV5 6SP<br> <br> <i class="fa fa-phone"></i><a href="tel:02476718970">+44 (0)2476 718970</a><br> <i class="fa fa-envelope-o"></i><a href="mailto:info@publishing.ninja">info@publishing.ninja</a> </p> </div> </div> </div> </aside>  <div class="clear"> </div> </section>  <div class="action-block purple"> <div class="row"> <div class="twelve columns text-center"> <h3 class="white-text">Take Publishing Ninja for a test drive!<a class="white line-button planner-btn orig"><SPAN>FREE TRIAL</span></a> </h3> </div> </div> </div>  <script> (function($) { "use strict"; $('#contact-form #submit').click(function(){ $.post("send-email.php", $("#contact-form").serialize(), function(response) { $('#contact-form')[0].reset(); $('#email-msg').fadeIn('slow').html(response); $('#email-msg').delay('7000').fadeOut('slow'); }); return false; }); })(jQuery); </script>  <footer class="widget-ftr stripe-bg"> <div class="content-block dark"> <div class="row large midtoppadding">  <div class="three columns widget-block"> <h6 class="widget-heading">A LITTLE ABOUT US.</h6> <p> Publishing Ninja has been developed by Angel Business Communications, who have been working in the publishing industry for over 30 years. Publishing Ninja is a digital publishing platform hoping to revolutionise the way your content is displayed on all devices. It is a platform which allows you to make full use of HTML 5 technology, responsive design, intuitive navigation and an easy to use CMS. </p> </div>  <div class="three columns widget-block"> <h6 class="widget-heading">FROM OUR BLOG</h6> <ul> <li><a href="blog-post5.php">Faby finds the "Joy" of Publishing Ninja</a></li> <span class="post-date">April 12th, 2016</span> <li> <a href="blog-post4.php">PDF Rendering is a thing of the past</a> <span class="post-date">September 9th, 2015</span> </li> <li> <a href="blog-post3.php">Offline download version now available</a> <span class="post-date">August 11, 2015</span> </li> <li> <a href="blog-post1.php">Angel Business launch Publishing Ninja</a> <span class="post-date">June 30, 2015</span> </li> </ul> </div>  <div class="three columns widget-block"> <h6 class="widget-heading">CONTACT US</h6> <p class="greytext midmargin meta"> Take our <a href="#" class="planner-btn orig">free trial</a> and see what Publishing Ninja can do for your publications. </p> <p class="greytext midmargin meta">T:<span> <a href="tel:02476718970">+44 (0)24 7671 8970</a> </span><br> E: <a href="mailto:info@publishing.ninja" class="orig">info@publishing.ninja</a> </p> </div>  <div class="three columns newsletter widget-block"> <h6 class="widget-heading">NEWSLETTER</h6> <p class="smallfont"> Sign up for email updates. We will never share your email. </p> <form id="newsletter" action="#" method="post"> <div class="field"> <input name="email" class="input" type="text" placeholder="Your Email"> </div> <input type="submit" name="Submit" value="Submit" class="submit small purple"> </form> <div id="subscribe-msg"> </div> </div> </div> </div> </footer>  <footer id="colophon"> <div class="row large"> <div class="six columns"> <p> © PUBLISHING NINJA 2015. All rights reserved . <a href="privacy">PRIVACY POLICY</a>.</p> </div> <div class="six columns">  <div class="text-right"> <div class="social-icon"> <ul class="social-icon-list"> <li><a href="https://www.facebook.com/PublishingNinja/" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="https://twitter.com/NinjaPublishing" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="https://www.linkedin.com/company/publishing-ninja?trk=biz-companies-cym" target="blank"><i class="fa fa-linkedin"></i></a></li> </ul> </div> </div> </div> </div> </footer> </div>   <div class="planner-modal grey custom-scroll">  <div id="planner-scrollarea"> <div class="content-block"> <div class="row">  <div class="ten columns centered"> <h2 class="bold">Sign up</h2> <p class="intro s-bold"> We are offering all publishers a free trial of Publishing Ninja. Fill in your details below and select the package which is right for you. Build beautiful content. Today.</p> <hr class="thin grey"> </div> </div> <div class="row"> <div class="ten columns centered smallpadding">  <form method="post" action="signup-processor.php" onSubmit="return CheckAll(this);" id="form1">  <h5 class="bold purple-text">HELLO THERE</h5> <div class="clear-20"> </div> <div class="row"> <div class="field six columns"> <label for="name">Your Name*</label> <input class="input" type="text" id="name" name="fieldnm_1" placeholder="Please enter your name..."> </div> <div class="field six columns"> <label for="email">Your E-mail*</label> <input class="input" type="email" id="email" name="fieldnm_2" placeholder="Please enter your email address..."> </div> </div> <div class="row"> <div class="field six columns"> <label for="telephone">Telephone number</label> <input class="input" type="tel" id="telephone" name="fieldnm_3" placeholder="Please enter your telephone number..."> </div> <div class="field six columns"> <label for="company">Company name</label> <input class="input" type="text" id="company" name="fieldnm_4" placeholder="Please enter your company name..."> </div> </div> <div class="row"> <div class="field six columns"> <label for="website">Website URL i.e. http://www.website.com</label> <input class="input" type="url" id="website" name="fieldnm_5" placeholder="Please enter your website URL..."> </div> <div class="field six columns"> <label for="location">Your Industry</label> <input class="input" type="text" id="location" name="fieldnm_6" placeholder="What is your industry..."> </div> </div> <div class="row"> <div class="field six columns"> <label for="website">Address</label> <input class="input" type="text" id="fieldnm_12" name="fieldnm_12" placeholder="Please enter your Address..."> </div> <div class="field six columns"> <label for="location">City</label> <input class="input" type="text" id="location" name="fieldnm_8" placeholder="Please enter your City..."> </div> </div> <div class="row"> <div class="field six columns"> <label for="website">County</label> <input class="input" type="text" id="website" name="fieldnm_9" placeholder="Please enter your County..."> </div> <div class="field six columns"> <label for="location">Postcode</label> <input class="input" type="text" id="location" name="fieldnm_10" placeholder="Please enter your Postcode..."> </div> </div> <div class="row"> <div class="field six columns"> <label for="website">Country</label> <select class="input" name="fieldnm_11" id="country"> <option value="AF">Afghanistan</option> <option value="AX">脜land Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda</option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia, Plurinational State of</option> <option value="BQ">Bonaire, Sint Eustatius and Saba</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island</option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory</option> <option value="BN">Brunei Darussalam</option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CA">Canada</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands</option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CD">Congo, the Democratic Republic of the</option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">C么te d'Ivoire</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Cura莽ao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ">Equatorial Guinea</option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas)</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories</option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard Island and McDonald Islands</option> <option value="VA">Holy See (Vatican City State)</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IR">Iran, Islamic Republic of</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KP">Korea, Democratic People's Republic of</option> <option value="KR">Korea, Republic of</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyzstan</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macao</option> <option value="MK">Macedonia, the former Yugoslav Republic of</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia, Federated States of</option> <option value="MD">Moldova, Republic of</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palestinian Territory, Occupied</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RE">R茅union</option> <option value="RO">Romania</option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="BL">Saint Barth茅lemy</option> <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option> <option value="KN">Saint Kitts and Nevis</option> <option value="LC">Saint Lucia</option> <option value="MF">Saint Martin (French part)</option> <option value="PM">Saint Pierre and Miquelon</option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SX">Sint Maarten (Dutch part)</option> <option value="SK">Slovakia</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="SS">South Sudan</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard and Jan Mayen</option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan, Province of China</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania, United Republic of</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad and Tobago</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="GB" selected>United Kingdom</option> <option value="US">United States</option> <option value="UM">United States Minor Outlying Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela, Bolivarian Republic of</option> <option value="VN">Viet Nam</option> <option value="VG">Virgin Islands, British</option> <option value="VI">Virgin Islands, U.S.</option> <option value="WF">Wallis and Futuna</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> </div> </div> <div class="row"> <div class="field six columns"> <label for="package">Select your Package</label> <select name="fieldnm_7" id="package" class="select"> <option value="Standard" selected="selected">Standard Package</option> <option value="Premium">Premium Package</option> <option value="Platinum">Platinum Package</option> <option value="Free">Free Trial</option> </select> </div> </div> <div class="clear-50"> </div>  <input type="submit" name="Submit" value="SIGN UP" class="purple submit"> </form> <hr class="thin grey"> <div class="twelve columns alpha"> <p> <span class="purple-text bold">Privacy Policy:</span>  We will never share your information with anyone. We will only contact you with regards to your account. </p> </div> </div> </div> </div>  <a class="remove-planner"><i class="fa fa-times"></i></a> </div>  </div>   <div class="back-to-top"> <a id="top-trigger"> <i class="fa fa-angle-up"></i> </a> </div> </div>  <script src="js/libs/jquery-2.0.2.min.js"></script> <script src="js/libs/gumby.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script>  <script src="js/twitter.js"></script> <script> (function($) { "use strict"; $('.tweet').tweet({ username: "publishing.ninja", modpath: '/twitter/', count: 1, loading_text: 'loading twitter feed...' }); })(jQuery); </script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script> /* (C) Copyright 2015 - Responsive Preview - By Mike Hewitt at Angel Business Communications */ function rotator(sz){ if(sz=="a"){ $("#li-a").addClass("ratio-hide"); $("#li-b").removeClass("ratio-hide"); } else if(sz=="b"){ $("#li-a").removeClass("ratio-hide"); $("#li-b").addClass("ratio-hide"); } else if(sz=="c"){ $("#li-d").removeClass("ratio-hide"); $("#li-c").addClass("ratio-hide"); } else if(sz=="d"){ $("#li-c").removeClass("ratio-hide"); $("#li-d").addClass("ratio-hide"); } else if(sz=="g"){ $("#li-h").removeClass("ratio-hide"); $("#li-g").addClass("ratio-hide"); } else if(sz=="h"){ $("#li-g").removeClass("ratio-hide"); $("#li-h").addClass("ratio-hide"); } else if(sz=="i"){ $("#li-j").removeClass("ratio-hide"); $("#li-i").addClass("ratio-hide"); } else if(sz=="j"){ $("#li-i").removeClass("ratio-hide"); $("#li-j").addClass("ratio-hide"); } } function chooseSize(sz){ var w,h,pr = ""; var iconSelect = "#icon-"+sz; $(".top-icons").attr("style","border-color:#666666"); $(iconSelect).attr("style","border-color:#ffff66"); if(sz=="x"){ w = "100%"; h = "1200px"; pr = "Full"; } else if(sz=="a"){ w = "320px"; h = "480px"; pr = "320x480"; } else if(sz=="b"){ w = "480px"; h = "320px"; pr = "480x320"; } else if(sz=="c"){ w = "640px"; h = "960px"; pr = "640x960"; } else if(sz=="d"){ w = "960px"; h = "640px"; pr = "960x640"; } else if(sz=="e"){ w = "1280px"; h = "800px"; pr = "1280x800"; } else if(sz=="f"){ w = "1440"; h = "900px"; pr = "1440x900"; } else if(sz=="g"){ w = "320px"; h = "568px"; pr = "320x568"; } else if(sz=="h"){ w = "568px"; h = "320px"; pr = "568x320"; } else if(sz=="i"){ w = "360px"; h = "640px"; pr = "360x640"; } else if(sz=="j"){ w = "640px"; h = "360px"; pr = "640x360"; } document.getElementById("previewFrame").width=w; document.getElementById("previewFrame").height=h; document.getElementById("preview-size").value=pr; document.getElementById("size-log").value=pr; } function checkSizeOkay(theSize){ if(theSize.indexOf('x') === -1){ var theActualSize = $("#size-log").val(); $("#preview-size").val(theActualSize); } theSize = theSize.split("x"); var w = theSize[0]; var h = theSize[1]; document.getElementById("previewFrame").width=w; document.getElementById("previewFrame").height=h; $(".top-icons").attr("style","border-color:#666666"); } document.getElementById('preview-size').onkeypress = function(e){ if (!e) e = window.event; var keyCode = e.keyCode || e.which; if (keyCode == '13'){ var sz = $("#preview-size").val(); checkSizeOkay(sz);document.getElementById("size-log").value=sz;return false; } } $(document).ready(function() { $(".icon-chooser").tooltip(); }); /* (C) Copyright 2015 - Responsive Preview - By Mike Hewitt at Angel Business Communications */ </script> <script> $(document).ready(function(){ $('#contact-form #submit').click(function(){ $.post("send-email.php", $("#contact-form").serialize(), function(response) { $('#contact-form')[0].reset(); $('#email-msg').fadeIn('slow').html(response); $('#email-msg').delay('7000').fadeOut('slow'); }); return false; }); }); </script>  <script> window._gaq = [['_setAccount','UA-10312146-33'],['_trackPageview'],['_trackPageLoadTime']]; Modernizr.load({ load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' }); </script>-->    <script type="text/javascript"> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/58e776bff7bbaa72709c4dd4/default'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script>  </body> </html>

CINXE.COM

Publishing Ninja ™ - Digital Publishing Made Easy