H5mag

<!DOCTYPE html>   <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=960"> <title>H5mag</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content=""> <meta name="description" content="Best platform to create immersive online magazines - works everywhere!">  <link rel="stylesheet" href="/css/reset.css"> <link rel="stylesheet" href="/css/text.css"> <link rel="stylesheet" href="/css/components/checker.css"> <link rel="stylesheet" href="/css/components/popup.css"> <link rel="stylesheet" href="/css/animations.css"> <link rel="stylesheet" href="/css/main.css?2016"> <link rel="stylesheet" href="/css/home.css?20151123"> <link rel="stylesheet" href="/css/header.css"> <link rel="stylesheet" href="/css/mobile-menu.css"> <link rel="stylesheet" href="/css/footer.css"> <link rel="stylesheet" href="/css/notification.css"> <link rel="stylesheet" href="/css/mobile.css"> <link href="/css/components/csscarousel.css" media="screen" rel="stylesheet" type="text/css" > <link href="/css/components/csscarousel-custom.css" media="screen" rel="stylesheet" type="text/css" > <link href="/css/mobile-home.css" media="screen" rel="stylesheet" type="text/css" > <script type="text/javascript" src="/js/jquery.js"></script> <script type="text/javascript" src="/js/jquery.migrate.js"></script> <script type="text/javascript" src="/js/requestanimationframe-fallback.js"></script> <script type="text/javascript" src="/js/svg-fallback.js"></script> <script type="text/javascript" src="/js/components/jquery.inviewport.js"></script> <script type="text/javascript" src="/js/components/jquery.checker.js"></script> <script type="text/javascript" src="/js/components/jquery.nightrider.js"></script> <script type="text/javascript" src="/js/jquery.cookie.js"></script> <script type="text/javascript" src="/js/notification.js"></script> <script type="text/javascript" src="/js/main.js"></script> <script type="text/javascript" src="/js/mobile.js"></script> <script type="text/javascript" src="/js/components/jquery.csscarousel.js"></script> <script type="text/javascript" src="/js/home.js?20151123"></script> </head> <body class="home"> <nav class=""> <div class="background"></div> <div class="background-shadow"></div> <div class="row"> </div><div class="col eight top-menu desktop"> <ul class="navigation"> <li> <a id="menu-4" class=" main" href="/features">Features</a> </li> <li> <a id="menu-5" class=" main" href="/benefits">Benefits</a> </li> <li> <a id="menu-6" class=" main" href="/showcases">Showcases</a> </li> <li> <a id="menu-7" class=" main" href="/pricing">Pricing</a> </li> <li> <a id="menu-8" class=" main" href="/contact">Contact</a> </li> </ul> </div> <div class="hamburger"></div> </nav> <div class="mobile-menu"> <a href="https://www.h5mag.com/trial" class="hollow button handheld">Try Now</a> <a href="/"><img class="logo handheld" src="/img/h5mag-logo.svg" alt="logo H5mag"></a> <div class="close"></div> <div class="drawer"> <nav> <ul class="navigation"> <li> <a id="menu-4" class=" main" href="/features">Features</a> </li> <li> <a id="menu-5" class=" main" href="/benefits">Benefits</a> </li> <li> <a id="menu-6" class=" main" href="/showcases">Showcases</a> </li> <li> <a id="menu-7" class=" main" href="/pricing">Pricing</a> </li> <li> <a id="menu-8" class=" main" href="/contact">Contact</a> </li> </ul> <ul class="navigation"> <li class="nav-separator"></li> <li><a href="/contact">Support</a></li> <li><a href="http://docs.h5mag.com/">User Guide</a></li> <li><a href="/updates">Versions</a></li> </ul> <ul class="navigation last"> <li class="nav-separator"></li> <li><a href="/legal">Legal</a></li> <li><a href="/terms">Terms and Conditions</a></li> <li><a href="/privacy">Privacy Policy</a></li> </ul> </nav> </div> <div class="contact"> <a href="tel:+310703184404">+31 (0)70 31 84 404</a><br> <a href="mailto:support@h5mag.com">support@h5mag.com</a><br> <a href="https://twitter.com/h5mag/"><img src="/img/twitter.svg" alt="Twitter: " />@H5mag</a> </div> </div> <div id="navContainer"> <a href="https://www.h5mag.com/trial" class="hollow button">Try Now</a> <nav class="main"> <div class="fixed"> <a href="/"><img class="logo" src="/img/h5mag-logo.svg" alt="logo H5mag"></a> <div class="menu desktop"> <ul class="navigation"> <li> <a id="menu-4" class=" main" href="/features">Features</a> </li> <li> <a id="menu-5" class=" main" href="/benefits">Benefits</a> </li> <li> <a id="menu-6" class=" main" href="/showcases">Showcases</a> </li> <li> <a id="menu-7" class=" main" href="/pricing">Pricing</a> </li> <li> <a id="menu-8" class=" main" href="/contact">Contact</a> </li> </ul> </div> <div class="menu right-block desktop"> <ul> <li> <a href="https://www.h5mag.com/login" >Log In</a> </li> <li> <a href="https://www.h5mag.com/trial" class="hollow button">Try Now</a> </li> </ul> </div> </div> </nav> </div> <div id="container"> <header> <div class="fixed"> <div class="content contact"> <div class="shout"> Level-Up Your Content Marketing. </div> <div class="contact"> <a href="/contact" class="button">Contact us</a> <div class="call-us">Have a question? Give us a call at <nobr>+31 70 318 44 04 (Europe)</nobr> / <nobr>+1 917 740 39 49</nobr> (USA) or <a href="/contact">send a message</a>.</div> </div> </div> <div class="content trial" style="display:none;"> <div class="shout">Create Beautiful Digital Publications</div> <div class="try"><h2 style="margin-top: 20px;"><a href="https://account.h5mag.com/register" class="button large">Try now</a></h2>  <div style="color: black;"> Create your free H5mag account. No credit card required. </div> </div> </div> <div class="animation-canvas"> <div class="device htc-one"> <div class="screen"> <img src="/img/slider/vitaalkwartaal-h5mag.jpg" alt=""> </div> </div> <div class="device galaxy-s3"> <div class="screen"> <img src="/img/slider/worldfood-h5mag.jpg" alt=""> </div> </div> <div class="device ipad"> <div class="screen"> <div class="screen-slider"> <div class="slide s1"> <img src="/img/slider/morrisons-reel.jpg" alt=""> </div> </div> </div> </div> <div class="device iphone"> <div class="screen"> <div class="screen-slider"> <div class="slide s1"> <img src="/img/slider/nexus5-reel.jpg" alt=""> </div> </div> </div> </div> </div> </div> </header> <main> <section class="feature live-editor"> <a class="anchor" name="live-editor"></a> <div class="fixed intro center"> <p>Put your content center stage. Build a rich and intuitive experience for all devices. No developers needed.</p> <p></p> </div> <div class="photo"><img src="/img/home/editor.png" srcset="/img/home/editor.png 1x, /img/home/editor2x.png 2x" alt=""></div> <div class="fixed"> <div class="feature-list thumb-list digits"> <div class="text"> <h3>Responsive Artboards</h3> <p>Add your content once and customize the layout & styling for all devices — or let H5mag do it automatically for you.</p> </div><div class="text"> <h3>Create Your Own Templates</h3> <p>Happy with a page layout? Easily save it as a template and use it as a starting point for your next pages!</p> </div><div class="text"> <h3>Styling & Formatting Without the Fuzz</h3> <p>Use our easy and unique Halo interface to format, style and layout your page simply by clicking on whichever you want to change.</p> </div> </div> </div> </section> <hr> <section class="feature rich-experience"> <a class="anchor" name="rich-experience"></a> <div class="fixed intro center"> <h1>Enrich Your Content Experience.</h1> <p> </p>  <p> </p> </div> <div class="fixed"> <div class="visuals"> <img src="/img/home/macbook.png" srcset="/img/home/macbook.png 1x, /img/home/macbook2x.png 2x" width="734" height="431" alt=""> </div> <ul class="feature-list icon-list digits"> <li class="one"><div class="text"> <img src="/img/home/checkmark.png" srcset="/img/home/checkmark.png 1x, /img/home/checkmark2x.png 2x" alt=""> <h3>Animations</h3> <p>Animate away! Choose from a large collection of animations to move, pop or bounce any element on the screen.</p> </div></li> <li class="two"><div class="text"> <img src="/img/home/checkmark.png" srcset="/img/home/checkmark.png 1x, /img/home/checkmark2x.png 2x" alt=""> <h3>Social Media Integration</h3> <p>Grow your audience: with social media your readers will spread the publication to friends, family and coworkers.</p>  </div></li> <li class="three"><div class="text"> <img src="/img/home/checkmark.png" srcset="/img/home/checkmark.png 1x, /img/home/checkmark2x.png 2x" alt=""> <h3>Video, Audio and Interactivity</h3> <p>Easily add video, audio and other interactive content and make your publication come alive.</p> </div></li> </ul> </div> <div class="clear"></div> </section> <section class="alternate ecommerce"> <a class="anchor" id="ecommerce"></a> <div class="fixed intro center"> <h1>E-commerce Integration.</h1> <p>Engage customers. </p> <p>Sell more products.</p> <p>Drive up the conversion!</p> <p><a href="/benefits#more-conversion">Read more ›</a></p>  <p> </p> </div> <div class="fixed"> <img src="/img/home/feature-tablets.png" alt="Tablets"> </div> </section> <section class="customers"> <div class="logo-grid"> <img src="/img/home/logo-nn.png" alt""> <img src="/img/home/logo-vodafone.png" alt""> <img src="/img/home/logo-vt.png" alt""> <img src="/img/home/logo-knvb.png" alt""> <img src="/img/home/logo-perf.png" alt""> </div> <hr> </section> <section class="feature beautiful-magazines"> <a class="anchor" id="beautiful-magazines"></a> <div class="fixed center intro"> <h1>Showcases.</h1> <p>Take a look at some of the beautiful publications created with H5mag.</p> </div> <div class="slider"> <div><span><img src="/img/showcases/carousel/1_stockmann.jpg" alt=""></span></div> <div><span><img src="/img/showcases/carousel/2_morrisons.jpg" alt=""></span></div> <div><span><img src="/img/showcases/carousel/3_vitaalkwartaal.jpg" alt=""></span></div> <div><span><img src="/img/showcases/carousel/4_vodafone.jpg" alt=""></span></div> <div><span><img src="/img/showcases/carousel/5_vtwonen.jpg" alt=""></span></div> <div><span><img src="/img/showcases/carousel/6_bikbok.jpg" alt=""></span></div> </div> <div class="fixed more center"> <a href="/showcases">View all showcases &rsaquo;</a> </div> </section> <section class="trial"> <div class="fixed center"> <p><a href="https://www.h5mag.com/trial" class="button large">Try the free trial</a></p> <p class="tagline">Have a question? Give us a call at <nobr>+31 70 318 44 04 (Europe)</nobr> / <nobr>+1 917 740 39 49</nobr> (USA) or <a href="/contact">send a message</a>.</p> </div> </section> </main> <div class="popups"> <div class="popup popup1"></div> </div> <footer> <div class="fixed"> <div class="fourth"> <h2>Product</h2> <ul> <li><a href="/features">Features</a></li> <li><a href="/benefits">Benefits</a></li> <li><a href="/showcases">Showcases</a></li> <li><a href="/pricing">Pricing</a></li> </ul> </div> <div class="fourth"> <h2>Support</h2> <ul> <li><a href="/login">Login</a></li> <li><a href="http://docs.h5mag.com">User Guide</a></li>  <li><a href="/contact">Contact Us</a></li> <li><a href="/updates">Release notes</a></li> </ul> </div> <div class="fourth"> <h2>More</h2> <ul> <li><a href="/jobs">Jobs</a></li> <li><a href="/terms">Terms of Service</a></li> <li><a href="/privacy">Privacy Policy</a></li> </ul> </div> </div> <div class="fourth"> <h2><a href="/contact">Contact Us</a></h2> <p><a class="tel" href="tel:+31703184404">Europe: +31 (0)70 31 84 404</a><br /> <a class="tel" href="tel:+19177403949">USA: +1 917 740 3949</a><br /> <a class="email" href="mailto:support@h5mag.com">support@h5mag.com</a><br /> <a class="twitter" href="https://twitter.com/h5mag" target="_blank"><img src="/misc/twitter-icon.png" style="width:16px; vertical-align: bottom;" /> @h5mag</a><br /> <a class="facebook" href="https://www.facebook.com/h5mag" target="_blank"><img src="/misc/facebook-icon.png" style="width:16px; vertical-align: bottom;" /> H5mag</a></p> </div> <div class="clear"></div> </footer></div> <div id="templates"> <div class="t-popup-container"> </div> </div>  <script type="text/javascript"> var _paq = _paq || []; _paq.push(["trackPageView"]); _paq.push(["enableLinkTracking"]); (function() { var u=(("https:" == document.location.protocol) ? "https" : "http") + "://piwik.schuttelaar.net/"; _paq.push(["setTrackerUrl", u+"piwik.php"]); _paq.push(["setSiteId", "7"]); var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript"; g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s); })(); </script>  </body> </html>

CINXE.COM

H5mag