<!-- ColorBox Popup -->
<link rel="stylesheet" href="style/common.css" />
<link rel="stylesheet" href="style/colorbox.css" />
<link rel="stylesheet" href="style/editor_styles.css" type="text/css">

<!-- Modal Popup scripts  -->
<script language="javascript" src="js/modal.popup.js"></script>
<!--  Modal Popup scripts  -->
<script type="text/javascript" src="js/jquery.colorbox.js"></script>

<!--  Drag Drop scripts  -->
<link rel="stylesheet" type="text/css" href="style/dragdropstyles.css" />
<script type="text/javascript" >
    $(function(){

        $('.dragbox')
        .each(function(){
            $(this).hover(function(){
                $(this).find('h4').addClass('collapse');
            }, function(){
                $(this).find('h4').removeClass('collapse');
            })

            .click(function(){
                $(this).siblings('.dragbox-content').toggle();
            })
            .end()
            .find('.configure').css('visibility', 'hidden');
        });
        $('.column').sortable({
            connectWith: '.column',
            handle: 'h4',
            cursor: 'move',
            placeholder: 'placeholder',
            forcePlaceholderSize: true,
            opacity: 0.4,
            stop: function(event, ui){

                //  : code to check the external apps are called or not

                var dragcol=$(this).attr('id');


                //alert(dragcol);


                var entries = dragcol.split(/_/);
                if(entries[0] == 'externalapp'){


                    var selitem = this;
                    // code to load the content to drag items
                    var dragitem=$(this).attr('data-attr');

                    paramvalue1 = "newitem="+dragcol+"&dragitem="+dragitem;
                    $.ajax({url: "editor/editor_assignexternalappcontents.php",
                        type: "POST",data: paramvalue1 ,cache: false,dataType:'html',
                        success: function(html) {
                            // alert(html);

                            var entries = html.split(/~/);
                            $('#head'+dragitem).html(entries[0]);
                            $('#'+dragitem).append(entries[1]);

                        }
                    });
                    // alert(dragitem);

                    $('.editable'+entries[1]).trigger('click');
                    // code to generate new apps
                    paramvalue = "newitem="+dragcol;
                    // alert(paramvalue);
                    var newdataattr ='';
                    $.ajax({url: "editor/editor_externalappadding.php",
                        type: "POST",data: paramvalue ,cache: false,dataType:'html',
                        success: function(html) {
                            //  alert(html);

                            // var dragitem=$(selitem).attr('data-attr');
                            // alert(dragitem);
                            var entries = html.split(/~/);

                            newdataattr = entries[0];


                            $(selitem).attr('data-attr',newdataattr);
                            $("#"+dragcol).html(entries[1]);
                        }
                    });
                    //alert(newdataattr);


                    // $('#'+dragitem).append(' <div class="editableform" data-param="exterbox_form_1"
 id="editablebox_5"> [click here to edit]</div>');

                }
                // external app check ends here


                $(ui.item).find('h4').click();
                var sortorder='';

                $('.column').each(function(){
                    var itemorder=$(this).sortable('toArray');
                    var columnId=$(this).attr('id');
                    sortorder+=columnId+'='+itemorder.toString()+'&';

                });

                sortorder+= 'templateid=149&themeid=305';
                //alert(sortorder);
                $("#info").load("editor/editor_panel_sorter.php?"+sortorder);
                /*Pass sortorder variable to server using ajax to save state*/
            }
        })
        .disableSelection();
    });
</script>
<!--  Drag drop scripts  -->

<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport"
 content="width=device-width, initial-scale=1"><meta name="description" content=""><meta name="author"
 content=""><title>Business</title><link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap
/3.3.6/css/bootstrap.min.css"><link data-type="sitestyle" href="templates/149/styles/style.css" rel="stylesheet"
 type="text/css"><link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"
><link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel
="stylesheet" type="text/css"><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media
 queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9
]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--></head><nav role="navigation" class="navbar-default  topnav"><div class="container topnav"
>
        <div class="row">
        <div class="col-md-3">
        <!--start header--><div class="column" id="column_2988">
				<div class="dragbox" id="item_2988">
				<h4><span class="configure"><span class="panel_controls" title="Click to edit the template"> <a title
