API tools faq
paste
Advertisement
fakhrycodepolitan

index.html

fakhrycodepolitan
Dec 28th, 2022
128
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.42 KB | Source Code | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <meta name="description" content="">
  8.     <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
  9.     <meta name="generator" content="Jekyll v3.8.5">
  10.     <title>
  11.         <?= isset($title) ? $title : 'CIShop' ?> - Codeigniter E-Commerce
  12.     </title>
  13.  
  14.     <link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/navbar-fixed/">
  15.  
  16.     <!-- Bootstrap core CSS -->
  17.     <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
  18.     <!-- Fontawesome CSS -->
  19.     <link rel="stylesheet" href="/assets/libs/fontawesome/css/all.min.css">
  20.     <!-- Custom styles for this template -->
  21.     <link rel="stylesheet" href="/assets/css/app.css">
  22. </head>
  23.  
  24. <body>
  25.  
  26.  
  27.     <nav class="navbar navbar-expand-md navbar-light fixed-top bg-light">
  28.         <div class="container">
  29.             <a class="navbar-brand" href="#">CIshop</a>
  30.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
  31.                aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  32.                 <span class="navbar-toggler-icon"></span>
  33.             </button>
  34.             <div class="collapse navbar-collapse" id="navbarCollapse">
  35.                 <ul class="navbar-nav mr-auto">
  36.                     <li class="nav-item active">
  37.                         <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
  38.                     </li>
  39.  
  40.                     <li class="nav-item dropdown">
  41.                         <a class="nav-link dropdown-toggle" href="#" id="dropdown-1" data-toggle="dropdown"
  42.                            aria-haspopup="true" aria-expanded="false">Manage</a>
  43.                         <div class="dropdown-menu" aria-labelledby="dropdown-1">
  44.                             <a href="/admin-category.html" class="dropdown-item">Kategori</a>
  45.                             <a href="/admin-product.html" class="dropdown-item">Produk</a>
  46.                             <a href="/admin-order.html" class="dropdown-item">Order</a>
  47.                             <a href="/admin-users.html" class="dropdown-item">Pengguna</a>
  48.                         </div>
  49.                     </li>
  50.                 </ul>
  51.  
  52.                 <ul class="navbar-nav">
  53.                     <li class="nav-item">
  54.                         <a href="/cart.html" class="nav-link"><i class="fas fa-shopping-cart"></i>Cart (0)</a>
  55.                     </li>
  56.                     <li class="nav-item">
  57.                         <a href="/login.html" class="nav-link">Login</a>
  58.                     </li>
  59.                     <li class="nav-item">
  60.                         <a href="/register.html" class="nav-link">Register</a>
  61.                     </li>
  62.  
  63.                     <li class="nav-item dropdown">
  64.                         <a class="nav-link dropdown-toggle" href="#" id="dropdown-2" data-toggle="dropdown"
  65.                            aria-haspopup="true" aria-expanded="false">Admin</a>
  66.                         <div class="dropdown-menu" aria-labelledby="dropdown-2">
  67.                             <a href="/profile.html" class="dropdown-item">Profile</a>
  68.                             <a href="/orders.html" class="dropdown-item">Orders</a>
  69.                             <a href="#" class="dropdown-item">Logout</a>
  70.                         </div>
  71.                     </li>
  72.                 </ul>
  73.             </div>
  74.         </div>
  75.     </nav>
  76.  
  77.     <main role="main" class="container">
  78.         <div class="row">
  79.             <div class="col-md-10 mx-auto">
  80.                 <div class="card">
  81.                     <div class="card-header">
  82.                         <span>Tambah Kategori</span>
  83.                     </div>
  84.  
  85.                     <div class="card-body">
  86.                         <form action="">
  87.                             <div class="form-group">
  88.                                 <label for="">Kategori</label>
  89.                                 <input type="text" class="form-control" id="title" onkeyup="createSlug()" required
  90.                                    autofocus />
  91.                                 <small class="form text text-danger">Nama Harus Diisi</small>
  92.                             </div>
  93.                             <div class="form-group">
  94.                                 <label for="">Slug</label>
  95.                                 <input type="text" class="form-control" id="slug" required />
  96.                                 <small class="form text text-danger"></small>
  97.                             </div>
  98.  
  99.                             <button type="button" class="btn btn-primary">Simpan</button>
  100.                         </form>
  101.                     </div>
  102.                 </div>
  103.             </div>
  104.         </div>
  105.         </div>
  106.     </main>
  107.  
  108.     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
  109.        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
  110.        crossorigin="anonymous"></script>
  111.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js"
  112.        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
  113.        crossorigin="anonymous"></script>
  114.  
  115.     <script src="/assets/js/bootstrap.bundle.min.js"></script>
  116.     <script src="/assets/js/app.js"></script>
  117. </body>
  118.  
  119. </html>
Tags: html bootstrap css
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!