| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta name="description" content=""> | |
| <meta name="author" content=""> | |
| <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png"> | |
| <title>Starter Template for Bootstrap</title> | |
| <!-- Bootstrap core CSS --> | |
| <link href="js/dynatable/jquery.dynatable.css" rel="stylesheet"> | |
| <link href="css/bootstrap.css" rel="stylesheet"> | |
| <!-- Custom styles for this template | |
| <link href="starter-template.css" rel="stylesheet">--> | |
| <!-- Just for debugging purposes. Don't actually copy this line! --> | |
| <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]--> | |
| <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> | |
| <!--[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.3.0/respond.min.js"></script> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| <div class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | |
| <div class="container"> | |
| <div class="navbar-header"> | |
| <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | |
| <span class="sr-only">Toggle navigation</span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| <span class="icon-bar"></span> | |
| </button> | |
| <a class="navbar-brand" href="#">Project name</a> | |
| </div> | |
| <div class="collapse navbar-collapse"> | |
| <ul class="nav navbar-nav"> | |
| <li class="active"><a href="#">Home</a></li> | |
| <li><a href="#about">About</a></li> | |
| <li><a href="#contact">Contact</a></li> | |
| </ul> | |
| </div><!--/.nav-collapse --> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <div class="starter-template"> | |
| <br/> | |
| <br/> | |
| <h1>Bootstrap starter template</h1> | |
| <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> | |
| <table id="my-table"><thead> | |
| <?php | |
| $row = 0; | |
| $csvfile = './data/DCaaS+Catalogue+September+2013 PublicDCaaS_AFI_Part_3_Sec_5_Service_.csv'; | |
| if (($handle = fopen($csvfile, "r")) !== FALSE) { | |
| while (($data = fgetcsv($handle, 4096, ",")) !== FALSE) { | |
| if ($row ==0) { | |
| echo "<thead><th>".implode($data,"</th><th>")."</th></thead> \n"; | |
| } else { | |
| echo "<tr><td>".implode($data,"</td><td>")."</td></tr> \n"; | |
| } | |
| $row++; | |
| } | |
| fclose($handle); | |
| } | |
| ?> | |
| </table> | |
| </div> | |
| </div><!-- /.container --> | |
| <!-- Bootstrap core JavaScript | |
| ================================================== --> | |
| <!-- Placed at the end of the document so the pages load faster --> | |
| <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script> | |
| <script src="js/bootstrap.min.js"></script> | |
| <script src="js/dynatable/jquery.dynatable.js"></script> | |
| <script> | |
| $('#my-table').dynatable(); | |
| </script> | |
| </body> | |
| </html> | |