<!DOCTYPE html> <html lang="en" class="ng-scope" ng-app="app"> <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></title> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/font-awesome.css"/> <link rel="stylesheet" href="css/site.css"/> <link rel="stylesheet" href="css/app.css"> <link href="css/froala_editor.css" rel="stylesheet" type="text/css"> <link href="css/froala_style.css" rel="stylesheet" type="text/css"> <link href="css/animate.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="dist/messi.css"> <script src="js/jquery-1.9.0.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/lodash.min.js"></script> <link rel="stylesheet" href="dist/gridstack.css"/> <script src="dist/gridstack.js"></script> <script src="dist/messi.js"></script> </head> <body class="grid" style="background-color: rgb(201, 201, 201);" ng-controller="DemoController"><div style="min-height: 650px;" id="sunnytainer_id" class="sunnytainer container nopadding cover"><div class="grid-stack"></div></div> <div id="sunny-footer" style="background-color: rgb(242, 242, 242);position: relative;width: 100%;"> <div class="libres" data-chars="36"> <div class="col-sm-8" style="background-color: rgb(242, 242, 242);"> <p><br></p> <p><br></p> <p style="margin-bottom: 0px;"><br></p> </div> <div class="col-sm-4" style="background-color: rgb(242, 242, 242);"> <p><br></p> <p ><span>Landing Page By: <a href="http://sunnylandingpages.com" target="_blank" rel="nofollow">Sunny Landing Pages</a> </span> </p> <p style="margin-bottom: 0px;"> <br> </p> </div> </div> </div> </body> <script type="text/javascript"> $(function () { var options = { animate: true, resizable: { handles: "se, sw" }, float: true }; $("#sunnytainer_id>.grid-stack").gridstack(options); new function () { var json = (function () { var json = null; $.ajax({ "type": "post", "async": false, "global": false, "url": "content.js", "dataType": "json", "success": function (data) { json = data; } }); return json; })(); this.items = json; this.grid = $("#sunnytainer_id>.grid-stack").data("gridstack"); this.load_grid = function () { this.grid.remove_all(); var items = GridStackUI.Utils.sort(this.items); _.each(items, function (node) { this.grid = $("#"+node.section+">.grid-stack").data("gridstack"); this.grid.add_widget($("<div>"+node.content), node.x, node.y, node.width, node.height); this.grid.disable(); }, this); }.bind(this); this.load_grid(); this.grid.resizable(".grid-stack-item", false); }; $("div.grid-stack-item").each(function(){ $(this).find(".item-hover").remove(); $(this).find("form").parent().removeAttr("onmousedown","onmouseup"); var realsrc = $(this).find("img").attr("src"); if(realsrc){var newsrc = realsrc .replace("../../upload", "http://lsunny.com/upload"); $(this).find("img").attr("src",newsrc); } gswidth = $( window ).width(); gsheight = $( window ).height(); if(gswidth <= 767){ var orignalh =0; $(this).find("div.libres").children().each(function(){ orignalh = parseInt(orignalh) + parseInt($(this).outerHeight(true)); }); if(typeof $(this).find("div.libres p img").html() !== "undefined"){ $(this).css("height","auto"); $(this).find(".grid-stack-item-content").css("position","static"); } else if(typeof $(this).find("div.gridaddimg").html() === "undefined" ){ $(this).attr("data-gs-snheight",$(this).attr("data-gs-height")); $(this).removeAttr("data-gs-height"); var padtop = $(this).find("div.libres").css("padding-top"); var padbotom = $(this).find("div.libres").css("padding-bottom"); $(this).css("height",parseInt(orignalh)+parseInt(padtop)+parseInt(padtop)); } else{ var imgheight = 20 * parseInt($(this).attr("data-gs-height")); $(this).find("div.libres img").css("height",imgheight); $(this).find("div.libres img").css("width","auto"); $(this).find("div.libres img").parent("div").addClass("center-block-imp"); } } }); }); $( window ).resize(function() { $("div.grid-stack-item").each(function(){ gsheight = $( window ).height(); if(gswidth <= 767){ var orignalh =0; $(this).find("div.libres").children().each(function(){ orignalh = parseInt(orignalh) + parseInt($(this).outerHeight(true)); }); if(typeof $(this).find("div.libres p img").html() !== "undefined"){ $(this).css("height","auto"); $(this).find(".grid-stack-item-content").css("position","static"); } else if(typeof $(this).find("div.gridaddimg").html() === "undefined" ){ $(this).attr("data-gs-snheight",$(this).attr("data-gs-height")); $(this).removeAttr("data-gs-height"); var padtop = $(this).find("div.libres").css("padding-top"); var padbotom = $(this).find("div.libres").css("padding-bottom"); $(this).css("height",parseInt(orignalh)+parseInt(padtop)+parseInt(padtop)); } else{ var imgheight = 20 * parseInt($(this).attr("data-gs-height")); $(this).find("div.libres img").css("height",imgheight); $(this).find("div.libres img").css("width","auto"); $(this).find("div.libres img").parent("div").addClass("center-block-imp"); } } }); }); </script> <script src="js/validation.js"></script> </html></div></body></html>