<><html lang="en">> < xsi:nil="true" /> <><head>> <> <meta charset="utf-8">> <> <meta http-equiv="X-UA-Compatible" content="IE=edge">> <> <meta name="viewport" content="width=device-width> <> <meta name="description" content="">> <> <meta name="author" content="">> <> <link rel="shortcut icon" href="assets/img/favicon.png">> < xsi:nil="true" /> <> <title>Water Security Dashboard</title>> < xsi:nil="true" /> <> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"> <> crossorigin="anonymous">> <> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>> <> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>> < xsi:nil="true" /> <> > <> <link href='http://fonts.googleapis.com/css?family=Lato:300> < xsi:nil="true" /> <> <style>> <> .resp-iframe {> <> position: absolute;> <> top: 30px;> <> left: 0;> <> bottom: 0;> <> right: 0;> <> width: 100%;> <> height: 95%;> <> border: 0;> <> }> <> </style>> < xsi:nil="true" /> <></head>> < xsi:nil="true" /> <><div class="container">> <> <ul class="nav nav-pills" role="tablist">> <> <li class="active"><a href="#tabs-1" role="tab" data-toggle="tab">Bubble Chart</a></li>> <> <li><a href="#tabs-2" role="tab" data-toggle="tab">Top Ten Countries</a></li>> <> <li><a href="#tabs-3" role="tab" data-toggle="tab">Country Comparison</a></li>> <> <li><a href="#tabs-4" role="tab" data-toggle="tab">Time Series</a></li>> <> <li><a href="#tabs-5" role="tab" data-toggle="tab">Time Series Bubbles</a></li>> <> </ul>> <> <div class="tab-content resp-iframe">> <> <div id="tabs-1" class="tab-pane fade in active">> <> <embed class="resp-iframe" src="faostat_2.html" frameborder="0" allowfullscreen></embed>> <> </div>> <> <div id="tabs-2" class="tab-pane fade">> <> <embed class="resp-iframe" src="topten.html" frameborder="0" allowfullscreen class="resp-iframe"></embed>> <> </div>> <> <div id="tabs-3" class="tab-pane fade">> <> <embed class="resp-iframe" src="comparison.html" frameborder="0" allowfullscreen class="resp-iframe"></embed>> <> </div>> <> <div id="tabs-4" class="tab-pane fade">> <> <embed class="resp-iframe" src="time-series.html" frameborder="0" allowfullscreen class="resp-iframe"></embed>> <> </div>> <> <div id="tabs-5" class="tab-pane fade">> <> <embed class="resp-iframe" src="time-series-bubbles.html" frameborder="0" allowfullscreen class="resp-iframe"></embed>> <> </div>> <> </div>> <></div>> < xsi:nil="true" /> < xsi:nil="true" /> <></body>> < xsi:nil="true" /> <></html>>