xxxxxxxxxx<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Answers Demo</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script> <script src="answers.js"></script> <style type="text/css"> @font-face { font-family:'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen'), local('Oxygen-Regular'), url(https://themes.googleusercontent.com/static/fonts/oxygen/v2/RzoNiRR1p2Mqyyz2RwqSMw.woff) format('woff'); } @font-face { font-family:'Oxygen'; font-style: normal; font-weight: 700; src: local('Oxygen Bold'), local('Oxygen-Bold'), url(https://themes.googleusercontent.com/static/fonts/oxygen/v2/yVHpdQrmTj9Kax1tmFSx2j8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'HEDemo'; src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'); font-weight: normal; font-style: normal; } </style> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/skeleton/1.2/stylesheets/base.css"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/skeleton/1.2/stylesheets/layout.css"> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/skeleton/1.2/stylesheets/skeleton.css"> <link rel="stylesheet" type="text/css" href="demo.css"> </head> <body> <div class="container"> <div class="five columns tab-list"> <div style="margin-right: 0;" class="four columns alpha report-menu"> <div class="three columns offset-by-one alpha"> <h5> <span class="healthedge"> <span class="first">Health</span><span class="second">Rules</span> </span> </h5> <h6> by <span class="healthedge"> <span class="first">Health</span><span class="second">Edge</span> </span> </h6> </div> <h2 class="three columns alpha inactive current-section">Reports</h2> <ul class="three columns offset-by-one alpha omega"> <li> Dashboard </li> <li> <span class="report-count"> <span class="run">2</span> <span class="view">6</span> </span> Accounting </li> <li> <span class="report-count"> <span class="run">2</span> <span class="view">6</span> </span> Billing </li> <li class="active"> <span class="report-count"> <span class="run">3</span> <span class="view">4</span> </span> Account </li> <li> <span class="report-count"> <span class="run">2</span> <span class="view">10</span> </span> Claims </li> <li> <span class="report-count"> <span class="run">1</span> <span class="view">12</span> </span> Customer Service </li> <li> <span class="report-count"> <span class="run">3</span> <span class="view">6</span> </span> Enrollment </li> <li> <span class="report-count"> <span class="run">3</span> <span class="view">6</span> </span> Finance </li> <li class="shadow"></li> </ul> </div> <div style="margin-left: 0;" class="one column omega tab-shadow"></div> </div> <h2 class="four columns offset-by-seven alpha logo">PHC</h2> <div class="card-holder eleven columns"> <div id="content-card" class="content-card eleven columns alpha omega"> <div class="front side"> <div class="eleven columns alpha omega main-content"> <a class="flip-card" href="#">View Saved Reports</a> <br class="clear" /> <table> <thead> <tr> <th>Report Name</th> <th>Version</th> <th></th> <th></th> </tr> </thead> <tbody> <tr> <td>Account Summary</td> <td>2013-02-15</td> <td> <ul class="icons"> <li>pdf</li> <li>excel</li> <li>file</li> </ul> </td> <td><ul class="icons"><li>info</li></ul></td> </tr> <tr> <td>Terminated Account</td> <td>2013-02-15</td> <td> <ul class="icons"> <li>pdf</li> <li>excel</li> <li>file</li> <li>graph</li> </ul> </td> <td><ul class="icons"><li>info</li></ul></td> </tr> <tr> <td>Another Report</td> <td>2013-02-15</td> <td> <ul class="icons"> <li>pdf</li> <li>excel</li> <li>file</li> <li>stacked</li> </ul> </td> <td><ul class="icons"><li>info</li></ul></td> </tr> </tbody> <tfoot></tfoot> </table> </div> </div> <div class="back side"> <div class="eleven columns alpha omega main-content-historical"> <a class="flip-card" href="#">Run New Reports</a> <br class="clear" /> <table> <thead> <tr> <th>Report Name</th> <th>Version</th> <th>User</th> <th></th> </tr> </thead> <tbody> <tr> <td>Account Summary</td> <td>2013-02-16</td> <td></td> <td> <ul class="icons"> <li>pdf</li> <li>excel</li> <li>file</li> <li>scatter</li> </ul> </td> <td><ul class="icons"><li>infocircle</li></ul></td> </tr> <tr> <td>Account Summary</td> <td>2013-02-15</td> <td></td> <td> <ul class="icons"> <li>pdf</li> <li>excel</li> <li>file</li> <li>pie</li> </ul> </td> <td><ul class="icons"><li>infocircle</li></ul></td> </tr> <tr> <td>Account Summary</td> <td>2013-02-14</td> <td></td> <td> <ul class="icons"> <li>pdf</li> <li>excel</li> <li>file</li> <li>stacked</li> </ul> </td> <td><ul class="icons"><li>infocircle</li></ul></td> </tr> <tr> <td>My Custom Account Summary</td> <td>2013-02-14</td> <td>A User</td> <td> <ul class="icons"> <li>pdf</li> <li>excel</li> <li>file</li> <li>graph</li> </ul> </td> <td><ul class="icons"><li>infocircle</li></ul></td> </tr> </tbody> <tfoot></tfoot> </table> </div> </div> </div> </div></div> </body></html> https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js