Facebook
From Me, 4 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 161
  1. <!DOCTYPE html>
  2. <html class="loading" lang="en" data-textdirection="ltr">
  3.   <!-- BEGIN: Head-->
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  8.     <meta name="description" content="Modern admin is super flexible, powerful, clean &amp; modern responsive bootstrap 4 admin template with unlimited possibilities with bitcoin dashboard.">
  9.     <meta name="keywords" content="admin template, modern admin template, dashboard template, flat admin template, responsive admin template, web app, crypto dashboard, bitcoin dashboard">
  10.     <meta name="author" content="PIXINVENT">
  11.  
  12.     <title>Fixed Navbar &amp; Navigation - Modern Admin - Clean Bootstrap 4 Dashboard HTML Template + Bitcoin Dashboard</title>
  13.  
  14.     <link rel="apple-touch-icon" href="<?php echo base_url() . 'assets/admin/images/ico/apple-icon-120.png'; ?>">
  15.     <link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url() . 'assets/admin/images/ico/favicon.ico'; ?>">
  16.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i%7CQuicksand:300,400,500,700" rel="stylesheet">
  17.  
  18.     <!-- BEGIN: Vendor CSS-->
  19.     <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/admin/vendors/css/vendors.min.css'; ?>">
  20.     <!-- END: Vendor CSS-->
  21.  
  22.     <!-- BEGIN: Theme CSS-->
  23.     <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/admin/css/bootstrap.css'; ?>">
  24.     <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/admin/css/bootstrap-extended.css'; ?>">
  25.     <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/admin/css/colors.css'; ?>">
  26.     <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/admin/css/components.css'; ?>">
  27.     <!-- END: Theme CSS-->
  28.  
  29.     <!-- BEGIN: Page CSS-->
  30.     <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/admin/css/vertical-menu-modern.css'; ?>">
  31.     <!-- END: Page CSS-->
  32.  
  33.     <!-- BEGIN: Custom CSS-->
  34.     <link rel="stylesheet" type="text/css" href="<?php echo base_url() . 'assets/admin/css/style.css'; ?>">
  35.     <!-- END: Custom CSS-->
  36.   </head>
  37.   <!-- END: Head-->
  38.  
  39.   <!-- BEGIN: Body-->
  40.   <body class="vertical-layout vertical-menu-modern 2-columns fixed-navbar" data-open="click" data-menu="vertical-menu-modern" data-col="2-columns">
  41.     <!-- BEGIN: Header-->
  42.     <nav class="header-navbar navbar-expand-lg navbar navbar-with-menu navbar-without-dd-arrow fixed-top navbar-semi-dark navbar-shadow">
  43.       <div class="navbar-wrapper">
  44.         <div class="navbar-header">
  45.           <ul class="nav navbar-nav flex-row">
  46.             <li class="nav-item mobile-menu d-lg-none mr-auto"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="ft-menu font-large-1"></i></a></li>
  47.             <li class="nav-item mr-auto">
  48.               <a class="navbar-brand" href="../../../html/ltr/vertical-modern-menu-template/index.html">
  49.                 <img class="brand-logo" alt="modern admin logo" src="<?php echo base_url() . 'assets/admin/images/logo/logo.png'; ?>">
  50.                 <h3 class="brand-text">Modern</h3>
  51.               </a>
  52.             </li>
  53.             <li class="nav-item d-lg-none"><a class="nav-link open-navbar-container" data-toggle="collapse" data-target="#navbar-mobile"><i class="la la-ellipsis-v"></i></a></li>
  54.           </ul>
  55.         </div>
  56.         <div class="navbar-container content">
  57.           <div class="collapse navbar-collapse" id="navbar-mobile">
  58.             <ul class="nav navbar-nav float-right ml-auto">
  59.               <li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown"><span class="avatar avatar-online"><img src="<?php echo base_url() . 'assets/admin/images/avatar/avatar-s-1.png'; ?>" alt="avatar"><i></i></span><span class="user-name">John Doe</span></a>
  60.                 <div class="dropdown-menu dropdown-menu-right"><a class="dropdown-item" href="user-profile.html"><i class="ft-user"></i> Edit Profile</a><a class="dropdown-item" href="app-kanban.html"><i class="ft-clipoard"></i> Todo</a><a class="dropdown-item" href="user-cards.html"><i class="ft-check-square"></i> Task</a>
  61.                   <div class="dropdown-divider"></div>
  62.                   <a class="dropdown-item" href="login-with-bg-image.html">
  63.                     <i class="ft-power"></i> Logout
  64.                   </a>
  65.                 </div>
  66.               </li>
  67.             </ul>
  68.           </div>
  69.         </div>
  70.       </div>
  71.     </nav>
  72.     <!-- END: Header-->
  73.  
  74.     <!-- main menu-->
  75.     <div class="main-menu menu-fixed menu-dark menu-accordion menu-shadow" data-scroll-to-active="true">
  76.       <div class="main-menu-content">
  77.         <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
  78.           <li class=" navigation-header"><span>Menu #1</span><i class="la la-ellipsis-h" data-toggle="tooltip" data-placement="right" data-original-title="Support"></i></li>
  79.           <li class=" nav-item"><a href="#"><i class="la la-rocket"></i><span class="menu-title" data-i18n="Starter kit">Starter kit</span></a>
  80.             <ul class="menu-content">
  81.               <li><a class="menu-item" href="layout-1-column.html"><i></i><span data-i18n="1 column">1 column</span></a></li>
  82.               <li><a class="menu-item" href="#"><i></i><span data-i18n="Content Det. Sidebar">Content Det. Sidebar</span></a>
  83.                 <ul class="menu-content">
  84.                   <li><a class="menu-item" href="layout-content-detached-left-sidebar.html"><i></i><span data-i18n="Detached left sidebar">Detached left sidebar</span></a></li>
  85.                   <li><a class="menu-item" href="layout-content-detached-left-sticky-sidebar.html"><i></i><span data-i18n="Detached sticky left sidebar">Detached sticky left sidebar</span></a></li>
  86.                   <li><a class="menu-item" href="layout-content-detached-right-sidebar.html"><i></i><span data-i18n="Detached right sidebar">Detached right sidebar</span></a></li>
  87.                   <li><a class="menu-item" href="layout-content-detached-right-sticky-sidebar.html"><i></i><span data-i18n="Detached sticky right sidebar">Detached sticky right sidebar</span></a></li>
  88.                 </ul>
  89.               </li>
  90.               <li class="navigation-divider"></li>
  91.               <li><a class="menu-item" href="layout-fixed-navbar.html"><i></i><span data-i18n="Fixed navbar">Fixed navbar</span></a></li>
  92.               <li><a class="menu-item" href="layout-fixed-navigation.html"><i></i><span data-i18n="Fixed navigation">Fixed navigation</span></a></li>
  93.               <li class="active"><a class="menu-item" href="layout-fixed-navbar-navigation.html"><i></i><span data-i18n="Fixed navbar &amp; navigation">Fixed navbar &amp; navigation</span></a></li>
  94.               <li><a class="menu-item" href="layout-fixed-navbar-footer.html"><i></i><span data-i18n="Fixed navbar &amp; footer">Fixed navbar &amp; footer</span></a></li>
  95.             </ul>
  96.           </li>
  97.           <li class=" navigation-header"><span>Support</span><i class="la la-ellipsis-h" data-toggle="tooltip" data-placement="right" data-original-title="Support"></i></li>
  98.           <li class=" nav-item"><a href="https://pixinvent.ticksy.com/" target="_blank"><i class="la la-support"></i><span class="menu-title" data-i18n="Raise Support">Raise Support</span></a></li>
  99.           <li class=" nav-item"><a href="https://pixinvent.com/modern-admin-clean-bootstrap-4-dashboard-html-template/documentation" target="_blank"><i class="la la-folder"></i><span class="menu-title" data-i18n="Documentation">Documentation</span></a></li>
  100.         </ul>
  101.       </div>
  102.     </div>
  103.     <!-- END: Main Menu-->
  104.  
  105.     <!-- BEGIN: Content-->
  106.     <div class="app-content content">
  107.       <div class="content-overlay"></div>
  108.       <div class="content-wrapper">
  109.         <div class="content-header row">
  110.           <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
  111.             <h3 class="content-header-title mb-0 d-inline-block">Fixed Navbar &amp; Navigation</h3>
  112.             <div class="row breadcrumbs-top d-inline-block">
  113.               <div class="breadcrumb-wrapper col-12">
  114.                 <ol class="breadcrumb">
  115.                   <li class="breadcrumb-item"><a href="index.html">Home</a></li>
  116.                   <li class="breadcrumb-item"><a href="#">Starters Kit</a></li>
  117.                   <li class="breadcrumb-item active">Fixed Navbar &amp; Navigation</li>
  118.                 </ol>
  119.               </div>
  120.             </div>
  121.           </div>
  122.           <div class="content-header-right col-md-6 col-12">
  123.             <div class="btn-group float-md-right">
  124.               <button class="btn btn-info dropdown-toggle mb-1" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action</button>
  125.               <div class="dropdown-menu arrow"><a class="dropdown-item" href="#"><i class="fa fa-calendar-check mr-1"></i> Calender</a><a class="dropdown-item" href="#"><i class="fa fa-cart-plus mr-1"></i> Cart</a><a class="dropdown-item" href="#"><i class="fa fa-life-ring mr-1"></i> Support</a>
  126.                 <div class="dropdown-divider"></div>
  127.                 <a class="dropdown-item" href="#"><i class="fa fa-cog mr-1"></i> Settings</a>
  128.               </div>
  129.             </div>
  130.           </div>
  131.         </div>
  132.         <div class="content-body">
  133.           <section class="row">
  134.             <div class="col-sm-12">
  135.               <!-- Kick start -->
  136.               <div id="kick-start" class="card">
  137.                 <div class="card-header">
  138.                   <h4 class="card-title">Kick start your project development !</h4>
  139.                   <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
  140.                   <div class="heading-elements">
  141.                     <ul class="list-inline mb-0">
  142.                       <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
  143.                       <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
  144.                       <li><a data-action="close"><i class="ft-x"></i></a></li>
  145.                     </ul>
  146.                   </div>
  147.                 </div>
  148.                 <div class="card-content collapse show">
  149.                   <div class="card-body">
  150.                     <div class="card-text">
  151.                       <p>Getting start with your project custom requirements using a ready template which is quite difficult and time taking process, Modern Admin provides useful features to kick start your project development with no efforts !</p>
  152.                       <ul>
  153.                         <li>Modern Admin provides you getting start pages with different layouts, use the layout as per your custom requirements and just change the branding, menu & content.</li>
  154.                         <li>It use PUG as template engine to generate pages and whole template quickly using node js. You can generate entire template with your selected custom layout, branding & menu. Save your time for doing the common changes foreach page (i.e menu, branding and footer) by generating template with pug.</li>
  155.                         <li>Every components in Modern Admin are decoupled, it means use use only components you actually need! Remove unnecessary and extra code easily just by excluding the path to specific SCSS, JS file.</li>
  156.                       </ul>
  157.                     </div>
  158.                   </div>
  159.                 </div>
  160.               </div>
  161.               <!--/ Kick start -->
  162.             </div>
  163.           </section>
  164.  
  165.           <section class="row">
  166.             <div class="col-md-6 col-sm-12">
  167.               <div id="with-header" class="card">
  168.                 <div class="card-header">
  169.                   <h4 class="card-title">With Header</h4>
  170.                   <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
  171.                   <div class="heading-elements">
  172.                     <ul class="list-inline mb-0">
  173.                       <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
  174.                       <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
  175.                       <li><a data-action="close"><i class="ft-x"></i></a></li>
  176.                     </ul>
  177.                   </div>
  178.                 </div>
  179.                 <div class="card-content collapse show">
  180.                   <div class="card-body border-top-blue-grey border-top-lighten-5 ">
  181.                     <h4 class="card-title">Content title</h4>
  182.                     <p class="card-text">Add a heading to card with <code>.card-header </code> class &amp; content title uses <code>.card-title</code> class. For border add <code>.border-top-COLOR</code> class</p>
  183.                     <p class="card-text">You may also include any &lt;h1&gt;-&lt;h6&gt; with a <code>.card-header </code> &amp; <code>.card-title</code> class to add heading.</p>
  184.                     <p class="card-text">Jelly beans sugar plum cheesecake cookie oat cake soufflé. Tart lollipop carrot cake sugar plum. Marshmallow wafer tiramisu jelly beans.</p>
  185.                   </div>
  186.                 </div>
  187.               </div>
  188.             </div>
  189.             <div class="col-md-6 col-sm-12">
  190.               <div id="with-header-border-0" class="card">
  191.                 <div class="card-header">
  192.                   <h4 class="card-title">With Header &amp; No Border</h4>
  193.                   <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
  194.                   <div class="heading-elements">
  195.                     <ul class="list-inline mb-0">
  196.                       <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
  197.                       <li><a data-action="reload"><i class="ft-rotate-cw"></i></a></li>
  198.                       <li><a data-action="close"><i class="ft-x"></i></a></li>
  199.                     </ul>
  200.                   </div>
  201.                 </div>
  202.                 <div class="card-content collapse show">
  203.                   <div class="card-body">
  204.                     <h4 class="card-title">Content title</h4>
  205.                     <p class="card-text">Add a heading to card with <code>.card-header </code> class &amp; content title uses <code>.card-title</code> class.</p>
  206.                     <p class="card-text">You may also include any &lt;h1&gt;-&lt;h6&gt; with a <code>.card-header </code> &amp; <code>.card-title</code> class to add heading.</p>
  207.                     <p class="card-text">Gingerbread brownie sweet roll cheesecake chocolate cake jelly beans marzipan gummies dessert. Jelly beans sugar plum cheesecake cookie oat cake soufflé.</p>
  208.                   </div>
  209.                 </div>
  210.               </div>
  211.             </div>
  212.           </section>
  213.         </div>
  214.       </div>
  215.     </div>
  216.     <!-- END: Content-->
  217.  
  218.     <div class="sidenav-overlay"></div>
  219.     <div class="drag-target"></div>
  220.  
  221.     <!-- BEGIN: Footer-->
  222.     <footer class="footer footer-static footer-light navbar-border navbar-shadow">
  223.       <p class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span class="float-md-left d-block d-md-inline-block">Copyright &copy; 2019 <a class="text-bold-800 grey darken-2" href="https://1.envato.market/modern_admin" target="_blank">PIXINVENT</a></span><span class="float-md-right d-none d-lg-block">Hand-crafted & Made with<i class="ft-heart pink"></i><span id="scroll-top"></span></span></p>
  224.     </footer>
  225.     <!-- END: Footer-->
  226.  
  227.     <!-- BEGIN: Vendor JS-->
  228.     <script src="<?php echo base_url() . 'assets/admin/vendors/js/vendors.min.js'; ?>"></script>
  229.     <!-- BEGIN Vendor JS-->
  230.  
  231.     <!-- BEGIN: Page Vendor JS-->
  232.     <!-- END: Page Vendor JS-->
  233.  
  234.     <!-- BEGIN: Theme JS-->
  235.     <script src="<?php echo base_url() . 'assets/admin/js/app-menu.js'; ?>"></script>
  236.     <script src="<?php echo base_url() . 'assets/admin/js/app.js'; ?>"></script>
  237.     <!-- END: Theme JS-->
  238.  
  239.     <!-- BEGIN: Page JS-->
  240.     <!-- END: Page JS-->
  241.  
  242.   </body>
  243.   <!-- END: Body-->
  244. </html>
  245.