="Edit Panel Content" class="iframe panel_edit" href="editor/edittemplate.php?panelid=2988&amp;templateid
=149"> </a> <a href="" data-params="2988" class="jqdeleteextapp panel_delete"> </a></span></span> </h4
>
				<div class="dragbox-content" id="editpanel_2988"><a href="#" class="navbar-brand topnav logo"><img
 class="img-responsive " alt="" src="http://localhost/easycreate/templates/149/images/logo.png"></a>

       
       
 <div class="col-md-9"></div></div></div> 
				</div><!-- start topmenu --><div class="column" id="column_2989">
						<div class="dragbox" id="item_2989">
						<h4><span class="configure"><span class="panel_controls" title="Click to edit the template"> <a
 title="Edit Panel Content" class="iframe panel_edit" href="editor/edittemplate.php?panelid=2989&amp
;templateid=149"> </a> <a href="" data-params="2989" class="jqdeleteextapp panel_delete"> </a></span
></span> </h4>
						<div class="dragbox-content" id="editpanel_2989"><div class="navbar-header">
                <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle"
 type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                
            </div>
           
            <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right top-mrg"><li>
                       <a href="index.html">Home</a>
                    </li>
                    <li>
                        <a href="aboutus.html">About</a>
                    </li>
                    <li>
                        <a href="gallery.html">Gallery</a>
                    </li>
                    <li>
                        <a href="contact.html">Contact</a>
                    </li>
                </ul></div></div></div> 
						</div><!-- end topmenu -->
</div>
<!--end header-->
        </div>
        </div>
    </nav><!-- start banner --><div class="column" id="column_2990">
						<div class="dragbox" id="item_2990">
						<h4><span class="configure"><span class="panel_controls" title="Click to edit the template"> <a
 title="Edit Panel Content" class="iframe panel_edit" href="editor/edittemplate.php?panelid=2990&amp
;templateid=149"> </a> <a href="" data-params="2990" class="jqdeleteextapp panel_delete"> </a></span
></span> </h4>
						<div class="dragbox-content" id="editpanel_2990"><div class="intro-header">
        <div class="container">

            <div class="row">
                <div class="col-lg-12">
                    <div class="intro-message">
                        <h1>Landing Page</h1>
                        <h3>A Template by Start Bootstrap</h3>
                        <hr class="intro-divider"></div>
                </div>
            </div>

        </div>
       

    </div></div></div> 
						</div><!-- end banner -->

 

	<!--start box1--><div class="column" id="column_2991">
						<div class="dragbox" id="item_2991">
						<h4><span class="configure"><span class="panel_controls" title="Click to edit the template"> <a
 title="Edit Panel Content" class="iframe panel_edit" href="editor/edittemplate.php?panelid=2991&amp
;templateid=149"> </a> <a href="" data-params="2991" class="jqdeleteextapp panel_delete"> </a></span
></span> </h4>
						<div class="dragbox-content" id="editpanel_2991"><div class="content-section-a">

        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-sm-6">
                    <hr class="section-heading-spacer"><div class="clearfix"></div>
                    <h2 class="section-heading">Death to the Stock Photo:<br>Special Thanks</h2>
                    <p class="lead">A special thanks to <a target="_blank" href="http://join.deathtothestockphoto
.com/">Death to the Stock Photo</a> for providing the photographs that you see in this template. Visit
 their website to become a member.</p>
                </div>
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
                    <img class="img-responsive" src="http://localhost/easycreate/templates/149/images
/ipad.png" alt=""></div>
            </div>

        </div>
      

    </div></div></div> 
						</div><!--end box1-->
<!--start box2--><div class="column" id="column_2992">
						<div class="dragbox" id="item_2992">
						<h4><span class="configure"><span class="panel_controls" title="Click to edit the template"> <a
 title="Edit Panel Content" class="iframe panel_edit" href="editor/edittemplate.php?panelid=2992&amp
