SHARE
TWEET

Untitled

a guest May 21st, 2019 68 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!-- Logo -->
  2.     <a href="index2.html" class="logo">
  3.       <!-- mini logo for sidebar mini 50x50 pixels -->
  4.       <span class="logo-mini"><b>A</b>LT</span>
  5.       <!-- logo for regular state and mobile devices -->
  6.       <span class="logo-lg"><b>Admin</b>LTE</span>
  7.     </a>
  8.     <!-- Header Navbar: style can be found in header.less -->
  9.     <nav class="navbar navbar-static-top">
  10.       <!-- Sidebar toggle button-->
  11.       <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
  12.         <span class="sr-only">Toggle navigation</span>
  13.       </a>
  14.  
  15.       <div class="navbar-custom-menu">
  16.         <ul class="nav navbar-nav">
  17.           <!-- Messages: style can be found in dropdown.less-->
  18.           <li class="dropdown messages-menu">
  19.             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  20.               <i class="fa fa-envelope-o"></i>
  21.               <span class="label label-success">4</span>
  22.             </a>
  23.             <ul class="dropdown-menu">
  24.               <li class="header">You have 4 messages</li>
  25.               <li>
  26.                 <!-- inner menu: contains the actual data -->
  27.                 <ul class="menu">
  28.                   <li><!-- start message -->
  29.                     <a href="#">
  30.                       <div class="pull-left">
  31.                         <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  32.                       </div>
  33.                       <h4>
  34.                         Support Team
  35.                         <small><i class="fa fa-clock-o"></i> 5 mins</small>
  36.                       </h4>
  37.                       <p>Why not buy a new awesome theme?</p>
  38.                     </a>
  39.                   </li>
  40.                   <!-- end message -->
  41.                   <li>
  42.                     <a href="#">
  43.                       <div class="pull-left">
  44.                         <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
  45.                       </div>
  46.                       <h4>
  47.                         AdminLTE Design Team
  48.                         <small><i class="fa fa-clock-o"></i> 2 hours</small>
  49.                       </h4>
  50.                       <p>Why not buy a new awesome theme?</p>
  51.                     </a>
  52.                   </li>
  53.                   <li>
  54.                     <a href="#">
  55.                       <div class="pull-left">
  56.                         <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
  57.                       </div>
  58.                       <h4>
  59.                         Developers
  60.                         <small><i class="fa fa-clock-o"></i> Today</small>
  61.                       </h4>
  62.                       <p>Why not buy a new awesome theme?</p>
  63.                     </a>
  64.                   </li>
  65.                   <li>
  66.                     <a href="#">
  67.                       <div class="pull-left">
  68.                         <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
  69.                       </div>
  70.                       <h4>
  71.                         Sales Department
  72.                         <small><i class="fa fa-clock-o"></i> Yesterday</small>
  73.                       </h4>
  74.                       <p>Why not buy a new awesome theme?</p>
  75.                     </a>
  76.                   </li>
  77.                   <li>
  78.                     <a href="#">
  79.                       <div class="pull-left">
  80.                         <img src="dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
  81.                       </div>
  82.                       <h4>
  83.                         Reviewers
  84.                         <small><i class="fa fa-clock-o"></i> 2 days</small>
  85.                       </h4>
  86.                       <p>Why not buy a new awesome theme?</p>
  87.                     </a>
  88.                   </li>
  89.                 </ul>
  90.               </li>
  91.               <li class="footer"><a href="#">See All Messages</a></li>
  92.             </ul>
  93.           </li>
  94.           <!-- Notifications: style can be found in dropdown.less -->
  95.           <li class="dropdown notifications-menu">
  96.             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  97.               <i class="fa fa-bell-o"></i>
  98.               <span class="label label-warning">10</span>
  99.             </a>
  100.             <ul class="dropdown-menu">
  101.               <li class="header">You have 10 notifications</li>
  102.               <li>
  103.                 <!-- inner menu: contains the actual data -->
  104.                 <ul class="menu">
  105.                   <li>
  106.                     <a href="#">
  107.                       <i class="fa fa-users text-aqua"></i> 5 new members joined today
  108.                     </a>
  109.                   </li>
  110.                   <li>
  111.                     <a href="#">
  112.                       <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
  113.                       page and may cause design problems
  114.                     </a>
  115.                   </li>
  116.                   <li>
  117.                     <a href="#">
  118.                       <i class="fa fa-users text-red"></i> 5 new members joined
  119.                     </a>
  120.                   </li>
  121.                   <li>
  122.                     <a href="#">
  123.                       <i class="fa fa-shopping-cart text-green"></i> 25 sales made
  124.                     </a>
  125.                   </li>
  126.                   <li>
  127.                     <a href="#">
  128.                       <i class="fa fa-user text-red"></i> You changed your username
  129.                     </a>
  130.                   </li>
  131.                 </ul>
  132.               </li>
  133.               <li class="footer"><a href="#">View all</a></li>
  134.             </ul>
  135.           </li>
  136.           <!-- Tasks: style can be found in dropdown.less -->
  137.           <li class="dropdown tasks-menu">
  138.             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  139.               <i class="fa fa-flag-o"></i>
  140.               <span class="label label-danger">9</span>
  141.             </a>
  142.             <ul class="dropdown-menu">
  143.               <li class="header">You have 9 tasks</li>
  144.               <li>
  145.                 <!-- inner menu: contains the actual data -->
  146.                 <ul class="menu">
  147.                   <li><!-- Task item -->
  148.                     <a href="#">
  149.                       <h3>
  150.                         Design some buttons
  151.                         <small class="pull-right">20%</small>
  152.                       </h3>
  153.                       <div class="progress xs">
  154.                         <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
  155.                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  156.                           <span class="sr-only">20% Complete</span>
  157.                         </div>
  158.                       </div>
  159.                     </a>
  160.                   </li>
  161.                   <!-- end task item -->
  162.                   <li><!-- Task item -->
  163.                     <a href="#">
  164.                       <h3>
  165.                         Create a nice theme
  166.                         <small class="pull-right">40%</small>
  167.                       </h3>
  168.                       <div class="progress xs">
  169.                         <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar"
  170.                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  171.                           <span class="sr-only">40% Complete</span>
  172.                         </div>
  173.                       </div>
  174.                     </a>
  175.                   </li>
  176.                   <!-- end task item -->
  177.                   <li><!-- Task item -->
  178.                     <a href="#">
  179.                       <h3>
  180.                         Some task I need to do
  181.                         <small class="pull-right">60%</small>
  182.                       </h3>
  183.                       <div class="progress xs">
  184.                         <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar"
  185.                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  186.                           <span class="sr-only">60% Complete</span>
  187.                         </div>
  188.                       </div>
  189.                     </a>
  190.                   </li>
  191.                   <!-- end task item -->
  192.                   <li><!-- Task item -->
  193.                     <a href="#">
  194.                       <h3>
  195.                         Make beautiful transitions
  196.                         <small class="pull-right">80%</small>
  197.                       </h3>
  198.                       <div class="progress xs">
  199.                         <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar"
  200.                              aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
  201.                           <span class="sr-only">80% Complete</span>
  202.                         </div>
  203.                       </div>
  204.                     </a>
  205.                   </li>
  206.                   <!-- end task item -->
  207.                 </ul>
  208.               </li>
  209.               <li class="footer">
  210.                 <a href="#">View all tasks</a>
  211.               </li>
  212.             </ul>
  213.           </li>
  214.           <!-- User Account: style can be found in dropdown.less -->
  215.           <li class="dropdown user user-menu">
  216.             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
  217.               <img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
  218.               <span class="hidden-xs">Alexander Pierce</span>
  219.             </a>
  220.             <ul class="dropdown-menu">
  221.               <!-- User image -->
  222.               <li class="user-header">
  223.                 <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
  224.  
  225.                 <p>
  226.                   Alexander Pierce - Web Developer
  227.                   <small>Member since Nov. 2012</small>
  228.                 </p>
  229.               </li>
  230.               <!-- Menu Body -->
  231.               <li class="user-body">
  232.                 <div class="row">
  233.                   <div class="col-xs-4 text-center">
  234.                     <a href="#">Followers</a>
  235.                   </div>
  236.                   <div class="col-xs-4 text-center">
  237.                     <a href="#">Sales</a>
  238.                   </div>
  239.                   <div class="col-xs-4 text-center">
  240.                     <a href="#">Friends</a>
  241.                   </div>
  242.                 </div>
  243.                 <!-- /.row -->
  244.               </li>
  245.               <!-- Menu Footer-->
  246.               <li class="user-footer">
  247.                 <div class="pull-left">
  248.                   <a href="#" class="btn btn-default btn-flat">Profile</a>
  249.                 </div>
  250.                 <div class="pull-right">
  251.                   <a href="#" class="btn btn-default btn-flat">Sign out</a>
  252.                 </div>
  253.               </li>
  254.             </ul>
  255.           </li>
  256.           <!-- Control Sidebar Toggle Button -->
  257.           <li>
  258.             <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
  259.           </li>
  260.         </ul>
  261.       </div>
  262.     </nav>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top