Kale Pro Demo - LyraThemes

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Kale Pro Demo - LyraThemes</title> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type='text/css' /> <link href='https://fonts.googleapis.com/css?family=Raleway:400,700,200|Lato:400,700' rel='stylesheet' type='text/css' /> <link href="bootstrap/css/font-awesome.min.css" rel="stylesheet" type='text/css' /> <link href="style.css" rel="stylesheet" type='text/css' />   <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','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-79192041-3', 'auto'); ga('send', 'pageview'); </script> </head> <body style="overflow:hidden;"> <script type="text/javascript"> (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-79192041-1', 'auto'); ga('send', 'pageview'); </script>  <nav class="navbar navbar-fixed-top navbar-custom"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="https://www.lyrathemes.com" target="_blank"><b>Lyra</b>Themes</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="dropdown active"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Previewing:   <span class="theme_name">Kale Pro</span> <span class="fa fa-angle-down"></span></a> <ul class="dropdown-menu"> <li><a href="?theme=ariel-pro">Ariel Pro <span>Multipurpose</span></a></li> <li><a href="?theme=ariel">Ariel</a></li> <li><a href="?theme=cressida-pro">Cressida Pro <span>Fashion</span></a></li> <li><a href="?theme=cressida">Cressida</a></li> <li><a href="?theme=elara-pro">Elara Pro <span>Food</span></a></li> <li><a href="?theme=elara">Elara</a></li> <li><a href="?theme=juliet-pro">Juliet Pro <span>Feminine</span></a></li> <li><a href="?theme=juliet">Juliet</a></li> <li><a href="?theme=kale-pro">Kale Pro <span>Food</span></a></li> <li><a href="?theme=kale">Kale</a></li> <li><a href="?theme=sirius-pro">Sirius Pro <span>Business</span></a></li> <li><a href="?theme=sirius">Sirius</a></li> <li><a href="?theme=vega-pro">Vega Pro <span>Business</span></a></li> <li><a href="?theme=vega">Vega</a></li> </ul> </li> </ul> <div class="additional-menus"> <a href="https://www.lyrathemes.com/out/bluehost-preview" target="_blank"><span class="menu__helper"><i class="fa fa-server"></i><span class="text">Get Hosting</span></span></a> <a href="https://www.lyrathemes.com/checkout/?add-to-cart=904" title="Buy Now"><span class="menu__helper"><i class="fa fa-shopping-cart"></i><span class="text">Buy Now $39</span></span></a> <a href="https://www.lyrathemes.com/kale-pro/" title="Theme Details"><span class="menu__helper"><i class="fa fa-bars"></i><span class="text">Theme Details</span></span></a> <a href="https://demo.lyrathemes.com/kale-pro" target="_blank" title="Close"><span class="menu__helper"><i class="fa fa-close"></i><span class="text">Remove Frame</span></span></a> </div> </div> </div> </nav> <iframe width="100%" style="border:0" id="demo-iframe" src="https://demo.lyrathemes.com/kale-pro"></iframe> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script> <script> var theme_list_open=false; $(document).ready(function(){ function e(){ var e=$("nav.navbar").height(); $("#demo-iframe").attr("height",$(window).height()-e+"px"); } IS_IPAD=navigator.userAgent.match(/iPad/i)!=null; $(window).resize(function(){e()}).resize(); if(IS_IPAD){ $("#demo-iframe").css("padding-bottom","60px") } } ) </script> </body> </html>

CINXE.COM

Kale Pro Demo - LyraThemes