;templateid=149"> </a> <a href="" data-params="2992" class="jqdeleteextapp panel_delete"> </a></span
></span> </h4>
						<div class="dragbox-content" id="editpanel_2992"><div class="content-section-b">

        <div class="container">

            <div class="row">
                <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
                    <hr class="section-heading-spacer"><div class="clearfix"></div>
                    <h2 class="section-heading">3D Device Mockups<br>by PSDCovers</h2>
                    <p class="lead">Turn your 2D designs into high quality, 3D product shots in seconds
 using free Photoshop actions by <a target="_blank" href="http://www.psdcovers.com/">PSDCovers</a>! Visit
 their website to download some of their awesome, free photoshop actions!</p>
                </div>
                <div class="col-lg-5 col-sm-pull-6  col-sm-6">
                    <img class="img-responsive" src="http://localhost/easycreate/templates/149/images
/dog.png" alt=""></div>
            </div>

        </div>
      
    </div></div></div> 
						</div><!--end box2--> 
<!--start box3--><div class="column" id="column_2993">
						<div class="dragbox" id="item_2993">
						<h4><span class="configure"><span class="panel_controls" title="Click to edit the template"> <a
 title="Edit Panel Content" class="iframe panel_edit" href="editor/edittemplate.php?panelid=2993&amp
;templateid=149"> </a> <a href="" data-params="2993" class="jqdeleteextapp panel_delete"> </a></span
></span> </h4>
						<div class="dragbox-content" id="editpanel_2993"><div class="content-section-a">

        <div class="container">

            <div class="row">
                <div class="col-lg-5 col-sm-6">
                    <hr class="section-heading-spacer"><div class="clearfix"></div>
                    <h2 class="section-heading">Google Web Fonts and<br>Font Awesome Icons</h2>
                    <p class="lead">This template features the 'Lato' font, part of the <a target="_blank"
 href="http://www.google.com/fonts">Google Web Font library</a>, as well as <a target="_blank" href="http
://fontawesome.io">icons from Font Awesome</a>.</p>
                </div>
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
                    <img class="img-responsive" src="http://localhost/easycreate/templates/149/images
/phones.png" alt=""></div>
            </div>

        </div>
     

    </div></div></div> 
						</div><!--end box3-->
	<!--start box4--><div class="column" id="column_2994">
						<div class="dragbox" id="item_2994">
						<h4><span class="configure"><span class="panel_controls" title="Click to edit the template"> <a
 title="Edit Panel Content" class="iframe panel_edit" href="editor/edittemplate.php?panelid=2994&amp
;templateid=149"> </a> <a href="" data-params="2994" class="jqdeleteextapp panel_delete"> </a></span
></span> </h4>
						<div class="dragbox-content" id="editpanel_2994"><div class="banner">

        <div class="container">

            <div class="row">
                <div class="col-md-12">
                    <h2>Connect to Start Bootstrap:</h2>
                </div>
             
            </div>

        </div>
       
    </div></div></div> 
						</div><!--end box4-->

  <!-- start footer --><div class="column" id="column_2996">
				<div class="dragbox" id="item_2996">
				<h4><span class="configure"><span class="panel_controls" title="Click to edit the template"> <a title
="Edit Panel Content" class="iframe panel_edit" href="editor/edittemplate.php?panelid=2996&amp;templateid
=149"> </a> <a href="" data-params="2996" class="jqdeleteextapp panel_delete"> </a></span></span> </h4
>
				<div class="dragbox-content" id="editpanel_2996"><footer><div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul class="list-inline"><li>
                            <a href="#">Home</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#about">About</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#services">Services</a>
                        </li>
                        <li class="footer-menu-divider">&sdot;</li>
                        <li>
                            <a href="#contact">Contact</a>
                        </li>
                    </ul><p class="copyright text-muted small">Copyright &copy; Your Company 2014. All
 Rights Reserved</p>
                </div>
            </div>
        </div>
    </footer></div></div> 
				</div><!-- end footer -->


 

<script>
    $(document).ready(function(){

        // To disable the Form button actions
        $(".submitButton").live('click',(function() {
            return false;
        }));

        $(".iframe").colorbox({iframe:true, width:"50%", height:"72%"});

        //   $('.editablefile').trigger('click');
        // $('.editablebox').trigger('click');
    });


    $(function () {
        $("img").click(function() {
            $(this).addClass('editable_image_border_onclick');
        }); 	});
    $(document.body).click(function() { $("img").removeClass('editable_image_border_onclick'); });
</script>