Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="UTF-8" name="viewport" content="width=device-width" />
  6.     <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
  7. </head>
  8.  
  9. <body>
  10.     <nav class="navbar navbar-default">
  11.         <div class="container-fluid">
  12.             <a class="navbar-brand" href="https://creativemediateknologi.com">creativemediateknologi</a>
  13.         </div>
  14.     </nav>
  15.     <div class="col-md-3"></div>
  16.     <div class="col-md-6 well">
  17.         <h3 class="text-primary">PHP - Simple Search Box</h3>
  18.         <hr style="border-top:1px dotted #ccc;" />
  19.         <div class="col-md-1"></div>
  20.         <div class="col-md-10">
  21.             <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#form_modal">Add
  22.                 Content</button>
  23.             <br />
  24.             <br />
  25.             <form class="form-inline" method="POST" action="">
  26.                 <div class="input-group col-md-12">
  27.                     <input type="text" class="form-control" placeholder="Search here..." name="keyword"
  28.                        required="required" value="" />
  29.                     <span class="input-group-btn">
  30.                         <button class="btn btn-primary" name="search"><span
  31.                                class="glyphicon glyphicon-search"></span></button>
  32.                     </span>
  33.                 </div>
  34.             </form>
  35.             <br />
  36.          
  37.         </div>
  38.     </div>
  39.     <div class="modal fade" id="form_modal" tabindex="-1" role="dialog" aria-hidden="true">
  40.         <div class="modal-dialog">
  41.             <form action="save_content.php" method="POST" enctype="multipart/form-data">
  42.                 <div class="modal-content">
  43.                     <div class="modal-body">
  44.                         <div class="col-md-2"></div>
  45.                         <div class="col-md-8">
  46.                             <div class="form-group">
  47.                                 <label>Title</label>
  48.                                 <input type="text" class="form-control" name="title" required="required" />
  49.                             </div>
  50.                             <div class="form-group">
  51.                                 <label>Content</label>
  52.                                 <textarea class="form-control" style="resize:none; height:250px;" name="content"
  53.                                    required="required"></textarea>
  54.                             </div>
  55.                         </div>
  56.                     </div>
  57.                     <div style="clear:both;"></div>
  58.                     <div class="modal-footer">
  59.                         <button type="button" class="btn btn-danger" data-dismiss="modal"><span
  60.                                class="glyphicon glyphicon-remove"></span> Close</button>
  61.                         <button name="save" class="btn btn-primary"><span class="glyphicon glyphicon-save"></span>
  62.                             Save</button>
  63.                     </div>
  64.                 </div>
  65.             </form>
  66.         </div>
  67.     </div>
  68.    
  69. </body>
  70.  
  71. </html>