hasil.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Index</title>
    <!-- BOOTSTRAP STYLES-->
    <link rel="stylesheet" href="{{url_for('static',filename='assets/css/bootstrap.css' )}}">
     <!-- FONTAWESOME STYLES-->
    <link rel="stylesheet" href="{{ url_for('static',filename='assets/css/font-awesome.css' )}}">
        <!-- CUSTOM STYLES-->
    <link rel="stylesheet" href="{{ url_for('static',filename='assets/css/custom.css' )}}">
     <!-- GOOGLE FONTS-->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body>
    <div id="wrapper" >
        <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
            <div class="navbar-header" >
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-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="index.html" style="color: white; padding-right: 40px; font-size: 25px"> ANALISIS SENTIMEN</a>
            </div>
  <div style="color: white;
padding: 15px 50px 5px 50px;
text-align: center;
float: center;
font-size: 20px;"> K-Nearest Neighbour
</div>
        </nav>
           <!-- /. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                <li class="text-center">
                    <li>
                        <a href="{{url_for('index')}}"><i class="fa fa-square-o fa-3x"></i> Index</a>
                    </li>
                     <li>
                        <a class="active-menu" href="{{url_for('hasil')}}"><i class="fa fa-square-o fa-3x"></i> K-Nearest Neighbour</a>
                    </li>

                </li>
                </ul>
            </div>
        </nav>
        <!-- /. NAV SIDE  -->

        <div id="page-wrapper" >
            <div id="page-inner">
                <div class="row">
                  <div class="col-md-12" >
                     <h2> K-Nearest Neighbour</h2>
                      <div class="info-box">
                        <span class="info-box-icon bg-blue"><i class="fa fa-smile-o"></i>></span>
                        <div class="info-box-content">
                          <span class="info-box-text"> Positif</span>
                          <span class="info-box-number">{{persen_pos}} %</span>
                        </div>
                      </div>
                      <div class="info-box">
                        <span class="info-box-icon bg-red"><i class="fa fa-frown-o"></i></span>

                        <div class="info-box-content">
                        <span class="info-box-icon"> Negatif</span>
                        <span class="info-box-number">{{persen_neg}} %</span>
                      </div>
                      </div>
                       <div class="table-responsive">
                        {% for table in tables %}

                        {{ table|safe }}
                        {% endfor %}
                     </div>
                     <!--<div class="row">
                      <div class="col-md-12">
                        <h2> Accuracy</h2>
                        <img src="{{url_for('static', filename='Figure_1.png')}}">
                      </div>

                     </div> -->
                    </div>
                </div>
                 <!-- /. ROW  -->
                 <hr />

    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
        </div>
     <!-- /. WRAPPER  -->
    <!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME-->
    <!-- JQUERY SCRIPTS -->
    <script src="{{ url_for('static',filename='assets/js/jquery-1.10.2.js' )}}"></script>


      <!-- BOOTSTRAP SCRIPTS -->
    <script src="{{ url_for('static',filename='assets/js/bootstrap.min.js' )}}"></script>
    <!-- METISMENU SCRIPTS -->
    <script src="{{ url_for('static',filename='assets/js/jquery.metisMenu.js' )}}"></script>
      <!-- CUSTOM SCRIPTS -->
    <script src="{{ url_for('static',filename='assets/js/custom.js' )}}"></script>

   <script>
$(document).ready(function() {
    $('#tabel').DataTable({});
} );
</script>
</body>
</html>