Server IP : 92.204.138.22 / Your IP : 3.129.71.122 Web Server : Apache System : Linux ns1009439.ip-92-204-138.us 4.18.0-553.22.1.el8_10.x86_64 #1 SMP Tue Sep 24 05:16:59 EDT 2024 x86_64 User : internationaljou ( 1019) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/internationaljou/old_site/application/admin1/php-version/ |
Upload File : |
<?php require('header.php'); ?> <div> <ul class="breadcrumb"> <li> <a href="#">Home</a> </li> <li> <a href="#">UI Features</a> </li> </ul> </div> <div class="row"> <div class="box col-md-12"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-plus"></i> Extended Elements</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <table class="table table-bordered table-striped responsive"> <tbody> <tr> <td><h3>Multiple File Upload</h3></td> <td> <input data-no-uniform="true" type="file" name="file_upload" id="file_upload"> </td> <td></td> </tr> <tr> <td><h3>CSS3 Animations</h3></td> <td> <h3 class="animated rubberBand">Animation</h3> </td> <td> <code><h3 class="animated rubberBand">Animation</h3></code> <br> For all more animation classes like <code>rubberBand</code>, please refer to <a target="_blank" href="http://daneden.github.io/animate.css/">http://daneden.github.io/animate.css/</a> </td> </tr> <tr> <td><h3>Star Rating</h3></td> <td> <div class="raty"></div> </td> <td><code><div class="raty"></div></code></td> </tr> <tr> <td><h3>Toggle Switch</h3></td> <td> <input data-no-uniform="true" checked="" type="checkbox" class="iphone-toggle"> </td> <td><code><input data-no-uniform="true" type="checkbox" class="iphone-toggle"></code></td> </tr> <tr> <td><h3>Auto Growing Textarea</h3></td> <td> <textarea class="autogrow">Press enter here, it will grow automatically.</textarea> </td> <td><code><textarea class="autogrow"></textarea></code></td> </tr> <tr> <td><h3>Popover</h3></td> <td> <a href="#" class="btn btn-danger" data-toggle="popover" data-content="And here's some amazing content. It's very engaging. right?" title="A Title">Click for popover</a> </td> <td><code><a href="#" class="btn btn-danger" data-toggle="popover" data-content="And here's some amazing content. It's very engaging. right?" title="A Title">hover for popover</a></code> </td> </tr> <tr> <td><h3>Dialog</h3></td> <td> <a href="#" class="btn btn-info btn-setting">Click for dialog</a> </td> <td></td> </tr> <tr> <td><h3>Tooltip</h3></td> <td> <a href="#" title="Tooltip, you can change the position." data-toggle="tooltip" class="btn btn-warning">Hover for tooltip</a> </td> <td><code><a href="#" title="Tooltip, you can change the position, for example use data-placement="left"." data-toggle="tooltip" class="btn btn-warning">Hover for tooltip</a></code></td> </tr> </tbody> </table> </div> </div> </div> <!--/span--> </div><!--/row--> <div class="row"> <div class="box col-md-6"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-tasks"></i> Progress Bars</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <h3>Basic</h3> <div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"> 60% </div> </div> <h3>Animated</h3> <div class="progress progress-striped progress-success active"> <div class="progress-bar" style="width: 50%;"></div> </div> <h3>Additional Colors</h3> <div class="progress"> <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"> <span class="sr-only">40% Complete (success)</span> </div> </div> <div class="progress"> <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"> <span class="sr-only">20% Complete</span> </div> </div> <div class="progress"> <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"> <span class="sr-only">60% Complete (warning)</span> </div> </div> <div class="progress"> <div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> <span class="sr-only">80% Complete (danger)</span> </div> </div> </div> </div> </div> <!--/span--> <div class="box col-md-6"> <div class="box-inner"> <div class="box-header well"> <h2><i class="glyphicon glyphicon-eye-open"></i> Labels and Annotations</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <table class="table table-bordered table-striped"> <thead> <tr> <th>Labels</th> <th>Markup</th> </tr> </thead> <tbody> <tr> <td> <span class="label-default label">Default</span> </td> <td> <code><span class="label">Default</span></code> </td> </tr> <tr> <td> <span class="label-success label label-default">Success</span> </td> <td> <code><span class="label label-success">Success</span></code> </td> </tr> <tr> <td> <span class="label-warning label label-default">Warning</span> </td> <td> <code><span class="label label-warning">Warning</span></code> </td> </tr> <tr> <td> <span class="label-default label label-danger">Important</span> </td> <td> <code><span class="label label-important">Important</span></code> </td> </tr> <tr> <td> <span class="label-info label label-default">Info</span> </td> <td> <code><span class="label label-info">Info</span></code> </td> </tr> </tbody> </table> </div> </div> </div> <!--/span--> </div><!--/row--> <div class="row"> <div class="box col-md-5"> <div class="box-inner"> <div class="box-header well"> <h2><i class="glyphicon glyphicon-bullhorn"></i> Alerts</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content alerts"> <div class="alert alert-danger"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Oh snap!</strong> Change a few things up and try submitting again. </div> <div class="alert alert-success"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Well done!</strong> You successfully read this important alert message. </div> <div class="alert alert-info"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Heads up!</strong> This alert needs your attention, but it's not super important. </div> </div> </div> </div> <!--/span--> <div class="box col-md-7"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-bell"></i> Notifications</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <div class="alert alert-info"> Click buttons below to see Pop Notifications. </div> <p class="center"> <button class="btn btn-primary noty" data-noty-options="{"text":"This is a success notification","layout":"topLeft","type":"success"}"> <i class="glyphicon glyphicon-bell icon-white"></i> Top Left </button> <button class="btn btn-primary noty" data-noty-options="{"text":"This is an alert notification with fade effect","layout":"topCenter","type":"alert","animateOpen": {"opacity": "show"}}"> <i class="glyphicon glyphicon-bell icon-white"></i> Top Center (fade) </button> <button class="btn btn-primary noty" data-noty-options="{"text":"This is an error notification","layout":"topRight","type":"error"}"> <i class="glyphicon glyphicon-bell icon-white"></i> Top Right </button> <button class="btn btn-primary noty" data-noty-options="{"text":"This is a success information","layout":"top","type":"information"}"> <i class="glyphicon glyphicon-bell icon-white"></i> Top Full Width </button> </p> <p class="center"> <button class="btn btn-primary noty" data-noty-options="{"text":"This is an alert notification with fade effect","layout":"center","type":"alert","animateOpen": {"opacity": "show"}}"> <i class="glyphicon glyphicon-bell icon-white"></i> Center (fade) </button> <button class="btn btn-primary noty" data-noty-options="{"text":"This is an error notification","layout":"center","type":"error"}"> <i class="glyphicon glyphicon-bell icon-white"></i> Center </button> </p> <p class="center"> <button class="btn btn-primary noty" data-noty-options="{"text":"This is an error notification","layout":"bottomLeft","type":"error"}"> <i class="glyphicon glyphicon-bell icon-white"></i> Bottom Left </button> <button class="btn btn-primary noty" data-noty-options="{"text":"This is an alert notification with fade effect","layout":"bottomRight","type":"alert","animateOpen": {"opacity": "show"}}"> <i class="glyphicon glyphicon-bell icon-white"></i> Bottom Right (fade) </button> </p> <p class="center"> <button class="btn btn-primary noty" data-noty-options="{"text":"This is an alert","layout":"bottom","type":"alert","closeButton":"true"}"> <i class="glyphicon glyphicon-bell icon-white"></i> Bottom Full Width with Close Button </button> </p> </div> </div> </div> <!--/span--> <div class="box col-md-7"> <div class="box-inner"> <div class="box-header well" data-original-title=""> <h2><i class="glyphicon glyphicon-refresh"></i> Ajax Loaders</h2> <div class="box-icon"> <a href="#" class="btn btn-setting btn-round btn-default"><i class="glyphicon glyphicon-cog"></i></a> <a href="#" class="btn btn-minimize btn-round btn-default"><i class="glyphicon glyphicon-chevron-up"></i></a> <a href="#" class="btn btn-close btn-round btn-default"><i class="glyphicon glyphicon-remove"></i></a> </div> </div> <div class="box-content"> <ul class="ajax-loaders"> <?php for ($i = 1; $i <= 8; $i++) { ?> <li><img src="img/ajax-loaders/ajax-loader-<?php echo $i ?>.gif" title="img/ajax-loaders/ajax-loader-<?php echo $i ?>.gif"></li> <?php } ?> </ul> <span class="clearfix">From / More <a href="http://ajaxload.info/" target="_blank">http://ajaxload.info/</a></span> </div> </div> </div> <!--/span--> </div><!--/row--> <?php require('footer.php'); ?>