API tools faq
paste
ekobudiyanto

Untitled

ekobudiyanto
Jul 1st, 2020
383
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 32.01 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.     <title></title>
  9.     <meta name="csrf-token" content="44a3549051433e6959ed7bf4db9ec6ff">
  10.  
  11.     <!-- Global stylesheets -->
  12.                 <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
  13.         <link href="/global_assets/css/icons/icomoon/styles.min.css" rel="stylesheet" type="text/css">
  14.         <link href="/assets_old/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  15.         <link href="/assets_old/css/bootstrap_limitless.min.css" rel="stylesheet" type="text/css">
  16.         <link href="/assets_old/css/layout.min.css" rel="stylesheet" type="text/css">
  17.         <link href="/assets_old/css/components.min.css" rel="stylesheet" type="text/css">
  18.         <link href="/assets_old/css/colors.min.css" rel="stylesheet" type="text/css">
  19.    
  20.     <!--begin::Page Vendors Styles -->
  21.     <link href="/global_assets/css/extras/animate.min.css" rel="stylesheet" type="text/css">
  22.     <!--end::Page Vendors Styles -->
  23.     <!-- /global stylesheets -->
  24. </head>
  25.  
  26. <body>
  27.  
  28. <!-- Main navbar -->
  29. <div class="navbar navbar-expand-md navbar-dark">
  30.     <div class="navbar-brand wmin-0 mr-5">
  31.         <a href="index.html" class="d-inline-block">
  32.             <img src="/global_assets/images/logo_light.png" alt="">
  33.         </a>
  34.     </div>
  35.  
  36.     <div class="d-md-none">
  37.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-mobile">
  38.             <i class="icon-tree5"></i>
  39.         </button>
  40.     </div>
  41.  
  42.     <div class="collapse navbar-collapse" id="navbar-mobile">
  43.         <ul class="navbar-nav">
  44.             <li class="nav-item dropdown">
  45.                 <a href="#" class="navbar-nav-link dropdown-toggle caret-0" data-toggle="dropdown">
  46.                     <i class="icon-people"></i>
  47.                     <span class="d-md-none ml-2">Users</span>
  48.                     <span class="badge badge-mark border-orange-400 ml-auto ml-md-0"></span>
  49.                 </a>
  50.  
  51.                 <div class="dropdown-menu dropdown-content wmin-md-300">
  52.                     <div class="dropdown-content-header">
  53.                         <span class="font-weight-semibold">Users online</span>
  54.                         <a href="#" class="text-default"><i class="icon-search4 font-size-base"></i></a>
  55.                     </div>
  56.  
  57.                     <div class="dropdown-content-body dropdown-scrollable">
  58.                         <ul class="media-list">
  59.                             <li class="media">
  60.                                 <div class="mr-3">
  61.                                     <img src="/global_assets/images/placeholders/placeholder.jpg" width="36" height="36" class="rounded-circle" alt="">
  62.                                 </div>
  63.                                 <div class="media-body">
  64.                                     <a href="#" class="media-title font-weight-semibold">Jordana Ansley</a>
  65.                                     <span class="d-block text-muted font-size-sm">Lead web developer</span>
  66.                                 </div>
  67.                                 <div class="ml-3 align-self-center"><span class="badge badge-mark border-success"></span></div>
  68.                             </li>
  69.  
  70.                             <li class="media">
  71.                                 <div class="mr-3">
  72.                                     <img src="/global_assets/images/placeholders/placeholder.jpg" width="36" height="36" class="rounded-circle" alt="">
  73.                                 </div>
  74.                                 <div class="media-body">
  75.                                     <a href="#" class="media-title font-weight-semibold">Will Brason</a>
  76.                                     <span class="d-block text-muted font-size-sm">Marketing manager</span>
  77.                                 </div>
  78.                                 <div class="ml-3 align-self-center"><span class="badge badge-mark border-danger"></span></div>
  79.                             </li>
  80.  
  81.                             <li class="media">
  82.                                 <div class="mr-3">
  83.                                     <img src="/global_assets/images/placeholders/placeholder.jpg" width="36" height="36" class="rounded-circle" alt="">
  84.                                 </div>
  85.                                 <div class="media-body">
  86.                                     <a href="#" class="media-title font-weight-semibold">Hanna Walden</a>
  87.                                     <span class="d-block text-muted font-size-sm">Project manager</span>
  88.                                 </div>
  89.                                 <div class="ml-3 align-self-center"><span class="badge badge-mark border-success"></span></div>
  90.                             </li>
  91.  
  92.                             <li class="media">
  93.                                 <div class="mr-3">
  94.                                     <img src="/global_assets/images/placeholders/placeholder.jpg" width="36" height="36" class="rounded-circle" alt="">
  95.                                 </div>
  96.                                 <div class="media-body">
  97.                                     <a href="#" class="media-title font-weight-semibold">Dori Laperriere</a>
  98.                                     <span class="d-block text-muted font-size-sm">Business developer</span>
  99.                                 </div>
  100.                                 <div class="ml-3 align-self-center"><span class="badge badge-mark border-warning-300"></span></div>
  101.                             </li>
  102.  
  103.                             <li class="media">
  104.                                 <div class="mr-3">
  105.                                     <img src="/global_assets/images/placeholders/placeholder.jpg" width="36" height="36" class="rounded-circle" alt="">
  106.                                 </div>
  107.                                 <div class="media-body">
  108.                                     <a href="#" class="media-title font-weight-semibold">Vanessa Aurelius</a>
  109.                                     <span class="d-block text-muted font-size-sm">UX expert</span>
  110.                                 </div>
  111.                                 <div class="ml-3 align-self-center"><span class="badge badge-mark border-grey-400"></span></div>
  112.                             </li>
  113.                         </ul>
  114.                     </div>
  115.  
  116.                     <div class="dropdown-content-footer">
  117.                         <a href="#" class="text-default mr-auto">All users</a>
  118.                         <a href="#" class="text-default"><i class="icon-gear"></i></a>
  119.                     </div>
  120.                 </div>
  121.             </li>
  122.  
  123.             <li class="nav-item dropdown">
  124.                 <a href="#" class="navbar-nav-link dropdown-toggle caret-0" data-toggle="dropdown">
  125.                     <i class="icon-pulse2"></i>
  126.                     <span class="d-md-none ml-2">Activity</span>
  127.                     <span class="badge badge-mark border-orange-400 ml-auto ml-md-0"></span>
  128.                 </a>
  129.  
  130.                 <div class="dropdown-menu dropdown-content wmin-md-350">
  131.                     <div class="dropdown-content-header">
  132.                         <span class="font-weight-semibold">Latest activity</span>
  133.                         <a href="#" class="text-default"><i class="icon-search4 font-size-base"></i></a>
  134.                     </div>
  135.  
  136.                     <div class="dropdown-content-body dropdown-scrollable">
  137.                         <ul class="media-list">
  138.                             <li class="media">
  139.                                 <div class="mr-3">
  140.                                     <a href="#" class="btn bg-success-400 rounded-round btn-icon"><i class="icon-mention"></i></a>
  141.                                 </div>
  142.  
  143.                                 <div class="media-body">
  144.                                     <a href="#">Taylor Swift</a> mentioned you in a post "Angular JS. Tips and tricks"
  145.                                     <div class="font-size-sm text-muted mt-1">4 minutes ago</div>
  146.                                 </div>
  147.                             </li>
  148.  
  149.                             <li class="media">
  150.                                 <div class="mr-3">
  151.                                     <a href="#" class="btn bg-pink-400 rounded-round btn-icon"><i class="icon-paperplane"></i></a>
  152.                                 </div>
  153.  
  154.                                 <div class="media-body">
  155.                                     Special offers have been sent to subscribed users by <a href="#">Donna Gordon</a>
  156.                                     <div class="font-size-sm text-muted mt-1">36 minutes ago</div>
  157.                                 </div>
  158.                             </li>
  159.  
  160.                             <li class="media">
  161.                                 <div class="mr-3">
  162.                                     <a href="#" class="btn bg-blue rounded-round btn-icon"><i class="icon-plus3"></i></a>
  163.                                 </div>
  164.  
  165.                                 <div class="media-body">
  166.                                     <a href="#">Chris Arney</a> created a new <span class="font-weight-semibold">Design</span> branch in <span class="font-weight-semibold">Limitless</span> repository
  167.                                     <div class="font-size-sm text-muted mt-1">2 hours ago</div>
  168.                                 </div>
  169.                             </li>
  170.  
  171.                             <li class="media">
  172.                                 <div class="mr-3">
  173.                                     <a href="#" class="btn bg-purple-300 rounded-round btn-icon"><i class="icon-truck"></i></a>
  174.                                 </div>
  175.  
  176.                                 <div class="media-body">
  177.                                     Shipping cost to the Netherlands has been reduced, database updated
  178.                                     <div class="font-size-sm text-muted mt-1">Feb 8, 11:30</div>
  179.                                 </div>
  180.                             </li>
  181.  
  182.                             <li class="media">
  183.                                 <div class="mr-3">
  184.                                     <a href="#" class="btn bg-warning-400 rounded-round btn-icon"><i class="icon-comment"></i></a>
  185.                                 </div>
  186.  
  187.                                 <div class="media-body">
  188.                                     New review received on <a href="#">Server side integration</a> services
  189.                                     <div class="font-size-sm text-muted mt-1">Feb 2, 10:20</div>
  190.                                 </div>
  191.                             </li>
  192.  
  193.                             <li class="media">
  194.                                 <div class="mr-3">
  195.                                     <a href="#" class="btn bg-teal-400 rounded-round btn-icon"><i class="icon-spinner11"></i></a>
  196.                                 </div>
  197.  
  198.                                 <div class="media-body">
  199.                                     <strong>January, 2018</strong> - 1320 new users, 3284 orders, $49,390 revenue
  200.                                     <div class="font-size-sm text-muted mt-1">Feb 1, 05:46</div>
  201.                                 </div>
  202.                             </li>
  203.                         </ul>
  204.                     </div>
  205.  
  206.                     <div class="dropdown-content-footer">
  207.                         <a href="#" class="text-default mr-auto">All activity</a>
  208.                         <div>
  209.                             <a href="#" class="text-default" data-popup="tooltip" title="Clear list"><i class="icon-checkmark3"></i></a>
  210.                             <a href="#" class="text-default ml-2" data-popup="tooltip" title="Settings"><i class="icon-gear"></i></a>
  211.                         </div>
  212.                     </div>
  213.                 </div>
  214.             </li>
  215.         </ul>
  216.  
  217.         <span class="badge bg-success-400 badge-pill my-3 my-md-0 ml-md-3 mr-md-auto">16 orders</span>
  218.  
  219.         <ul class="navbar-nav">
  220.  
  221.  
  222.             <li class="nav-item dropdown">
  223.                 <a href="#" class="navbar-nav-link dropdown-toggle caret-0" data-toggle="dropdown" aria-expanded="true">
  224.                     <i class="icon-bell2"></i>
  225.                     <span class="d-xl-none ml-2">Badge mark</span>
  226.                     <span class="badge badge-mark border-pink ml-auto ml-xl-0"></span>
  227.                 </a>
  228.  
  229.                 <div class="dropdown-menu">
  230.                     <a href="#" class="dropdown-item">Action</a>
  231.                     <a href="#" class="dropdown-item">Another action</a>
  232.                     <a href="#" class="dropdown-item">Something else here</a>
  233.                     <div class="dropdown-divider"></div>
  234.                     <a href="#" class="dropdown-item">One more separated line</a>
  235.                     <div class="dropdown-divider"></div>
  236.                     <a href="#" class="dropdown-item"><i class="icon-car2"></i> Taxi</a>
  237.                     <a href="#" class="dropdown-item"><i class="icon-car"></i> Car rental</a>
  238.                 </div>
  239.             </li>
  240.  
  241.             <li class="nav-item dropdown dropdown-user">
  242.                 <a href="#" class="navbar-nav-link d-flex align-items-center dropdown-toggle" data-toggle="dropdown">
  243.                     <img src="/global_assets/images/placeholders/placeholder.jpg" class="rounded-circle mr-2" height="34" alt="">
  244.                     <span>Victoria</span>
  245.                 </a>
  246.  
  247.                 <div class="dropdown-menu dropdown-menu-right">
  248.                     <a href="#" class="dropdown-item"><i class="icon-user-plus"></i> My profile</a>
  249.                     <a href="#" class="dropdown-item"><i class="icon-coins"></i> My balance</a>
  250.                     <a href="#" class="dropdown-item"><i class="icon-comment-discussion"></i> Messages <span class="badge badge-pill bg-blue ml-auto">58</span></a>
  251.                     <div class="dropdown-divider"></div>
  252.                     <a href="#" class="dropdown-item"><i class="icon-cog5"></i> Account settings</a>
  253.                     <a href="#" class="dropdown-item"><i class="icon-switch2"></i> Logout</a>
  254.                 </div>
  255.             </li>
  256.         </ul>
  257.     </div>
  258. </div>
  259. <!-- /main navbar -->
  260.  
  261. <!-- Secondary navbar -->
  262. <div class="navbar navbar-expand-md navbar-light">
  263.     <div class="text-center d-md-none w-100">
  264.         <button type="button" class="navbar-toggler dropdown-toggle" data-toggle="collapse" data-target="#navbar-navigation">
  265.             <i class="icon-unfold mr-2"></i>
  266.             Navigation
  267.         </button>
  268.     </div>
  269.  
  270.     <div class="navbar-collapse collapse" id="navbar-navigation">
  271.         <ul class="navbar-nav">
  272.             <li class="nav-item">
  273.                 <a href="index.html" class="navbar-nav-link active">
  274.                     <i class="icon-home4 mr-2"></i>
  275.                     Dashboard
  276.                 </a>
  277.             </li>
  278.             <li class="nav-item dropdown">
  279.                 <a href="#" class="navbar-nav-link dropdown-toggle" data-toggle="dropdown">
  280.                     <i class="icon-home mr-2"></i>
  281.                     Depan
  282.                 </a>
  283.  
  284.                 <div class="dropdown-menu">
  285.                     <a href="/admin/galleries" class="dropdown-item">Galeri</a>
  286.                     <a href="/admin/pages" class="dropdown-item">Halaman</a>
  287.                     <a href="/admin/links" class="dropdown-item">Tautan</a>
  288.                     <div class="dropdown-submenu">
  289.                         <a href="#" class="dropdown-item dropdown-toggle">Action</a>
  290.                         <div class="dropdown-menu">
  291.                             <a href="#" class="dropdown-item">Another action</a>
  292.                             <a href="#" class="dropdown-item">Something else here</a>
  293.                             <div class="dropdown-submenu">
  294.                                 <a href="#" class="dropdown-item dropdown-toggle">2 sidebars</a>
  295.                                 <div class="dropdown-menu">
  296.                                     <a href="../seed/sidebar_secondary.html" class="dropdown-item">Secondary sidebar</a>
  297.                                     <a href="../seed/sidebar_right.html" class="dropdown-item">Right sidebar</a>
  298.                                 </div>
  299.                             </div>
  300.                             <div class="dropdown-submenu">
  301.                                 <a href="#" class="dropdown-item dropdown-toggle">3 sidebars</a>
  302.                                 <div class="dropdown-menu">
  303.                                     <a href="../seed/sidebar_right_hidden.html" class="dropdown-item">Right sidebar hidden</a>
  304.                                     <a href="../seed/sidebar_right_visible.html" class="dropdown-item">Right sidebar visible</a>
  305.                                 </div>
  306.                             </div>
  307.                             <a href="../seed/sidebar_sections.html" class="dropdown-item">Sectioned sidebar</a>
  308.                             <a href="../seed/sidebar_stretched.html" class="dropdown-item">Stretched sidebar</a>
  309.                         </div>
  310.                     </div>
  311.                 </div>
  312.             </li>
  313.  
  314.             <li class="nav-item dropdown">
  315.                 <a href="#" class="navbar-nav-link dropdown-toggle" data-toggle="dropdown">
  316.                     <i class="icon-briefcase mr-2"></i>
  317.                     Manajemen
  318.                 </a>
  319.  
  320.                 <div class="dropdown-menu">
  321.                     <a href="/admin/teachers" class="dropdown-item">Guru</a>
  322.                     <a href="/admin/school-classes" class="dropdown-item">Kelas</a>
  323.                     <a href="/admin/students" class="dropdown-item">Murid</a>
  324.                     <a href="/admin/subjects" class="dropdown-item">Mata Pelajaran</a>
  325.                     <a href="/admin/post-categories" class="dropdown-item">Kategori Blog</a>
  326.                     <a href="/admin/tests" class="dropdown-item">Ujian</a>
  327.                     <div class="dropdown-submenu">
  328.                         <a href="#" class="dropdown-item dropdown-toggle">Action</a>
  329.                         <div class="dropdown-menu">
  330.                             <a href="#" class="dropdown-item">Another action</a>
  331.                             <a href="#" class="dropdown-item">Something else here</a>
  332.                             <div class="dropdown-submenu">
  333.                                 <a href="#" class="dropdown-item dropdown-toggle">2 sidebars</a>
  334.                                 <div class="dropdown-menu">
  335.                                     <a href="../seed/sidebar_secondary.html" class="dropdown-item">Secondary sidebar</a>
  336.                                     <a href="../seed/sidebar_right.html" class="dropdown-item">Right sidebar</a>
  337.                                 </div>
  338.                             </div>
  339.                             <div class="dropdown-submenu">
  340.                                 <a href="#" class="dropdown-item dropdown-toggle">3 sidebars</a>
  341.                                 <div class="dropdown-menu">
  342.                                     <a href="../seed/sidebar_right_hidden.html" class="dropdown-item">Right sidebar hidden</a>
  343.                                     <a href="../seed/sidebar_right_visible.html" class="dropdown-item">Right sidebar visible</a>
  344.                                 </div>
  345.                             </div>
  346.                             <a href="../seed/sidebar_sections.html" class="dropdown-item">Sectioned sidebar</a>
  347.                             <a href="../seed/sidebar_stretched.html" class="dropdown-item">Stretched sidebar</a>
  348.                         </div>
  349.                     </div>
  350.                 </div>
  351.             </li>
  352.             <li class="nav-item dropdown">
  353.                 <a href="#" class="navbar-nav-link dropdown-toggle" data-toggle="dropdown">
  354.                     <i class="icon-pen mr-2"></i>
  355.                     Tulis
  356.                 </a>
  357.  
  358.                 <div class="dropdown-menu">
  359.                     <a href="/admin/posts/create" class="dropdown-item">Blog</a>
  360.                     <a href="/admin/announcements" class="dropdown-item">Pengumuman</a>
  361.                 </div>
  362.             </li>
  363.         </ul>
  364.  
  365.         <ul class="navbar-nav ml-md-auto">
  366.             <li class="nav-item dropdown">
  367.                 <a href="#" class="navbar-nav-link dropdown-toggle" data-toggle="dropdown">
  368.                     <i class="icon-archive mr-2"></i>
  369.                     Berkas
  370.                 </a>
  371.  
  372.                 <div class="dropdown-menu dropdown-menu-right dropdown-content wmin-md-350">
  373.                     <div class="dropdown-content-body p-2">
  374.                         <div class="row no-gutters">
  375.                             <div class="col-12 col-sm-4">
  376.                                 <a href="#" class="d-block text-default text-center ripple-dark rounded p-3">
  377.                                     <i class="icon-paperplane icon-2x"></i>
  378.                                     <div class="font-size-sm font-weight-semibold text-uppercase mt-2">Tugas</div>
  379.                                 </a>
  380.                             </div>
  381.  
  382.                             <div class="col-12 col-sm-4">
  383.                                 <a href="#" class="d-block text-default text-center ripple-dark rounded p-3">
  384.                                     <i class="icon-book text-pink-400 icon-2x"></i>
  385.                                     <div class="font-size-sm font-weight-semibold text-uppercase mt-2">Ujian</div>
  386.                                 </a>
  387.                             </div>
  388.  
  389.                             <div class="col-12 col-sm-4">
  390.                                 <a href="#" class="d-block text-default text-center ripple-dark rounded p-3">
  391.                                     <i class="icon-megaphone text-info-400 icon-2x"></i>
  392.                                     <div class="font-size-sm font-weight-semibold text-uppercase mt-2">Pengumuman</div>
  393.                                 </a>
  394.                             </div>
  395.                         </div>
  396.                     </div>
  397.                 </div>
  398.             </li>
  399.  
  400.             <li class="nav-item dropdown">
  401.                 <a href="#" class="navbar-nav-link dropdown-toggle" data-toggle="dropdown">
  402.                     <i class="icon-cog3"></i>
  403.                     <span class="d-md-none ml-2">Settings</span>
  404.                 </a>
  405.  
  406.                 <div class="dropdown-menu dropdown-menu-right">
  407.                     <a href="#" class="dropdown-item"><i class="icon-user-lock"></i> Account security</a>
  408.                     <a href="#" class="dropdown-item"><i class="icon-statistics"></i> Analytics</a>
  409.                     <a href="#" class="dropdown-item"><i class="icon-accessibility"></i> Accessibility</a>
  410.                     <div class="dropdown-divider"></div>
  411.                     <a href="#" class="dropdown-item"><i class="icon-gear"></i> All settings</a>
  412.                 </div>
  413.             </li>
  414.         </ul>
  415.     </div>
  416. </div>
  417. <!-- /secondary navbar -->
  418.  
  419. <!-- Page header -->
  420.     <div class="page-header border-bottom-0">
  421.         <div class="page-header-content header-elements-md-inline">
  422.             <div class="page-title d-flex">
  423.                 <h4><i class="icon-arrow-left52 mr-2"></i> Pengumuman</h4>
  424.                 <a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
  425.             </div>
  426.  
  427.             <div class="header-elements d-none py-0 mb-3 mb-md-0">
  428.                 <div class="breadcrumb">
  429.                     <a href="/admin/dashboard" class="breadcrumb-item"><i class="icon-home2 mr-2"></i> Home</a>
  430.                     <a href="/admin/announcements" class="breadcrumb-item">Pengumuman</a>
  431.                     <span class="breadcrumb-item active">Tulis Pengumuman</span>
  432.                 </div>
  433.             </div>
  434.         </div>
  435.     </div>
  436. <!-- /page header -->
  437.  
  438.  
  439. <!-- Page content -->
  440. <div class="page-content pt-0">
  441.  
  442.     <!-- Main content -->
  443.     <div class="content-wrapper">
  444.  
  445.         <!-- Content area -->
  446.         <div class="content">
  447.                 <div class="card">
  448.         <div class="card-header header-elements-inline">
  449.             <h5 class="card-title">Tulis Pengumuman</h5>
  450.             <div class="header-elements">
  451.                 <div class="list-icons">
  452.                     <a class="list-icons-item" data-action="collapse"></a>
  453.                 </div>
  454.             </div>
  455.         </div>
  456.  
  457.         <div class="card-body">
  458.             <form class="form-validate-jquery" id="new_post_form" name="new_post_form" action="/admin/posts/store" method="post" enctype="multipart/form-data">
  459.                 <input type="hidden" name="csrf_token" value="44a3549051433e6959ed7bf4db9ec6ff">
  460.  
  461.                 <div class="row">
  462.                     <div class="col-md-8">
  463.                         <fieldset>
  464.                             <div class="form-group">
  465.                                 <label for="name">Judul</label>
  466.                                 <input type="text" class="form-control" id="name" name="name">
  467.                             </div>
  468.  
  469.                             <div class="form-group">
  470.                                 <label for="body">Keterangan</label>
  471.                                 <textarea rows="5" cols="5" class="form-control" id="body" name="body"></textarea>
  472.                             </div>
  473.  
  474.                             <div class="form-group">
  475.                                 <label>Lampiran</label>
  476.                                 <div class="custom-file">
  477.                                     <input type="file" class="custom-file-input" id="attachment" name="attachment">
  478.                                     <label class="custom-file-label" for="attachment">Pilih Berkas</label>
  479.                                 </div>
  480.                             </div>
  481.                         </fieldset>
  482.                     </div>
  483.                     <div class="col-md-4">
  484.                         <fieldset>
  485.                             <div class="form-group">
  486.                                 <div class="row">
  487.                                     <div class="col-sm-6">
  488.                                         <label for="target_type">Target</label>
  489.                                         <select class="form-control" id="target_type" name="target_type">
  490.                                             <option value="all">Semua Kelas</option>
  491.                                             <option value="class">Kelas Tertentu</option>
  492.                                             <option value="student">Murid</option>
  493.                                         </select>
  494.                                     </div>
  495.                                     <div class="col-sm-6">
  496.                                         <label for="classes">Kelas</label>
  497.                                         <select id="classes" name="classes[]" class="form-control multiselect" multiple="multiple" data-fouc>
  498.                                                                                             <option value="2">XI IPS III</option>
  499.                                                                                             <option value="5">XII IPA I</option>
  500.                                                                                             <option value="6">XII IPS I</option>
  501.                                                                                     </select>
  502.                                     </div>
  503.                                 </div>
  504.                             </div>
  505.  
  506.                             <div class="form-group">
  507.                                 <label for="students">Murid</label>
  508.                                 <select id="students" name="students[]" class="form-control multiselect-filtering" multiple="multiple" data-fouc>
  509.                                                                             <option value="6">Eko Budiyanto (2000420322)</option>
  510.                                                                             <option value="15">Kevin Adi Saputra (1111000111)</option>
  511.                                                                             <option value="16">Agustin Tri Lestari (1111000112)</option>
  512.                                                                             <option value="17">Indra (1111000113)</option>
  513.                                                                     </select>
  514.                             </div>
  515.  
  516.                             <div class="form-group">
  517.                                 <div class="row">
  518.                                     <div class="col-sm-6">
  519.                                         <label for="published_date">Tanggal Berlaku</label>
  520.                                         <input type="datetime-local" class="form-control" id="published_date" name="published_date">
  521.                                     </div>
  522.                                     <div class="col-sm-6">
  523.                                         <label for="expired_date">Tanggal Berakhir</label>
  524.                                         <input type="datetime-local" class="form-control" id="expired_date" name="expired_date">
  525.                                     </div>
  526.                                 </div>
  527.                             </div>
  528.  
  529.                         </fieldset>
  530.                     </div>
  531.                 </div>
  532.  
  533.                 <div class="text-right">
  534.                     <a href="/admin/announcements" class="btn btn-danger">Cancel <i class="icon-backward ml-2"></i></a>
  535.                     <button type="submit" class="btn btn-primary" id="submit_button">Submit form <i class="icon-paperplane ml-2"></i></button>
  536.                 </div>
  537.             </form>
  538.         </div>
  539.     </div>
  540.         </div>
  541.         <!-- /content area -->
  542.  
  543.     </div>
  544.     <!-- /main content -->
  545.  
  546. </div>
  547. <!-- /page content -->
  548.         <script src="/global_assets/js/main/jquery.min.js"></script>
  549.     <script src="/global_assets/js/main/bootstrap.bundle.min.js"></script>
  550.     <script src="/global_assets/js/plugins/loaders/blockui.min.js"></script>
  551.     <script src="/global_assets/js/plugins/ui/slinky.min.js"></script>
  552.     <script src="/assets_old/js/app.js"></script>
  553.  
  554.     <script src="/global_assets/js/plugins/extensions/jquery_ui/interactions.min.js"></script>
  555.     <script src="/global_assets/js/plugins/forms/styling/uniform.min.js"></script>
  556.     <script src="/global_assets/js/plugins/notifications/sweet_alert.min.js"></script>
  557.     <script src="/global_assets/js/plugins/forms/validation/validate.min.js"></script>
  558.     <script src="/global_assets/js/plugins/editors/summernote/summernote.min.js"></script>
  559.     <script src="/global_assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
  560.  
  561.     <script type="text/javascript" src="/assets_old/js/announcements-create.js"></script>
  562.  
  563. <!-- Footer -->
  564. <div class="navbar navbar-expand-lg navbar-light">
  565.     <div class="text-center d-lg-none w-100">
  566.         <button type="button" class="navbar-toggler dropdown-toggle" data-toggle="collapse" data-target="#navbar-footer">
  567.             <i class="icon-unfold mr-2"></i>
  568.             Footer
  569.         </button>
  570.     </div>
  571.  
  572.     <div class="navbar-collapse collapse" id="navbar-footer">
  573.             <span class="navbar-text">
  574.                 &copy; 2015 - 2018. <a href="#">Limitless Web App Kit</a> by <a href="http://themeforest.net/user/Kopyov" target="_blank">Eugene Kopyov</a>
  575.             </span>
  576.  
  577.         <ul class="navbar-nav ml-lg-auto">
  578.             <li class="nav-item"><a href="https://kopyov.ticksy.com/" class="navbar-nav-link" target="_blank"><i class="icon-lifebuoy mr-2"></i> Support</a></li>
  579.             <li class="nav-item"><a href="http://demo.interface.club/limitless/docs/" class="navbar-nav-link" target="_blank"><i class="icon-file-text2 mr-2"></i> Docs</a></li>
  580.             <li class="nav-item"><a href="https://themeforest.net/item/limitless-responsive-web-application-kit/13080328?ref=kopyov" class="navbar-nav-link font-weight-semibold"><span class="text-pink-400"><i class="icon-cart2 mr-2"></i> Purchase</span></a></li>
  581.         </ul>
  582.     </div>
  583. </div>
  584. <!-- /footer -->
  585.  
  586. </body>
  587. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!