<!DOCTYPE html>
<html>

<head>
    <title>Panel Test Page 3.3.7</title>
    <meta charset="utf-8">
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/PanelTest.css">
    <script src="../js/PanelTest.js"></script>
    <script src="/EAMD.ucp/Components/tla/EAM/layer1/Thinglish/Once/1.0.1/src/js/Once.class.js"
            type="text/javascript"></script>

    <link href="/EAMD.ucp/Components/com/twitter/Bootstrap/Panel/3.3.7/Panel.component.xml" rel="ucpComponent"
          type="text/html">

</head>


<body>
<div data-is="bootstrap-panel" heading="Declarative with heading Attribute" classes="col-sm-3"></div>
<div data-is="bootstrap-panel"
     data-properties='{"heading":"Declarative data properties TAG div x-panel","footer":"unleash the power ","classes":"col-sm-3 fullHeight"}'
     style="
               .panel-body {
                   overflow: hidden
               }
               ">
</div>
<bootstrap-panel
        data-properties='{"heading":"Declarative TAG bootstrap-panel","footer":"unleash the power ","classes":"col-sm-3 fullHeight"}'
        style="
                   .panel-body {
                       overflow: hidden
                   }
                   ">
</bootstrap-panel>

</body>

</html>