EVOLUTION-NINJA
Edit File: access-privilege.html
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Swan Silk</title> <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/avinash.min.css" > <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/main.css" > <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/bootstrap.min.css" > <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/font-awesome.min.css" > <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/responsive.css" > <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/skin-blue.min.css" > <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/samll-big.css" > <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-2.2.4.min.js" ></script> <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/bootstrap.min.js" ></script> <script type="text/javascript" src="<?php echo base_url(); ?>assets/js/app.min.js" ></script> </head> <body class="hold-transition skin-blue sidebar-mini"> <div class="wrapper"> <header class="main-header"> <a href="index2.html" class="logo"> <span class="logo-mini"><img src="<?php echo base_url();?>assets/images/samll-big.png"></span> <span class="logo-lg"><img src="<?php echo base_url(); ?>assets/images/logo-big.pn"></span> </a> <nav class="navbar navbar-static-top"> <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> <span class="sr-only">Toggle navigation</span> </a> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="<?php echo base_url(); ?>assets/images/img/user2-160x160.jpg" class="user-image" alt="User Image"> <span class="hidden-xs">Alexander Pierce</span> </a> <ul class="dropdown-menu"> <li class="user-header"> <img src="<?php echo base_url(); ?>assets/images/img/user2-160x160.jpg" class="img-circle" alt="User Image"> <p>Alexander Pierce - Web Developer <small>Member since Nov. 2012</small> </p> </li> <!-- Menu Body --> <li class="user-footer"> <div class="pull-left"> <a href="#" class="btn btn-default btn-flat">Profile</a> </div> <div class="pull-right"> <a href="#" class="btn btn-default btn-flat">Sign out</a> </div> </li> </ul> </li> <!--<li> <a data-toggle="control-sidebar">I</a> </li> <li> <a href="#" data-toggle="control-sidebar"><i class="fa fa-sign-out"></i> Sign Out</a> </li>--> </ul> </div> </nav> </header> <!--------------------------------------------- header---------------------------------------------------------------------------------> <aside class="main-sidebar"> <section class="sidebar"> <ul class="sidebar-menu"> <li class="dashb"><a href="#"><i class="fa fa-tachometer fa-lg" aria-hidden="true"></i><span>Dashboard</span></a></li> </ul> </section> <!--- section ----> </aside> <!--- aside ----> <!------------- left-side menu END -----------------------------------------------------------------------------------------------------> <div class="content-wrapper"> <section class="content-header"> <h1> <i class="fa fa-user" aria-hidden="true"></i> Access Rights </h1> </section> <!--- section 1 ---> <section class="content"> <div class="col-sm-12 col-md-12"> <form id="land_owner" class="form-inline"> <div class="row owner_access"> <div class="form-group col-sm-12"> <label class="control-label col-sm-5 col-sm-offset-1 col-md-2 col-md-offset-4">Select Category: </label> <div class="col-sm-5 col-md-3"> <select class="form-control" id="sel1" style="width:100%;"> <option>Staffs</option> <option>2</option> <option>3</option> <option>4</option> </select> </div> <div class="col-sm-1 col-md-3"> </div> </div> </div> <!-- row 1 ---> <div class="row owner_access"> <div class="form-group col-sm-12"> <label class="control-label col-sm-5 col-sm-offset-1 col-md-2 col-md-offset-4">Select Members: </label> <div class="col-sm-5 col-md-3"> <select class="form-control" id="sel2" style="width:100%;"> <option>Select</option> <option>Rajiv Dental Care</option> <option>3</option> <option>4</option> </select> </div> <div class="col-sm-1 col-md-3"> </div> </div> </div> <!-- row 2 ---> <div class="row owner_access"> <div class="form-group col-sm-12 "> <div class="col-sm-12 col-md-8"> <p>Menu</p> <div class="checkbox ac-checkbox"> <label class="checkbox-inline"><input type="checkbox" value="">Check All Save</label> <label class="checkbox-inline"><input type="checkbox" value="">Check All Modify</label> <label class="checkbox-inline"><input type="checkbox" value="">Check All Delete</label> </div> </div> </div> </div> <!-- row 3 ---> <div class="row owner_access"> <div class="col-sm-12"> <div class="col-sm-12 col-md-12"> <table class="table access-table"> <tr class="bg-grey"> <td style="text-align:center;width: 26px;">SI#</td> <td style="text-align:center;" class="access-border">Menu Name</td> <td style="text-align:center;width: 30px;" class="access-border">Save</td> <td style="text-align:center;width: 30px;" class="access-border">Modify</td> <td style="text-align:center;width: 30px;">Delete</td> </tr> <tr class="bg-silvery"> <td>1</td> <td class="access-border">xyz</td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" ><input type="checkbox" value=""></td> </tr> <tr> <td>2</td> <td class="access-border">xyz</td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" ><input type="checkbox" value=""></td> </tr> <tr class="bg-silvery"> <td>3</td> <td class="access-border">xyz</td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" ><input type="checkbox" value=""></td> </tr> <tr> <td>4</td> <td class="access-border">xyz</td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" ><input type="checkbox" value=""></td> </tr> <tr class="bg-silvery"> <td>5</td> <td class="access-border">xyz</td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" class="access-border"><input type="checkbox" value=""></td> <td style="text-align:center;" ><input type="checkbox" value=""></td> </tr> </table> </div> <div class="col-sm-0 col-md-0"> </div> </div> </div> <!-- row 4 ---> <div class="row owner_access"> <div class="col-sm-12"> <div class="col-sm-4 col-md-4"></div> <div class="col-sm-4 col-md-4"> <button type="button" class="btn center-block submit">Save</button> </div> <div class="col-sm-4 col-md-4"></div> </div> </div> <!-- row 5 ---> </form> </div> <!--- col-sm-8 ---> <div class="col-sm-0 col-md-3"></div> </section> <!--- section 2 ---> </div> <!--- content-wrapper ----> <!------------- content-wrapper END -----------------------------------------------------------------------------------------------------> </div> <!----- wrapper -----> </body> </html> <style> .skin-blue .wrapper, .skin-blue .left-side { background-color: #ffffff !important; } .skin-blue .main-sidebar { background-color: #e6e6e6 !important; } @media only screen and (min-width:641px) and (max-width:991px) { .form-group label{ padding-left:20px !important; } } </style>