CINXE.COM
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"> <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]--> <!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]--> <!-- Consider adding an manifest.appcache: h5bp.com/d/Offline --> <!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]--> <head> <meta charset="utf-8"> <!-- Use the .htaccess and remove these lines to avoid edge case issues. More info: h5bp.com/b/378 --> <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"/> <!-- Facebook Metadata /--> <meta property="fb:page_id" content=""/> <meta property="og:image" content=""/> <meta property="og:description" content=""/> <meta property="og:title" content=""/> <!-- Google+ Metadata /--> <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"> <!-- preloader / loading gif is located in ../img/ change background color in style.css --> <div id="preloader"> <div id="status"> </div> </div> <!-- Main content block - all page content --> <div class="content custom-scroll"> <!-- blocker active with active header --> <div class="blocker"> </div> <!-- #scrollarea adds custom scrollbar for main content --> <div id="scrollarea"> <!-- Navigation header --> <header class="top-main" gumby-fixed="top"> <div class="row large"> <!-- reponsive menu button / not visible on desktop <a class="toggle menu-btn" href="#" gumby-trigger=".site-nav"><i class="fa fa-bars"></i></a> --> <div class="three columns alpha"> <!-- logo --> <div class="logo"> <a href="home"><img src="img/main-logo.png" alt="logo" gumby-retina></a> </div> </div> <div class="nine columns"> <!-- navigation --> <nav class="main-nav"> <ul class="site-nav"> <!-- li class active for active page link add gumby-trigger=#id to target drawer with child navigation / gumby-trigger will be used for mobile menu--> <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> <!-- icon-nav --> <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> <!-- first block --> <div class="first-block"> </div> <!-- superslides --> <section class="home-slider"> <!-- begin home slideshow --> <div id="slides" class="home"> <ul class="slides-container"> <!-- first slide --> <li> <!-- slide background image --> <img src="img/slide1.png" alt=""> <div class="black-tint"> </div> <div class="slide-caption dark text-center"> <!-- add class do-fade to apply fade animation on scroll --> <div class="row large do-fade"> <h1 class="block-heading">RE-THINK PUBLISHING. DIGITALLY.</h1> <h2>Your content. Brought to life. On all devices.</h2> <div class=" midtoppadding"> <a href="showcase" class="white line-button"><span>VIEW SHOWCASE</span></a> </div> </div> </div> </li> <!-- second slide --> <li> <!-- slide background image --> <img src="img/slide2.png" alt=""> <div class="black-tint"> </div> <div class="slide-caption dark"> <!-- add class do-fade to apply fade animation on scroll --> <div class="row large text-center do-fade"> <h1 class="block-heading">READY.SET.PUBLISH.</h1> <div class="eight columns centered"> <h2>Take Publishing Ninja for a test drive.</h2> <div class="midtoppadding"> <a class="white line-button planner-btn"><span>FREE TRIAL</span></a> </div> </div> </div> </div> </li> <!-- third slide --> <li> <!-- slide background image --> <img src="img/slide3.png" alt=""> <div class="black-tint"> </div> <div class="slide-caption dark"> <!-- add class do-fade to apply fade animation on scroll --> <div class="row large text-center do-fade"> <h1 class="block-heading">BUILD IT. YOURSELF.</h1> <div class="eight columns centered"> <h2>Now everyone can easily do digital publishing.</h2> <div class="midtoppadding"> <a href="features" class="white line-button"><span>FEATURES</span></a> </div> </div> </div> </div> </li> </ul> <!-- slideshow direction nav --> <nav class="slides-navigation"> <a href="#" class="next"><i class="fa fa-chevron-right"></i></a> <a href="#" class="prev"><i class="fa fa-chevron-left"></i></a> </nav> </div> </section> <!-- home-slider --> <!-- section background color --> <div class="white"> <!-- first section / info --> <section class="content-block"> <div class="row content-heading text-center"> <h6>DIGITAL PUBLISHING PLATFORM</h6> <h3>YOUR CONTENT. BROUGHT TO LIFE. ON ALL DEVICES.</h3> <span class="border"></span> </div> <div class="row"> <div class="ten columns centered text-center"> <p class="intro"> Publishing Ninja is a digital publishing platform which will 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. The platform also offers full subscription management, so you can track who is viewing your digital content and exactly what they are looking at. </p> </div> </div> </section> <!-- image background section --> <section class="img-section" style="background-image:url(img/home-page-aboutus-bg.png);"> <div class="content-block black-tint dark"> <!-- content heading --> <div class="row content-heading text-center"> <h6>A LITTLE ABOUT US</h6> <h3>PASSIONATE ABOUT WHAT WE DO</h3> <span class="border"></span> </div> <!-- info --> <div class="row"> <div class="six columns"> <img src="img/screen2.png" alt="anthem-screen" class="img-left"> </div> <div class="six columns"> <h4 class="purple-text">Design for print isn't design for digital, PDF rendering is a thing of the past.</h4> <div class="clear-20"> </div> <p> The current digital publishing platforms are just not getting it right. The Publishing Ninja team have been on a mission over the last 18 months to better understand what has been going wrong. Publishing Ninja is the result of 18 months of research and development, it is the future of digital publications and has a wide variety of uses, including:</p> <!-- check list --> <ul class="check-list"> <li>Digital magazines</li> <li>E-books</li> <li>Brochures/catalogues</li> <li>Training documents</li> <li>Education – interactive online learning, prospectus's</li> <li>Event show guides</li> <li>Corporate communications</li> </ul> </div> </div> </div> </section> <!--third section / projects --> <section class="white work"> <div class="content-block"> <!-- content heading --> <div class="row content-heading text-center"> <h6>OUR LATEST PUBLICATIONS</h6> <h3>YOUR CONTENT. BROUGHT TO LIFE. ON ALL DEVICES.</h3> <span class="border"></span> </div> <div class="row large"> <!-- begin projects --> <ul class="grid times-three basic" id="projects"> <!-- project --> <li class="grid-item"> <div class="grid-project"> <!-- project image --> <div class="img-box"> <img src="img/csAug.png" alt="project" class="zoom-on-hover"> <div class="icon-box"> <!-- prettyphoto link --> <a href="http://www.publishing.ninja/V2/?=0=156=6" target="_blank" title="View Publication"><i class="fa fa-link"></i></a> </div> </div> <!-- project title and category --> <div class="project-info"> <!-- link to portfolio single --> <a href="http://www.publishing.ninja/V2/?=0=156=6" title="View Publication"> <h1 class="grid-title">COMPOUND SEMICONDUCTOR</h1> <h6 class="project-cat">MAGAZINE</h6> <!-- project index --> <div class="project-index"> <span class="number">01</span><i class="fa fa-link"></i> </div> </a> <p> The most respected, authoritative and distributed magazine connecting the community since 1995. Distributed in print and digital format. </p> </div> </div> </li> <!-- project --> <li class="grid-item"> <div class="grid-project"> <!-- project image --> <div class="img-box"> <img src="img/dcseAug.png" alt="project" class="zoom-on-hover"> <div class="icon-box"> <!-- prettyphoto link --> <a href="http://www.publishing.ninja/V2/?=0=153=19" target="_blank" title="View Publication"><i class="fa fa-link"></i></a> </div> </div> <!-- project title and category --> <div class="project-info"> <!-- link to portfolio single --> <a href="http://www.publishing.ninja/V2/?=0=153=19" target="_blank" title="View Publication"> <h1 class="grid-title">DCS EUROPE</h1> <h6 class="project-cat">MAGAZINE</h6> <!-- project index --> <div class="project-index"> <span class="number">02</span><i class="fa fa-link"></i> </div> </a> <p> Datacentre Solutions (DCS) is Europe's leading media portfolio focusing on the technologies and business issues that impact on the datacentre hub. </p> </div> </div> </li> <!-- project --> <li class="grid-item"> <div class="grid-project"> <!-- project image --> <div class="img-box"> <img src="img/showcase3.png" alt="project" class="zoom-on-hover"> <div class="icon-box"> <!-- prettyphoto link --> <a href="http://www.publishing.ninja/V2/?=0=66=1" target="_blank" title="View Publication"><i class="fa fa-link"></i></a> </div> </div> <!-- project title and category --> <div class="project-info"> <!-- link to portfolio single --> <a href="http://www.publishing.ninja/V2/?=0=66=1" title="View Publication"> <h1 class="grid-title">POWER ELECTRONICS WORLD</h1> <h6 class="project-cat">MAGAZINE</h6> <!-- project index --> <div class="project-index"> <span class="number">03</span><i class="fa fa-link"></i> </div> </a> <p> Power Electronics World will cover the value chain from material, semiconductors to end device, asking along the way which drivers will be key for which applications? </p> </div> </div> </li> </ul> <!-- clear floats --> <div class="clear"> </div> </div> <div class="row large"> <!-- begin projects --> <ul class="grid times-three basic" id="projects"> <!-- project --> <li class="grid-item"> <div class="grid-project"> <!-- project image --> <div class="img-box"> <img src="img/picMag.png" alt="project" class="zoom-on-hover"> <div class="icon-box"> <!-- prettyphoto link --> <a href="http://www.publishing.ninja/V2/index.php?=0=157=168" target="_blank" title="View Publication"><i class="fa fa-link"></i></a> </div> </div> <!-- project title and category --> <div class="project-info"> <!-- link to portfolio single --> <a href="http://www.publishing.ninja/V2/index.php?=0=157=168" title="View Publication"> <h1 class="grid-title">PIC INTERNATIONAL</h1> <h6 class="project-cat">MAGAZINE</h6> <!-- project index --> <div class="project-index"> <span class="number">04</span><i class="fa fa-link"></i> </div> </a> <p> A quarterly publication tracking the whole value chain, including wafers/materials, devices, modules, systems, and service providers </p> </div> </div> </li> <!-- project --> <li class="grid-item"> <div class="grid-project"> <!-- project image --> <div class="img-box"> <img src="img/faby.png" alt="project" class="zoom-on-hover"> <div class="icon-box"> <!-- prettyphoto link --> <a href="http://www.publishing.ninja/V2/?=0=147=146" target="_blank" title="View Publication"><i class="fa fa-link"></i></a> </div> </div> <!-- project title and category --> <div class="project-info"> <!-- link to portfolio single --> <a href="http://www.publishing.ninja/V2/?=0=147=146" target="_blank" title="View Publication"> <h1 class="grid-title">Faby</h1> <h6 class="project-cat">BROCHURE</h6> <!-- project index --> <div class="project-index"> <span class="number">05</span><i class="fa fa-link"></i> </div> </a> <p> Inspired by a passion for colour and fashion, Faby offers a range of high quality nail care products which mix both tradition and innovation. Faby's digital brochure and marketing is created in Publishing.Ninja </p> </div> </div> </li> <!-- project --> <li class="grid-item"> <div class="grid-project"> <!-- project image --> <div class="img-box"> <img src="img/dw.png" alt="project" class="zoom-on-hover"> <div class="icon-box"> <!-- prettyphoto link --> <a href="http://www.publishing.ninja/V2/?=0=155=84" target="_blank" title="View Publication"><i class="fa fa-link"></i></a> </div> </div> <!-- project title and category --> <div class="project-info"> <!-- link to portfolio single --> <a href="http://www.publishing.ninja/V2/?=0=155=84" title="View Publication"> <h1 class="grid-title">DIGITALISATION WORLD</h1> <h6 class="project-cat">MAGAZINE</h6> <!-- project index --> <div class="project-index"> <span class="number">06</span><i class="fa fa-link"></i> </div> </a> <p> Digitalisation Magazine, an online publication that brings you news and features from the digital world. </p> </div> </div> </li> </ul> <!-- clear floats --> <div class="clear"> </div> </div> <div class="row midtoppadding text-center"> <!-- link to portfolio --> <a href="contact" class="black line-button"><span>GET IN TOUCH</span></a> </div> </div> </section> <!-- call to acton block --> <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> <!-- widgetized footer --> <footer class="widget-ftr stripe-bg"> <div class="content-block dark"> <div class="row large midtoppadding"> <!-- widget --> <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> <!-- widget --> <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> <!-- widget --> <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> <!-- widget --> <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> <!-- site credit --> <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"> <!-- social network links --> <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> <!-- scrollarea --> <!-- planner window --> <div class="planner-modal grey custom-scroll"> <!-- planner-scrollarea adds custom scrollbar for planner --> <div id="planner-scrollarea"> <div class="content-block"> <div class="row"> <!-- planner heading --> <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"> <!-- sign-up form --> <form method="post" action="signup-processor.php" onSubmit="return CheckAll(this);" id="form1"> <!-- first part --> <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> <!-- submit button --> <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> <!-- close planner button --> <a class="remove-planner"><i class="fa fa-times"></i></a> </div> <!--planner scrollarea --> </div> <!-- planner --> <!-- back to top button displays after 850px vertical scroll value in ../js/main.js --> <div class="back-to-top"> <a id="top-trigger"> <i class="fa fa-angle-up"></i> </a> </div> </div> <!-- end div.content --> <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> <!-- twitter --> <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> <!-- Change UA-XXXXX-X to be your site's ID --> <script> window._gaq = [['_setAccount','UA-10312146-33'],['_trackPageview'],['_trackPageLoadTime']]; Modernizr.load({ load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' }); </script>--> <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6. chromium.org/developers/how-tos/chrome-frame-getting-started --> <!--[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]--> <!--Start of Tawk.to 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> <!--End of Tawk.to Script--> </body> </html>