page4.html

<!-- Result Page goes here -->
<div id="Result Page" class = "module">

    <h1>Result</h1>

    <span class="glyphicon glyphicon-question-sign pull-right" data-toggle="tooltip" title="Result"></span>
    <br/>
    <nav class="file-nav-bar">
        <div class="container-fluid">
            <div class="tab" style="width: 84%; margin-left: 8%; margin-right: 8%">
                <button class="tablinks" onclick="openTab(event, 'file1')">File1</button>
                <button class="tablinks" onclick="openTab(event, 'file2')">File2</button>
                <button class="tablinks" onclick="openTab(event, 'file3')">File3</button>
            </div>

            <div id="file1" class="tabcontent" style="width: 84%; margin-left: 8%; margin-right: 8%">
                <h3>Analysis Result for file 1</h3>
                <svg id="visualisation" width="800" height="500"></svg>
            </div>

            <div id="file2" class="tabcontent"  style="width: 84%; margin-left: 8%; margin-right: 8%">
                <h3>Analysis Result for file 2</h3>
                <svg id="visualisation" width="800" height="500"></svg>
            </div>

            <div id="file3" class="tabcontent"  style="width: 84%; margin-left: 8%; margin-right: 8%">
                <h3>Analysis Result for file 3</h3>
                <svg id="visualisation" width="800" height="500"></svg>
            </div>


            <!--<ul class="nav navbar-nav">

    <span class="glyphicon glyphicon-question-sign pull-right" data-toggle="tooltip" title="Results"></span>
    <br/>
    <nav class="file-nav-bar">
        <div class="container-fluid">
            <ul class="nav navbar-nav">

                <li id = "file1_page" role="presentation" class="active"><a href="#">File 1</a></li>
                <li id = "file2_page" role="presentation"><a href="#">File 2</a></li>
                <li id = "file3_page" role="presentation"><a href="#">File 3</a></li>
                <li id = "file4_page" role="presentation"><a href="#">File 4</a></li>

            </ul>
        </div>
    </nav>
    <svg id="visualisation" width="1000" height="500"></svg>


            </ul>-->
        </div>
    </nav>
    <div class = graph><svg id="visualisation" width="1000" height="500"></svg></div>


</div>