lemansky

Untitled

May 12th, 2021
904
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  8.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  9.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
  10.     <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
  11.     <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
  12.     <script>
  13.         $(document).ready(() => {
  14.             let data = [{id: 1, label: "Иван Иванов", email: "pereinar@optonline.net", phone: "12345344", title: "Мениджър"},
  15.             {id: 2, label: "Мария Петрова", email: "juliano@aol.com", phone: "368938736", title: "Програмист"},
  16.             {id: 3, label: "Стефан Колев", email: "jipsen@outlook.com", phone: "866893", title: "Финансов директор"},
  17.             {id: 4, label: "Петя Илиева", email: "rasca@msn.com", phone: "10237129", title: "Бодигард"},
  18.             {id: 5, label: "Деница Филева", email: "mahbub@att.net", phone: "0739483", title: "Офис сътрудник"}];
  19.         });
  20.     </script>
  21. </head>
  22. <body>
  23.     <div class="container my-5">
  24.         <div class="row justify-content-center">
  25.             <div class="col-6">
  26.                 <input type="text" placeholder='Search' id="search" class='form-control d-inline-block'>
  27.             </div>
  28.         </div>
  29.         <div class="row justify-content-center my-3">
  30.             <div class="col-4">
  31.                 <div class="card p-3 text-center">
  32.                     <div class="card-title">
  33.                        
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.         </div>
  38.     </div>
  39. </body>
  40. </html>
RAW Paste Data