CINXE.COM
<!doctype html> <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 id="magazineTitle"></title> <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE"> <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="https://publishing.ninja/V2/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"> <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)"> <meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=7)"> <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 rel="stylesheet" href="/V2/css/import.css"> <link rel="stylesheet" href="/V2/css/ninjaExtra.css"> <script src="/V2/js/libs/modernizr-2.6.2.min.js"></script> <link rel="stylesheet" href="/V2/css/animations.css"> <link href="/V2/css/introjs.css" rel="stylesheet"> </head> <body> <input type="hidden" id="magazineName" value="Smart Solar" /> <div id="registerlogin" class="mike-modal-outer"> <div class="mike-modal-inner"> <div class="mike-modal-title"><a href="javascript:;" onclick="hideLogin()" id="member-top-option">‹ Back to magazine</a></div> <div class="modal-content"> <div id="member-content"></div> </div> </div> </div> <div id="newsearch" class="mike-modal-outer"> <div class="mike-modal-inner"> <div class="mike-modal-title"><a href="javascript:;" onclick="hideSearch()" style="color:#fff;"><img src="/V2/img/modal-close.png" alt="Close" /></a></div> <div class="modal-content"> <h2 class="mike-modal-subheading">Search this publication</h2> <p> <form action="search.php" id="searchForm" name="searchForm"> <input type="search" id="searchBox" class="mike-modal-input" name="searchBox" placeholder="Type search term here..." onkeydown="if (event.keyCode == 13) { searchPublication(); }" /> <input type="hidden" name="magazineId" id="magazineId" /> <input type="hidden" name="publicationId" id="publicationId" /> <button onclick="searchPublication()">Search</button> </form> </p> <div id="member-content"></div> </div> </div> </div> <style> .slides-pagination { font-size:0; } </style> <!-- preloader / loading gif is located in ../img/ change background color in style.css --> <div id="preloader"> <div id="status"> </div> </div> <!-- SLIDE TRANSITION --> <div class="animsition"> <!-- Navigation header --> <header class="main custom-scroll" id="contentScroller"> <!-- #header-scrollarea adds custom scrollbar for header --> <div id="header-scrollarea"> <!-- sliding-header logo will not display on mobile devices --> <div class="logo"> <div id="contentpublicationLogo"></div> </div> <!-- navigation --> <nav class="main-nav"> <ul class="site-nav" id="contents"> <!-- li class active for active page link add gumby-trigger=#id to target drawer with child navigation --> <li id="contentpublicationTitle"> </li> <br> </ul> </nav> </div> </header> <!-- header trigger --> <div class="trigger"> <div class="trigger-box" style="margin-bottom:35px;"> <a title="Open Menu" class="toggle" gumby-trigger="header.main" id="trigger"> <i class="fa fa-bars active" data-step="2" data-intro="<p>To access the menu at any time click here</p>" data-position='right'></i> <i class="fa fa-times"></i> </a> </div> <!-- <script type="text/javascript" src="/V2/js/intro.js"></script>--> <!-- page navigation --> <div class="menu-search-icon" style="margin-bottom:35px;"> <a title="Search" id="searcherXXX" href="javascript:;" onclick="showSearch()"><i class="fa fa-search active" data-step="3" data-intro="<p>To search at any time click here</p>" data-position='right'></i></a> </div> <div class="menu-user-icon" style="margin-bottom:35px;"> <a title="Member area" href="javascript:;" onclick="memberArea(152);"><i class="fa fa-user active"></i></a> </div> <div class="trigger-box2" style="margin-bottom:35px;"> <a title="Next page" id="next" href="contents.php?=0=152=3"><i class="fa fa-chevron-right" data-step="4" data-intro="<p>Click here to go to the next page</p>" data-position='right'></i></a> </div> <div class="trigger-box3" style="margin-bottom:35px;"> <!--<a title="Previous page" id="previous" href="#"><i class="fa fa-chevron-left"></i></a>--> </div> <div class="menu-user-icon" style="margin-bottom:35px;" id="printVersion"> <a title="Print" id="print"><i class="fa fa-print"></i></a> </div> <div class="menu-user-icon" style="margin-bottom:35px;"> <a title="Share" id="share"><i class="fa fa-share-alt"></i></a> </div> <!-- side logo mark --> <div class="side-logo" id="side-logo"> </div> <!-- 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> <!-- Main content block - all page content --> <div class="content custom-scroll"> <div id="frontPage" class="frontPage custom-scroll"> <!-- blocker active with active header --> <div class="blocker"> </div> <!-- #scrollarea adds custom scrollbar for main content --> <div id="scrollarea"> <!-- action class for animating page content when header is active --><div class="action step-right slideLeft"> <!-- superslides --> <section class="home-slider"> <!-- #crumbs for page title bar and top navigation add abs class to make crumbs stick to top(background slideshow) --> <div id="crumbs" class="abs"> <div class="row large dark"> <div class="six columns"> </div> <div class="six columns text-right"> <!-- top on-page nav --> <ul class="nav-icon-list"> <li data-step="1" data-intro="<h6>Welcome To Our Publication</h6><hr><p>If you would like to learn how to use this digital publication then click next, or click skip to close.</p>"> </li> <li><div id="contentpublicationURL" class="contentpublicationURL"></div></li> </ul> </div> </div> </div> <!-- first slide --> <!-- NUMBER OF FRONT PAGES: 1 --> <!-- begin home slideshow --> <div id="slides" class="home"> <ul > <li id="a"> <!-- slide background image --> <div id="frontCover" class="frontCover"> <div class="black-tint"></div> </div> <div class="slide-caption dark text-center"> <!-- add class do-fade to apply fade animation on scroll --> <div class="row large do-fade"> <!--<div id="frontLogo"></div>--> <div style=" background-image: url(http://www.publishing.ninja/backend/logos/3/SMArt_Solar_Logo.png); width: 500px; height:223px; margin:0 auto; "> </div> <!--<h2><div id="contentIssue"></div></h2>--> <div class=" midtoppadding" id="exploreBox"> </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 --> <!-- widgetized footer --> <!-- site credit --> <footer id="colophon"> <div class="row large"> <div class="six columns"> <p> © Publishing Ninja 2017. All rights reserved. </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=""><i class="fa fa-twitter"></i></a></li> <li><a href=""><i class="fa fa-linkedin"></i></a></li> <li><a href=""><i class="fa fa-youtube"></i></a></li> </ul> </div> </div> </div> </div> </footer> </div><!-- action --> </div><!-- scrollarea --> <!-- search modal original--> <div class="search-modal"> <div class="search-field"> <form action="/V2/search.php" id="searchForm" name="searchForm"> <input type="search" id="searchBox" class="mike-modal-input" name="searchBox" placeholder="Type search term here..." onkeydown="if (event.keyCode == 13) { searchPublication(); }" /> <input type="hidden" name="magazineId" id="magazineId" /> <input type="hidden" name="publicationId" id="publicationId" /> <a href="#" onclick="searchPublication();">Search - »</a> </form> </div> <a class="remove-search"><i class="fa fa-times"></i></a> </div> <!--showreel modal --> <div class="video-modal" id="video-modal"> <div class="youtube video"> <!-- video source is added in ../js/main.js --> </div> <a class="remove-video switch" gumby-trigger="|#video-modal"><i class="fa fa-times"></i></a> </div> </div><!-- end div.content --> <script src="/V2/js/libs/jquery-2.0.2.min.js"></script> <script src="/V2/js/libs/gumby.min.js"></script> <script src="/V2/js/plugins.js"></script> <script src="/V2/js/main.js"></script> <script src="/V2/js/ninjaFunctions.js"></script> <script> $(window).load(function() { var pagepath = window.location.pathname; //alert(pagepath); if (pagepath == '/V2/index.php'){ if (location.search != ""){ var x = location.search.substr(1).split(";") for (var i=0; i<x.length; i++) { var y = x[i].split("="); } } pageID = y[1]; magazineID = y[2]; publicationID = y[3]; //alert(magazineID ); pageID = removeExtraStuff(pageID); magazineID = removeExtraStuff(magazineID); publicationID = removeExtraStuff(publicationID); } else if (pagepath == '/V2/'){ if (location.search != ""){ var x = location.search.substr(1).split(";") for (var i=0; i<x.length; i++) { var y = x[i].split("="); } } pageID = y[1]; magazineID = y[2]; publicationID = y[3]; //alert(magazineID ); pageID = removeExtraStuff(pageID); magazineID = removeExtraStuff(magazineID); publicationID = removeExtraStuff(publicationID); } else { if (window.location.pathname != "") { //alert(window.location.pathname); var x = window.location.pathname.substr(1).split(";") for (var i=0; i<x.length; i++) { var y = x[i].split("/"); } } pageID = y[2]; magazineID = y[3]; publicationID = y[4]; //alert(magazineID ); } document.getElementById("publicationId").value = publicationID; document.getElementById("magazineId").value = magazineID; prepareTitle(publicationID); getMagazineDetails(magazineID); getFrontCover(magazineID); //getFrontCoverAD(magazineID); getFrontFeatures(magazineID); }); </script> <!-- twitter --> <script src="/V2/js/twitter.js"></script> <script> (function($) { "use strict"; $('.tweet').tweet({ username: "ninjapublishing", modpath: '/twitter/', count: 1, loading_text: 'loading twitter feed...' }); })(jQuery); introJs().start(); </script> <!-- <s cript> window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']]; Modernizr.load({ load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js' }); </script> --> <script> (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), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-10312146-33', 'auto'); ga('send', 'pageview'); </script> <style> .cookie{ color:#ed1e82; background-color:#000; font-weight:bold; font-size:12px; bottom: 0%; position: fixed; z-index: 2147483647; } </style> <div id="cookieMonster" class="cookie" style="width:100%"><div class="container"><div class="row"> <div class="col-xs-10">We use cookies to ensure that we give you the best experience on our website. If you continue without changing your settings, we'll assume that you are happy to receive all cookies from this website. If you would like to change your preferences you may do so by following the instructions <a href="http://www.aboutcookies.org/Default.aspx?page=1">here</a></div><div class="col-xs-2"><a onClick="cookiesOK();"><button type="submit" style="background-color: #ed1e82; padding: 5x 10px; color: #fff;">Agree and Close</button></a></div></div></div> </div> <script> checkCookie(); function checkCookie() { //alert('checking for cookies'); var cookieOK = getCookie('cookieOK'); //alert('cookie:'+cookieOK); if (cookieOK === '1'){ $('#cookieMonster').hide(); } } function cookiesOK(){ $('#cookieMonster').hide(); // alert('create cookie'); setCookie('cookieOK', '1', '100'); } function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; var cookieOK = getCookie('cookieOK'); //alert('cookie:'+cookieOK); } function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } //alert('hi'); </script> <meta property="og:image" content="https://www.publishing.ninja/publisher/screenshot/images/.jpg"> <meta name="twitter:image" content="https://www.publishing.ninja/publisher/screenshot/images/.jpg"></body> </html>