"NLHPC Status Page"
Bootstrap 3.3.0 Snippet by ikernel

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="//bootswatch.com/yeti/bootstrap.min.css" rel="stylesheet" type="text/css" /> <script src="//code.jquery.com/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <div class="container"> <div class="row"> <div class="col-md-3"> <img src="http://www.nlhpc.cl/static/logo_nlhpc.gif" alt="Logo NLHPC"> </div> <div class="col-md-8"> <h1>Status Page</h1> </div> </div> <br /> <div class="row clearfix"> <div class="col-md-12 column"> <div class="panel panel-success"> <div class="panel-heading"> <h3 class="panel-title"> All Systems Operational <small class="pull-right">Refreshed 1 minute ago</small> </h3> </div> </div> <div class="row clearfix"> <div class="col-md-12 column"> <div class="list-group"> <div class="list-group-item"> <h4 class="list-group-item-heading"> Leftraru Cluster Status <a href="#" data-toggle="tooltip" data-placement="bottom" title="Access website and use site API"> <i class="fa fa-question-circle"></i> </a> </h4> <p class="list-group-item-text"> <span class="label label-danger">Up and running</span> </p> </div> <div class="list-group-item"> <h4 class="list-group-item-heading"> SSH <a href="#" data-toggle="tooltip" data-placement="bottom" title="Access site using SSH terminal"> <i class="fa fa-question-circle"></i> </a> </h4> <p class="list-group-item-text"> <span class="label label-success">Operational</span> </p> </div> <div class="list-group-item"> <h4 class="list-group-item-heading"> Database Server <a href="#" data-toggle="tooltip" data-placement="bottom" title="Access database server and execute queries"> <i class="fa fa-question-circle"></i> </a> </h4> <p class="list-group-item-text"> <span class="label label-success">Operational</span> </p> </div> </div> </div> </div> </div> </div> </div>

Related: See More


Questions / Comments: