<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="description"
          content="Flat UI Kit Free is a Twitter Bootstrap Framework design and Theme, this responsive framework includes a PSD and HTML version."/>

    <meta name="viewport" content="width=1000, initial-scale=1.0, maximum-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="bootstrap.min.css" rel="stylesheet">
    <link href="dist/css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="dist/css/flat-ui.css" rel="stylesheet">
    <link href="docs/assets/css/demo.css" rel="stylesheet">
    <link rel="shortcut icon" href="img/favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="dist/js/vendor/html5shiv.js"></script>
      <script src="dist/js/vendor/respond.min.js"></script>

    <!-- scripts  -->
    <script src="js/general.js"></script>
    <!-- oneByone slider -->
    <link href="css/animate.css" media="screen" rel="stylesheet">
    <script src="js/jquery.onecarousel.min.js"></script>
    <!-- Placeholders -->
    <script type="text/javascript" src="js/jquery.powerful-placeholder.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        /* css 代码  */
    </style>
    <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
    <script src="https://img.hcharts.cn/highcharts/modules/exporting.js"></script>
    <script src="https://img.hcharts.cn/highcharts-plugins/highcharts-zh_CN.js"></script>

</head>

<body>
<div class="container">
    <div class="row demo-row">
        <div class="col-xs-12">
            <nav class="navbar navbar-inverse navbar-embossed" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#navbar-collapse-01">
                        <span class="sr-only">Toggle navigation</span>
                    </button>
                    <a class="navbar-brand" href="#">Mastiff Scanning Report</a>
                </div>
                <div class="collapse navbar-collapse" id="navbar-collapse-01">
                    <!--<ul class="nav navbar-nav navbar-left">
                        <li><a href="#fakelink">Menu Item<span class="navbar-unread">1</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Messages <b
                                    class="caret"></b></a>
                            <span class="dropdown-arrow"></span>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li><a href="#">Separated link</a></li>
                            </ul>
                        </li>
                        <li><a href="#fakelink">About Us</a></li>
                    </ul>-->
                    <form class="navbar-form navbar-right" action="#" role="search">
                        <div class="form-group">
                            <div class="input-group">
                                <input class="form-control" id="navbarInput-01" type="search" placeholder="Search">
                                <span class="input-group-btn">
                                  <button type="submit" class="btn"><span class="fui-search"></span></button>
                                </span>
                            </div>
                        </div>
                    </form>
                </div><!-- /.navbar-collapse -->
            </nav><!-- /navbar -->
        </div>
    </div>
    <div class="row">
        <div class="col-sm-3">
            <div class="card border-primary mb-3" style="max-width: 18rem;">
                <!--<div class="card-header">Header</div>-->
                <div class="card-body text-primary">
                    <h5 class="card-title" id="risk-counter"></h5>
                    <p class="card-text">Risk Count</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card border-primary mb-3" style="max-width: 18rem;">
                <!--<div class="card-header">Header</div>-->
                <div class="card-body text-primary">
                    <h5 class="card-title" id="risky-f-counter">30</h5>
                    <p class="card-text">Risky Files</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card border-primary mb-3" style="max-width: 18rem;">
                <!--<div class="card-header">Header</div>-->
                <div class="card-body text-primary">
                    <h5 class="card-title" id="f-counter">30</h5>
                    <p class="card-text">Files Scanned</p>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card border-primary mb-3" style="max-width: 18rem;">
                <!--<div class="card-header">Header</div>-->
                <div class="card-body text-primary">
                    <h5 class="card-title" id="time-counter">30</h5>
                    <p class="card-text">Time Used</p>
                </div>
            </div>
        </div>
    </div>
    <!--<div class="row demo-row">-->
        <!--<div class="col-xs-3">-->
            <!--<a href="#fakelink" class="btn btn-block btn-lg btn-default">Bug Count</a>-->
        <!--</div>-->
        <!--<div class="col-xs-3">-->
            <!--<a href="#fakelink" class="btn btn-block btn-lg btn-default">Files Scanned</a>-->
        <!--</div>-->
        <!--<div class="col-xs-3">-->
            <!--<a href="#fakelink" class="btn btn-block btn-lg btn-default">Risky Files</a>-->
        <!--</div>-->
        <!--<div class="col-xs-3">-->
            <!--<a href="#fakelink" class="btn btn-block btn-lg btn-default">Time Used</a>-->
        <!--</div>-->
    <!--</div> &lt;!&ndash; /row &ndash;&gt;-->
</div>
<div class="clearfix" style="height:5rem;"></div>
<!--/ background --
<div class="content-nd">

    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                <div class="box">
                    <i class="fa fa-tablet fa-5x"></i>

                    <h2>Responsive</h2>
                    <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic
                        ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way
                        you do business.</p>

                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                <div class="box">
                    <i class="fa fa-laptop fa-5x"></i>

                    <h2>Modular</h2>
                    <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic
                        ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way
                        you do business.</p>

                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                <div class="box">
                    <i class="fa fa-cogs fa-5x"></i>

                    <h2>Adaptive</h2>
                    <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic
                        ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way
                        you do business.</p>

                </div>
            </div>
        </div>
    </div>

</div>
--/ content-nd -->

<!--/ content-rd -->

<!--/ content-ft -->
<div class="content-sx">
    <div class="container">

        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                <div class="img-right">
                    <div id="container1" style="min-width:400px;height:400px"></div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

                <div class="text-center row" style="margin: 0 auto">
                    <div class="box col-md-12">
                        <i class="fa fa-laptop fa-5x"></i>
                        <h4>UIV</h4>
                        <p>Uninitialized Variable (UIV)</p>
                    </div>
                    <div class="box col-md-12">
                        <i class="fa fa-laptop fa-5x"></i>

                        <h4>NPD</h4>
                        <p>Null Pointer Dereference (NPD)</p>
                    </div>
                </div>
                <!--/ right-text -->
            </div>
        </div><!--/ row-->

    </div>
</div>

<div class="content-sx">
    <div class="container">

        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                <div class="img-right">
                    <div id="container2" style="min-width:400px;height:400px"></div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">

                <div class="text-center row" style="margin: 0 auto">

                    <div class="box col-12">
                        <i class="fa fa-laptop fa-5x"></i>

                        <h4>File Detection</h4>
                        <p>File Detection</p>
                    </div>
                    <div class="box col-12">
                        <i class="fa fa-laptop fa-5x"></i>

                        <h4>High Level Vuls</h4>
                        <p>File Detection</p>
                    </div>


                </div>
                <!--/ right-text -->
            </div>
        </div><!--/ row-->

        <div class="row">
            <div class="col-12">
                <h2> Vulerability Detials (Per File) </h2>
            </div>
            <ul class="list-group col-md-12" id="perfile">
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    Reading Detection Results ...
                    <span class="badge badge-primary badge-pill">+</span>
                </li>
            </ul>
        </div>
    </div>

    <div class="modal" tabindex="-1" role="dialog" id="modal-detial">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-title">File Detail</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p id="file-detial"></p>
                </div>
                <div class="modal-footer">
                    <!--<button type="button" class="btn btn-primary">OK</button>-->
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/ content-sx -->

<script src="dist/js/vendor/jquery.min.js"></script>
<!--<script src="dist/js/vendor/video.js"></script>-->
<script src="dist/js/flat-ui.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="displayer.js"></script>
<!--<script src="docs/assets/js/application.js"></script>-->

<iframe src="opencc_vul.txt" id="opencc_vul" style="display:none;"></iframe>

</body>
</html>