UnknownSec Bypass
403
:
/
var
/
www
/
zenithentcare
/
stmedicosoftware
/ [
drwxrwxr-x
]
Menu
Upload
Mass depes
Mass delete
Terminal
Info server
About
name :
buttons.html
<!-- author: W3layouts author URL: http://w3layouts.com License: Creative Commons Attribution 3.0 Unported License URL: http://creativecommons.org/licenses/by/3.0/ --> <!DOCTYPE html> <html lang="zxx"> <head> <title>Esteem An Admin Panel Category Flat Bootstrap Responsive Website Template | Buttons :: w3layouts</title> <!-- custom-theme --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Esteem Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <!-- //custom-theme --> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/component.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style_grid.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <!-- font-awesome-icons --> <link href="css/font-awesome.css" rel="stylesheet"> <!-- //font-awesome-icons --> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800" rel="stylesheet"> </head> <body> <!-- banner --> <div class="wthree_agile_admin_info"> <!-- /w3_agileits_top_nav--> <!-- /nav--> <div class="w3_agileits_top_nav"> <ul id="gn-menu" class="gn-menu-main"> <!-- /nav_agile_w3l --> <li class="gn-trigger"> <a class="gn-icon gn-icon-menu"><i class="fa fa-bars" aria-hidden="true"></i><span>Menu</span></a> <nav class="gn-menu-wrapper"> <div class="gn-scroller scrollbar1"> <ul class="gn-menu agile_menu_drop"> <li><a href="main-page.html"> <i class="fa fa-tachometer"></i> Dashboard</a></li> <li> <a href="#"><i class="fa fa-cogs" aria-hidden="true"></i> UI Components <i class="fa fa-angle-down" aria-hidden="true"></i></a> <ul class="gn-submenu"> <li class="mini_list_agile"><a href="buttons.html"><i class="fa fa-caret-right" aria-hidden="true"></i> Buttons</a></li> <li class="mini_list_w3"><a href="grids.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Grids</a></li> </ul> </li> <li> <a href="#"> <i class="fa fa-file-text-o" aria-hidden="true"></i>Forms <i class="fa fa-angle-down" aria-hidden="true"></i></a> <ul class="gn-submenu"> <li class="mini_list_agile"><a href="input.html"><i class="fa fa-caret-right" aria-hidden="true"></i> Inputs</a></li> <li class="mini_list_w3"><a href="validation.html"><i class="fa fa-caret-right" aria-hidden="true"></i> Validation</a></li> </ul> </li> <li><a href="table.html"> <i class="fa fa-table" aria-hidden="true"></i> Tables</a></li> <li><a href="#"><i class="fa fa-list" aria-hidden="true"></i>Short Codes <i class="fa fa-angle-down" aria-hidden="true"> </i></a> <ul class="gn-submenu"> <li class="mini_list_agile"><a href="typo.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Typography</a></li> <li class="mini_list_w3"><a href="icons.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Icons</a></li> </ul> </li> <li><a href="charts.html"> <i class="fa fa-line-chart" aria-hidden="true"></i> Charts</a></li> <li><a href="maps.html"><i class="fa fa-map-o" aria-hidden="true"></i> Maps</a></li> <li class="page"> <a href="#"><i class="fa fa-files-o" aria-hidden="true"></i> Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a> <ul class="gn-submenu"> <li class="mini_list_agile"> <a href="signin.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Sign In</a></li> <li class="mini_list_w3"><a href="signup.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Sign Up</a></li> <li class="mini_list_agile error"><a href="404.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Error 404 </a></li> <li class="mini_list_w3_line"><a href="calendar.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Calendar</a></li> </ul> </li> <li> <a href="#"> <i class="fa fa-suitcase" aria-hidden="true"></i>More <i class="fa fa-angle-down" aria-hidden="true"></i></a> <ul class="gn-submenu"> <li class="mini_list_agile"><a href="faq.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Faq</a></li> <li class="mini_list_w3"><a href="blank.html"> <i class="fa fa-caret-right" aria-hidden="true"></i> Blank Page</a></li> </ul> </li> </ul> </div><!-- /gn-scroller --> </nav> </li> <!-- //nav_agile_w3l --> <li class="second logo"><h1><a href="main-page.html"><i class="fa fa-graduation-cap" aria-hidden="true"></i>Esteem </a></h1></li> <li class="second admin-pic"> <ul class="top_dp_agile"> <li class="dropdown profile_details_drop"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <div class="profile_img"> <span class="prfil-img"><img src="images/admin.jpg" alt=""> </span> </div> </a> <ul class="dropdown-menu drp-mnu"> <li> <a href="#"><i class="fa fa-cog"></i> Settings</a> </li> <li> <a href="#"><i class="fa fa-user"></i> Profile</a> </li> <li> <a href="#"><i class="fa fa-sign-out"></i> Logout</a> </li> </ul> </li> </ul> </li> <li class="second top_bell_nav"> <ul class="top_dp_agile "> <li class="dropdown head-dpdn"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i class="fa fa-bell-o" aria-hidden="true"></i> <span class="badge blue">4</span></a> <ul class="dropdown-menu"> <li> <div class="notification_header"> <h3>Your Notifications</h3> </div> </li> <li><a href="#"> <div class="user_img"><img src="images/a3.jpg" alt=""></div> <div class="notification_desc"> <h6>John Smith</h6> <p>Lorem ipsum dolor</p> <p><span>1 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li class="odd"><a href="#"> <div class="user_img"><img src="images/a1.jpg" alt=""></div> <div class="notification_desc"> <h6>Jasmin Leo</h6> <p>Lorem ipsum dolor</p> <p><span>3 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li><a href="#"> <div class="user_img"><img src="images/a2.jpg" alt=""></div> <div class="notification_desc"> <h6>James Smith</h6> <p>Lorem ipsum dolor</p> <p><span>2 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li><a href="#"> <div class="user_img"><img src="images/a4.jpg" alt=""></div> <div class="notification_desc"> <h6>James Smith</h6> <p>Lorem ipsum dolor</p> <p><span>1 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li> <div class="notification_bottom"> <a href="#">See all Notifications</a> </div> </li> </ul> </li> </ul> </li> <li class="second top_bell_nav"> <ul class="top_dp_agile "> <li class="dropdown head-dpdn"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span class="badge blue">3</span></a> <ul class="dropdown-menu"> <li> <div class="notification_header"> <h3>Your Messages</h3> </div> </li> <li><a href="#"> <div class="user_img"><img src="images/a3.jpg" alt=""></div> <div class="notification_desc"> <h6>John Smith</h6> <p>Lorem ipsum dolor</p> <p><span>3 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li class="odd"><a href="#"> <div class="user_img"><img src="images/a1.jpg" alt=""></div> <div class="notification_desc"> <h6>Jasmin Leo</h6> <p>Lorem ipsum dolor</p> <p><span>2 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li><a href="#"> <div class="user_img"><img src="images/a2.jpg" alt=""></div> <div class="notification_desc"> <h6>James Smith</h6> <p>Lorem ipsum dolor</p> <p><span>1 hour ago</span></p> </div> <div class="clearfix"></div> </a></li> <li> <div class="notification_bottom"> <a href="#">See all Messages</a> </div> </li> </ul> </li> </ul> </li> <li class="second top_bell_nav"> <ul class="top_dp_agile "> <li class="dropdown head-dpdn"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tasks"></i><span class="badge blue">9</span></a> <ul class="dropdown-menu"> <li> <div class="notification_header"> <h3>You have 4 Pending tasks</h3> </div> </li> <li><a href="#"> <div class="task-info"> <span class="task-desc">Database update</span><span class="percentage">40%</span> <div class="clearfix"></div> </div> <div class="progress progress-striped active"> <div class="bar yellow" style="width:40%;"></div> </div> </a></li> <li><a href="#"> <div class="task-info"> <span class="task-desc">Dashboard done</span><span class="percentage">90%</span> <div class="clearfix"></div> </div> <div class="progress progress-striped active"> <div class="bar green" style="width:90%;"></div> </div> </a></li> <li><a href="#"> <div class="task-info"> <span class="task-desc">Mobile App</span><span class="percentage">33%</span> <div class="clearfix"></div> </div> <div class="progress progress-striped active"> <div class="bar red" style="width: 33%;"></div> </div> </a></li> <li><a href="#"> <div class="task-info"> <span class="task-desc">Issues fixed</span><span class="percentage">80%</span> <div class="clearfix"></div> </div> <div class="progress progress-striped active"> <div class="bar blue" style="width: 80%;"></div> </div> </a></li> <li> <div class="notification_bottom"> <a href="#">See all pending tasks</a> </div> </li> </ul> </li> </ul> </li> <li class="second w3l_search"> <form action="#" method="post"> <input type="search" name="search" placeholder="Search here..." required=""> <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button> </form> </li> <li class="second full-screen"> <section class="full-top"> <button id="toggle"><i class="fa fa-arrows-alt" aria-hidden="true"></i></button> </section> </li> </ul> <!-- //nav --> </div> <div class="clearfix"></div> <!-- //w3_agileits_top_nav--> <!-- /inner_content--> <div class="inner_content"> <!-- /inner_content_w3_agile_info--> <!-- breadcrumbs --> <div class="w3l_agileits_breadcrumbs"> <div class="w3l_agileits_breadcrumbs_inner"> <ul> <li><a href="main-page.html">Home</a><span>«</span></li> <li>UI Components <span>«</span></li> <li>Buttons</li> </ul> </div> </div> <!-- //breadcrumbs --> <div class="inner_content_w3_agile_info two_in"> <h2 class="w3_inner_tittle">Buttons</h2> <!-- /buttons_w3ls_agile --> <div class="buttons_w3ls_agile"> <div class="col-md-6 button_set_one agile_info_shadow"> <h3 class="w3_inner_tittle two">Simple Buttons</h3> <!-- Standard button --> <button type = "button" class = "btn btn-default">Default Button</button> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type = "button" class = "btn btn-primary">Primary Button</button> <!-- Indicates a successful or positive action --> <button type = "button" class = "btn btn-success">Success Button</button> <!-- Contextual button for informational alert messages --> <button type = "button" class = "btn btn-info">Info Button</button> <!-- Indicates caution should be taken with this action --> <button type = "button" class = "btn btn-warning">Warning Button</button> <!-- Indicates a dangerous or potentially negative action --> <button type = "button" class = "btn btn-danger">Danger Button</button> </div> <div class="col-md-6 button_set_one two agile_info_shadow"> <!-- Standard button --> <h3 class="w3_inner_tittle two"> Button With Radius</h3> <!-- Provides extra visual weight and identifies the primary action in a set of buttons --> <button type = "button" class = "btn btn-primary">Primary Button</button> <!-- Indicates a successful or positive action --> <button type = "button" class = "btn btn-success">Success Button</button> <!-- Contextual button for informational alert messages --> <button type = "button" class = "btn btn-info">Info Button</button> <!-- Indicates caution should be taken with this action --> <button type = "button" class = "btn btn-warning">Warning Button</button> <!-- Indicates a dangerous or potentially negative action --> <button type = "button" class = "btn btn-danger">Danger Button</button> </div> <div class="clearfix"></div> </div> <!-- //buttons_w3ls_agile --> <!-- /buttons_w3ls_agile --> <div class="buttons_w3ls_agile"> <div class="col-md-6 button_set_one three agile_info_shadow"> <h3 class="w3_inner_tittle two">Button With Icon</h3> <!-- Standard button --> <button type="button" class="btn btn-primary btn-flat btn-pri"><i class="fa fa-plus" aria-hidden="true"></i> Primary</button> <button type="button" class="btn btn-success btn-flat btn-pri"><i class="fa fa-plus" aria-hidden="true"></i> Success</button> <button type="button" class="btn btn-info btn-flat btn-pri"><i class="fa fa-plus" aria-hidden="true"></i>Info</button> <button type="button" class="btn btn-warning btn-flat btn-pri"><i class="fa fa-plus" aria-hidden="true"></i>Warning</button> <button type="button" class="btn btn-danger btn-flat btn-pri"><i class="fa fa-plus" aria-hidden="true"></i>Danger</button> </div> <div class="col-md-6 button_set_one three one agile_info_shadow"> <!-- Standard button --> <h3 class="w3_inner_tittle two"> Button With Icon</h3> <button type="button" class="btn btn-primary btn-flat btn-pri btn-lg"><i class="fa fa-plus" aria-hidden="true"></i> Primary</button> <button type="button" class="btn btn-success btn-flat btn-pri btn-md"><i class="fa fa-plus" aria-hidden="true"></i> Success</button> <button type="button" class="btn btn-info btn-flat btn-pri btn-sm"><i class="fa fa-plus" aria-hidden="true"></i>Info</button> <button type="button" class="btn btn-warning btn-flat btn-pri btn-xs"><i class="fa fa-plus" aria-hidden="true"></i>Warning</button> </div> <div class="clearfix"></div> </div> <!-- //buttons_w3ls_agile --> <!-- /buttons_w3ls_agile --> <div class="buttons_w3ls_agile"> <div class="col-md-4 sub_agile_btn agile_info_shadow"> <h3 class="w3_inner_tittle two">Button States</h3> <!-- Standard button --> <div class="sub_agile mtn"> <p class="mb15"> <code>.disabled</code> </p> <div class="bs-component mb20"> <button type="button" class="btn disabled btn-dark btn-block">Disabled</button> </div> <p class="mb15"> <code>.btn-hover</code> </p> <div class="bs-component mb20"> <button type="button" class="btn btn-hover btn-dark btn-block">Hover</button> <div id="source-button" class="btn btn-system btn-xs" style="display: none;">< ></div></div> <p class="mb15"> <code>.active</code> </p> <div class="bs-component mb20"> <button type="button" class="btn active btn-dark btn-block">Active</button> </div> </div> </div> <div class="col-md-4 sub_agile_btn agile_info_shadow"> <!-- Standard button --> <h3 class="w3_inner_tittle two">Button Sizes</h3> <div class="sub_agile mtn"> <p class="mb15"> <code>.btn-xs</code> </p> <div class="bs-component mb20"> <button type="button" class="btn btn-xs btn-primary btn-block">Primary</button> </div> <p class="mb15"> <code>.btn-sm</code> </p> <div class="bs-component mb20"> <button type="button" class="btn btn-sm btn-primary btn-block">Primary</button> </div> <p class="mb15"> <code>Normal button</code> </p> <div class="bs-component mb20"> <button type="button" class="btn btn-primary btn-block">Primary</button> </div> <p class="mb15"> <code>.btn-lg</code> </p> <div class="bs-component mb20"> <button type="button" class="btn btn-lg btn-primary btn-block">Primary</button> </div> </div> </div> <div class="col-md-4 sub_agile_btn agile_info_shadow"> <!-- Standard button --> <h3 class="w3_inner_tittle two">Toggle Buttons</h3> <div class="inner-toggle"> <span class="toggle"> <input type="checkbox"> <label data-off="✖" data-on="✔"></label> </span> <span class="toggle"> <input type="checkbox"> <label data-off="◼" data-on="▶"></label> </span> <span class="toggle"> <input type="checkbox"> <label data-off="Stop" data-on="Play"></label> </span> </div> </div> <div class="clearfix"></div> </div> <!-- //buttons_w3ls_agile --> <!-- /buttons_w3ls_agile --> <div class="buttons_w3ls_agile"> <div class="col-md-6 button_set_one three agile_info_shadow"> <h3 class="w3_inner_tittle two">Animation Buttons</h3> <!-- Standard button --> <div id="holder"> <div class="button"> <p class="btnText">READY?</p> <div class="btnTwo"> <p class="btnText2">GO!</p> </div> </div> <div class="button"> <p class="btnText">CANCEL</p> <div class="btnTwo"> <p class="btnText2">X</p> </div> </div> </div> </div> <div class="col-md-6 button_set_one three one agile_info_shadow"> <!-- Standard button --> <h3 class="w3_inner_tittle two">Transition Buttons</h3> <div id="holder1"> <button type="button" class="grow">Grow</button> <button type="button" class="shrink">Shrink</button> </div> </div> <div class="clearfix"></div> </div> <!-- //buttons_w3ls_agile --> <!-- /social_media--> <div class="social_media_w3ls"> <div class="col-md-3 socail_grid_agile facebook"> <ul class="icon_w3_info"> <li><a href="#" class="wthree_facebook"> <i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li>Facebook</li> </ul> <ul class="icon_w3_social"> <li><i class="fa fa-comment-o" aria-hidden="true"></i></li> <li><i class="fa fa-envelope-o" aria-hidden="true"></i></li> <li><i class="fa fa-user" aria-hidden="true"></i></li> </ul> <div class="clearfix"></div> <div class="bottom_info_social"> <div class="col-md-4 agile_w3l_social_media_text_img"> <img src="images/admin.jpg" alt=""> </div> <div class="col-md-8 agile_w3l_social_media_text"> <h4>Hurisa Joe</h4> <p>Lorem ipsum dolor sit amet</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 socail_grid_agile twitter"> <ul class="icon_w3_info"> <li><a href="#" class="wthree_facebook"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li>Twitter</li> </ul> <ul class="icon_w3_social"> <li><i class="fa fa-comment-o" aria-hidden="true"></i></li> <li><i class="fa fa-envelope-o" aria-hidden="true"></i></li> <li><i class="fa fa-user" aria-hidden="true"></i></li> </ul> <div class="clearfix"></div> <div class="bottom_info_social"> <div class="col-md-4 agile_w3l_social_media_text_img"> <img src="images/a1.jpg" alt=""> </div> <div class="col-md-8 agile_w3l_social_media_text"> <h4>Jasmin Joe</h4> <p>Lorem ipsum dolor sit amet</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 socail_grid_agile gmail"> <ul class="icon_w3_info"> <li><a href="#" class="wthree_facebook"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li> <li>Google+</li> </ul> <ul class="icon_w3_social"> <li><i class="fa fa-comment-o" aria-hidden="true"></i></li> <li><i class="fa fa-envelope-o" aria-hidden="true"></i></li> <li><i class="fa fa-user" aria-hidden="true"></i></li> </ul> <div class="clearfix"></div> <div class="bottom_info_social"> <div class="col-md-4 agile_w3l_social_media_text_img"> <img src="images/a2.jpg" alt=""> </div> <div class="col-md-8 agile_w3l_social_media_text"> <h4>John Pal</h4> <p>Lorem ipsum dolor sit amet</p> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-3 socail_grid_agile dribble"> <ul class="icon_w3_info"> <li><a href="#" class="wthree_facebook"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li> <li>Dribbble</li> </ul> <ul class="icon_w3_social"> <li><i class="fa fa-comment-o" aria-hidden="true"></i></li> <li><i class="fa fa-envelope-o" aria-hidden="true"></i></li> <li><i class="fa fa-user" aria-hidden="true"></i></li> </ul> <div class="clearfix"></div> <div class="bottom_info_social"> <div class="col-md-4 agile_w3l_social_media_text_img"> <img src="images/a4.jpg" alt=""> </div> <div class="col-md-8 agile_w3l_social_media_text"> <h4>Honey Pal</h4> <p>Lorem ipsum dolor sit amet</p> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> <!-- //social_media--> </div> <!-- //inner_content_w3_agile_info--> </div> <!-- //inner_content--> </div> <!-- banner --> <!--copy rights start here--> <div class="copyrights"> <p>© 2017 Esteem. All Rights Reserved | Design by <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p> </div> <!--copy rights end here--> <!-- js --> <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> <script src="js/modernizr.custom.js"></script> <script src="js/classie.js"></script> <script src="js/gnmenu.js"></script> <script> new gnMenu( document.getElementById( 'gn-menu' ) ); </script> <!-- //js --> <script src="js/screenfull.js"></script> <script> $(function () { $('#supported').text('Supported/allowed: ' + !!screenfull.enabled); if (!screenfull.enabled) { return false; } $('#toggle').click(function () { screenfull.toggle($('#container')[0]); }); }); </script> <script src="js/jquery.nicescroll.js"></script> <script src="js/scripts.js"></script> <script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script> </body> </html>
Copyright © 2025 - UnknownSec