API tools faq
paste
Advertisement
Mancolo

Untitled

Mancolo
Nov 21st, 2021
1,197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.00 KB | None | 0 0
raw download clone embed print report
  1. <!Doctype html>
  2. <html lang="en">
  3. <head>
  4.     <title>Datepicker</title>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <title>Elegant Dashboard | Dashboard</title>
  8.     <!-- Favicon -->
  9.     <link rel="stylesheet" type="text/css" href="css/nunito-font.css">
  10.     <link rel="stylesheet" type="text/css" href="fonts/material-design-iconic-font/css/material-design-iconic-font.min.css">
  11.     <link rel="shortcut icon" href="./img/svg/logo.svg" type="image/x-icon">
  12.     <!-- CSS Documents-->
  13.     <link rel="stylesheet" href="css/form26.css">
  14.     <link rel="stylesheet" href="css/style_form262.css">
  15.     <link rel="stylesheet" href="css/table2.css">
  16.     <link rel="stylesheet" href="css/profile.css">
  17.     <!-- Custom styles -->
  18.     <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
  19.     <link rel="stylesheet" href="/resources/demos/style.css">
  20.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
  21.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
  22.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  23.  
  24. </head>
  25.  
  26. <body>
  27. <div class="layer"></div>
  28. <!-- ! Body -->
  29. <a class="skip-link sr-only" href="#skip-target">Skip to content</a>
  30. <div class="page-flex">
  31.     <!-- ! Sidebar -->
  32.     <aside class="sidebar">
  33.         <div class="sidebar-start">
  34.             <div class="sidebar-head">
  35.                 <a href="/" class="logo-wrapper" title="Home">
  36.                     <span class="sr-only">Home</span>
  37.                     <span class="icon logo" aria-hidden="true"></span>
  38.                     <div class="logo-text">
  39.                         <span class="logo-title">HIDOC</span>
  40.                         <span class="logo-subtitle">Kindergarden </span>
  41.                     </div>
  42.  
  43.                 </a>
  44.                 <button
  45.                        class="sidebar-toggle transparent-btn" title="Menu" type="button">
  46.                     <span class="sr-only">Toggle menu</span>
  47.                     <span class="icon menu-toggle" aria-hidden="true"></span>
  48.                 </button>
  49.             </div>
  50.             <div class="sidebar-body">
  51.                 <ul class="sidebar-body-menu">
  52.                     <li>
  53.                         <a class="active" href="/"><span class="icon home" aria-hidden="true"></span>Главная</a>
  54.                     </li>
  55.                     <li>
  56.                         <a class="show-cat-btn" href="##">
  57.                             <span class="icon document" aria-hidden="true"></span>Медицинские записи
  58.                             <span class="category__btn transparent-btn" title="Open list">
  59.                             <span class="sr-only">Open list</span>
  60.                             <span class="icon arrow-down" aria-hidden="true"></span>
  61.                         </span>
  62.                         </a>
  63.                         <ul class="cat-sub-menu">
  64.                             <li>
  65.                                 <a href="posts.html">All Posts</a>
  66.                             </li>
  67.                             <li>
  68.                                 <a href="new-post.html">Add new post</a>
  69.                             </li>
  70.                         </ul>
  71.                     </li>
  72.                     <li>
  73.                         <a class="show-cat-btn" href="##">
  74.                             <span class="icon folder" aria-hidden="true"></span>Файлы
  75.                             <span class="category__btn transparent-btn" title="Open list">
  76.                             <span class="sr-only">Open list</span>
  77.                             <span class="icon arrow-down" aria-hidden="true"></span>
  78.                         </span>
  79.                         </a>
  80.                         <ul class="cat-sub-menu">
  81.                             <li>
  82.                                 <a href="categories.html">All categories</a>
  83.                             </li>
  84.                         </ul>
  85.                     </li>
  86.                     <li>
  87.                         <a class="show-cat-btn" href="##">
  88.                             <span class="icon image" aria-hidden="true"></span>Лабор. данные
  89.                             <span class="category__btn transparent-btn" title="Open list">
  90.                             <span class="sr-only">Open list</span>
  91.                             <span class="icon arrow-down" aria-hidden="true"></span>
  92.                         </span>
  93.                         </a>
  94.                         <ul class="cat-sub-menu">
  95.                             <li>
  96.                                 <a href="media-01.html">Media-01</a>
  97.                             </li>
  98.                             <li>
  99.                                 <a href="media-02.html">Media-02</a>
  100.                             </li>
  101.                         </ul>
  102.                     </li>
  103.                     <li>
  104.                         <a class="show-cat-btn" href="##">
  105.                             <span class="icon paper" aria-hidden="true"></span>Исследования
  106.                             <span class="category__btn transparent-btn" title="Open list">
  107.                             <span class="sr-only">Open list</span>
  108.                             <span class="icon arrow-down" aria-hidden="true"></span>
  109.                         </span>
  110.                         </a>
  111.                         <ul class="cat-sub-menu">
  112.                             <li>
  113.                                 <a href="pages.html">All pages</a>
  114.                             </li>
  115.                             <li>
  116.                                 <a href="new-page.html">Add new page</a>
  117.                             </li>
  118.                         </ul>
  119.                     </li>
  120.                     <li>
  121.                         <a href="comments.html">
  122.                             <span class="icon message" aria-hidden="true"></span>
  123.                             Comments
  124.                         </a>
  125.                         <span class="msg-counter">7</span>
  126.                     </li>
  127.                 </ul>
  128.                 <span class="system-menu__title">system</span>
  129.                 <ul class="sidebar-body-menu">
  130.                     <a class="show-cat-btn" href="##">
  131.                         <span class="icon user-3" aria-hidden="true"></span>Users
  132.                         <span class="category__btn transparent-btn" title="Open list">
  133.                             <span class="sr-only">Open list</span>
  134.                             <span class="icon arrow-down" aria-hidden="true"></span>
  135.                         </span>
  136.                     </a>
  137.                     <ul class="cat-sub-menu">
  138.                         <li>
  139.                             <a href="users-01.html">Users-01</a>
  140.                         </li>
  141.                         <li>
  142.                             <a href="users-02.html">Users-02</a>
  143.                         </li>
  144.                     </ul>
  145.                     </li>
  146.                     <li>
  147.                         <a href="##"><span class="icon setting" aria-hidden="true"></span>Settings</a>
  148.                     </li>
  149.                 </ul>
  150.             </div>
  151.         </div>
  152.         <div class="sidebar-footer">
  153.             <a href="##" class="sidebar-user">
  154.             <span class="sidebar-user-img">
  155.                 <picture><source srcset="./img/avatar/avatar-illustrated-01.webp" type="image/webp"><img src="./img/avatar/avatar-illustrated-01.png" alt="User name"></picture>
  156.             </span>
  157.                 <div class="sidebar-user-info">
  158.                     <span class="sidebar-user__title">Nafisa Sh.</span>
  159.                     <span class="sidebar-user__subtitle">Support manager</span>
  160.                 </div>
  161.             </a>
  162.         </div>
  163.     </aside>
  164.     <div class="main-wrapper">
  165.         <!-- ! Main nav -->
  166.         <!-- ! Main -->
  167.         <main class="main users chart-page" id="skip-target">
  168.             <div class="container">
  169.                 <div class="row stat-cards">
  170.                     <div class="col-md-6 col-xl-3">
  171.                         <article class="stat-cards-item">
  172.                             <div class="stat-cards-icon primary">
  173.                                 <i data-feather="bar-chart-2" aria-hidden="true"></i>
  174.                             </div>
  175.                             <div class="stat-cards-info">
  176.                                 <p class="stat-cards-info__num">Форма УО26 </p>
  177.                                 <p class="stat-cards-info__progress">
  178.                   <span class="stat-cards-info__profit success">
  179.                     <i data-feather="trending-up" aria-hidden="true"></i>Последняя запись:
  180.                   </span>
  181.                                     Last month
  182.                                 </p>
  183.                             </div>
  184.                         </article>
  185.                     </div>
  186.                     <div class="col-md-6 col-xl-3">
  187.                         <article class="stat-cards-item">
  188.                             <div class="stat-cards-icon warning">
  189.                                 <i data-feather="file" aria-hidden="true"></i>
  190.                             </div>
  191.                             <div class="stat-cards-info">
  192.                                 <p class="stat-cards-info__num">Результаты иследований</p>
  193.                                 <p class="stat-cards-info__title">Количество: 2</p>
  194.                                 <p class="stat-cards-info__progress">
  195.                   <span class="stat-cards-info__profit success">
  196.                     <i data-feather="trending-up" aria-hidden="true"></i>Визит
  197.                   </span>
  198.                                     Last month
  199.                                 </p>
  200.                             </div>
  201.                         </article>
  202.                     </div>
  203.                     <div class="col-md-6 col-xl-3">
  204.                         <article class="stat-cards-item">
  205.                             <div class="stat-cards-icon purple">
  206.                                 <i data-feather="file" aria-hidden="true"></i>
  207.                             </div>
  208.                             <div class="stat-cards-info">
  209.                                 <p class="stat-cards-info__num">Доктора</p>
  210.                                 <p class="stat-cards-info__title">Количество: 5</p>
  211.                                 <p class="stat-cards-info__progress">
  212.                   <span class="stat-cards-info__profit danger">
  213.                     <i data-feather="trending-down" aria-hidden="true"></i>Визит
  214.                   </span>
  215.                                     Last month
  216.                                 </p>
  217.                             </div>
  218.                         </article>
  219.                     </div>
  220.                     <div class="col-md-6 col-xl-3">
  221.                         <article class="stat-cards-item">
  222.                             <div class="stat-cards-icon success">
  223.                                 <i data-feather="feather" aria-hidden="true"></i>
  224.                             </div>
  225.                             <div class="stat-cards-info">
  226.                                 <p class="stat-cards-info__num">Инфографика</p>
  227.                                 <p class="stat-cards-info__title">Total visits</p>
  228.                                 <p class="stat-cards-info__progress">
  229.                   <span class="stat-cards-info__profit warning">
  230.                     <i data-feather="trending-up" aria-hidden="true"></i>Последний визит:
  231.                   </span>
  232.                                     Last month
  233.                                 </p>
  234.                             </div>
  235.                         </article>
  236.                     </div>
  237.                 </div>
  238.             </div>
  239.             <div class="wizard-v5-content">
  240.                 <div class="wizard-form">
  241.             <div class="container emp-profile">
  242.             <form method="post">
  243.                 <div class="row">
  244.                     <div class="col-md-4">
  245.                         <div class="profile-img">
  246.                             <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS52y5aInsxSm31CvHOFHWujqUx_wWTS9iM6s7BAm21oEN_RiGoog" alt=""/>
  247.                             <div class="file btn btn-lg btn-primary">
  248.                                 Change Photo
  249.                                 <input type="file" name="file"/>
  250.                             </div>
  251.                         </div>
  252.                     </div>
  253.                     <div class="col-md-6">
  254.                         <div class="profile-head2">
  255.                             <h3>
  256.                                 Бакиров Аман
  257.                             </h3>
  258.                             <h3>
  259.                                 "Чудо Чадо"
  260.                             </h3>
  261.                             <ul class="nav nav-tabs" id="myTab" role="tablist">
  262.                                 <li class="nav-item" role="presentation">
  263.                                     <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Общая информация</button>
  264.                                 </li>
  265.                                 <li class="nav-item" role="presentation">
  266.                                     <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Осмотр</button>
  267.                                 </li>
  268.                                 <li class="nav-item" role="presentation">
  269.                                     <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#rec" type="button" role="tab" aria-controls="rec" aria-selected="false">Рекомендации</button>
  270.                                 </li>
  271.                             </ul>
  272.                         </div>
  273.                     </div>
  274. <!--                    <div class="col-md-2">-->
  275. <!--                        <input type="submit" class="profile-edit-btn" name="btnAddMore" value="Edit Profile"/>-->
  276. <!--                    </div>-->
  277.                 </div>
  278.                 <div class="row">
  279.                     <div class="col-md-4">
  280.                         <div class="profile-work">
  281.                             <h4>Родители:</h4><br/>
  282.                             <h5 href="">Отец: ФИО</h5><br/>
  283.                             <h5 href="">Мать: ФИО</h5><br/>
  284.                             <h5 href="">Адрес проживания: Бектенова 5-95</h5>
  285.                         </div>
  286.                     </div>
  287.                     <div class="col-md-8">
  288.                         <div class="tab-content profile-tab" id="myTabContent">
  289.                             <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  290.                                 <div class="row">
  291.                                     <div class="col-md-6">
  292.                                         <label>Пол ребенка</label>
  293.                                     </div>
  294.                                     <div class="col-md-6">
  295.                                         <p>Мужской</p>
  296.                                     </div>
  297.                                 </div>
  298.                                 <div class="row">
  299.                                     <div class="col-md-6">
  300.                                         <label>Дата рождения</label>
  301.                                     </div>
  302.                                     <div class="col-md-6">
  303.                                             <p>14.05.2002</p>
  304.                                     </div>
  305.                                 </div>
  306.                                 <div class="row">
  307.                                     <div class="col-md-6">
  308.                                         <label>Рост</label>
  309.                                     </div>
  310.                                     <div class="col-md-6">
  311.                                         <p>90,9</p>
  312.                                     </div>
  313.                                 </div>
  314.                                 <div class="row">
  315.                                     <div class="col-md-6">
  316.                                         <label>Вес</label>
  317.                                     </div>
  318.                                     <div class="col-md-6">
  319.                                         <p>12,3 КГ</p>
  320.                                     </div>
  321.                                 </div>
  322.                                 <div class="row">
  323.                                     <div class="col-md-6">
  324.                                         <label>Группа крови</label>
  325.                                     </div>
  326.                                     <div class="col-md-6">
  327.                                         <p>На рукаве</p>
  328.                                     </div>
  329.                                 </div>
  330.                             </div>
  331.                             <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  332.                                 <section class="container">
  333.                                     <h3 class="pt-4 pb-2">Bootstrap Datepicker</h3>
  334.                                     <form>
  335.                                         <div class="row form-group">
  336.                                             <label for="date" class="col-sm-1 col-form-label">Date</label>
  337.                                             <div class="col-sm-4">
  338.                                                 <div class="input-group date" id="datepicker">
  339.                                                     <input type="text" class="form-control">
  340.                                                     <span class="input-group-append">
  341.                             <span class="input-group-text bg-white d-block">
  342.                                 <i class="fa fa-calendar"></i>
  343.                             </span>
  344.                         </span>
  345.                                                 </div>
  346.                                             </div>
  347.                                         </div>
  348.                                     </form>
  349.                                 </section>
  350.  
  351.                                 <script type="text/javascript">
  352.                                     $(function() {
  353.                                         $('#datepicker').datepicker();
  354.                                     });
  355.                                 </script>
  356.  
  357. <!--                                    <form>-->
  358. <!--                                        <div class="row form-group">-->
  359. <!--                                            <label for="date" class="col-sm-1 col-form-label">Date</label>-->
  360. <!--                                            <div class="col-sm-4">-->
  361. <!--                                                <div class="input-group date" id="datepicker">-->
  362. <!--                                                    <input type="text" class="form-control">-->
  363. <!--                                                    <span class="input-group-append">-->
  364. <!--                            <span class="input-group-text bg-white d-block">-->
  365. <!--                                <i class="fa fa-calendar"></i>-->
  366. <!--                            </span>-->
  367. <!--                        </span>-->
  368. <!--                                                </div>-->
  369. <!--                                            </div>-->
  370. <!--                                        </div>-->
  371. <!--                                    </form>-->
  372. <!--                                </section>-->
  373. <!--                                <p> Данные осмотра: </p>-->
  374. <!--                                <textarea class="form-control" id="Textarea1" rows="3"></textarea>-->
  375.                             </div>
  376.                             <div class="tab-pane fade" id="rec" role="tabpanel" aria-labelledby="profile-tab">
  377.                                 <p>Рекомендации: </p>
  378.                                 <textarea class="form-control" id="Textarea2" rows="3"></textarea>
  379.                                 <br>
  380.                                 <div class="accept d-flex justify-content-end">
  381.                                     <button class="btn3" href="##">Подтвердить</button>
  382.                                 </div>
  383.                             </div>
  384.                         </div>
  385.                     </div>
  386.                 </div>
  387.             </form>
  388.             </div>
  389.                 </div>
  390.             </div>
  391.                     <!-- ! Footer -->
  392.         <footer class="footer">
  393.             <div class="container footer--flex">
  394.                 <div class="footer-start">
  395.                     <p>Создатель дизайна - <a href="elegant-dashboard.com" target="_blank"
  396.                                                     rel="noopener noreferrer">Aman Bakirov</a></p>
  397.                 </div>
  398.                 <ul class="footer-end">
  399.                     <li><a href="##">About</a></li>
  400.                     <li><a href="##">Support</a></li>
  401.                     <li><a href="##">Puchase</a></li>
  402.                 </ul>
  403.             </div>
  404.         </footer>
  405.         </main>
  406.     </div>
  407. </div>
  408. </div>
  409. <!-- Chart library -->
  410. <script type="text/javascript">
  411.     $(function() {
  412.         $('#datetimepicker1').datetimepicker({
  413.             format: 'DD/MM/YYYY HH:mm'
  414.         });
  415.     });
  416. </script>;
  417. </script>
  418. </script>
  419. <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  420. <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
  421. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  422. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
  423. <script src="./plugins/chart.min.js"></script>
  424. <!-- Icons library -->
  425. <script src="plugins/feather.min.js"></script>
  426. <!-- Custom scripts -->
  427. <script src="js/script.js"></script>
  428. <script src="js/jquery-3.3.1.min.js"></script>
  429. <script src="js/jquery.steps.js"></script>
  430. <script src="js/main.js"></script>
  431. <script src="js/jquery-3.6.0.js"></script>
  432. <!-- JavaScript Bundle with Popper -->
  433. <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
  434. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  435. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  436. </body>
  437.  
  438. </html>
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!