Веселкова Крамниця - вебпрограмування http://veselkova-kramnicja.mozello.com/vebprogramuvannja/ Веселкова Крамниця - вебпрограмування ап4 http://veselkova-kramnicja.mozello.com/vebprogramuvannja/params/post/4883687/ap4 Mon, 17 Mar 2025 07:20:00 +0000 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Альтернативні Пошуковики</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <style> .navbar { position: fixed; bottom: 0; width: 100%; } .dropdown-menu { transform: translateY(-100%); } .navbar-dark .navbar-nav .nav-link { color: #ffffff !important; } .dropdown-menu .dropdown-item { color: #000000 !important; } </style> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">Пошуковики</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="euroSearchDropdown" role="button" data-bs-toggle="dropdown">Європейські пошуковики</a> <ul class="dropdown-menu dropup"> <li><a class="dropdown-item" href="https://www.mojeek.com" target="_blank">Mojeek</a></li> <li><a class="dropdown-item" href="https://www.startpage.com" target="_blank">Start Page</a></li> <li><a class="dropdown-item" href="https://www.metager.org" target="_blank">Metager</a></li> <li><a class="dropdown-item" href="https://swisscows.com" target="_blank">Swisscows</a></li> <li><a class="dropdown-item" href="https://halbi.ch" target="_blank">Halbi</a></li> <li><a class="dropdown-item" href="https://www.qwant.com" target="_blank">Qwant</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="usSearchDropdown" role="button" data-bs-toggle="dropdown">Американські пошуковики</a> <ul class="dropdown-menu dropup"> <li><a class="dropdown-item" href="https://duckduckgo.com" target="_blank">DuckDuckGo</a></li> <li><a class="dropdown-item" href="https://search.brave.com" target="_blank">Brave Search</a></li> <li><a class="dropdown-item" href="https://www.bing.com" target="_blank">Bing</a></li> <li><a class="dropdown-item" href="https://www.yahoo.com" target="_blank">Yahoo</a></li> <li><a class="dropdown-item" href="https://yandex.com" target="_blank">Yandex</a></li> </ul> </li> </ul> </div> </div> </nav> <div class="container mt-5 pt-5"> <h1>Ласкаво просимо до каталогу пошукових систем</h1> <p>Оберіть потрібну пошукову систему з меню.</p> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> ап3 http://veselkova-kramnicja.mozello.com/vebprogramuvannja/params/post/4883624/ap3 Mon, 17 Mar 2025 06:54:00 +0000 ааааааааааааааааа<hr class="moze-more-divider"><p>3</p><p><br></p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Альтернативні Пошуковики</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <style> .navbar { position: fixed; bottom: 0; width: 100%; } .dropdown-menu { transform: translateY(-100%); } .navbar-dark .navbar-nav .nav-link { color: #ffffff !important; } .dropdown-menu .dropdown-item { color: #000000 !important; } </style> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">Пошуковики</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="euroSearchDropdown" role="button" data-bs-toggle="dropdown">Європейські пошуковики</a> <ul class="dropdown-menu dropup"> <li><a class="dropdown-item" href="https://www.mojeek.com" target="_blank">Mojeek</a></li> <li><a class="dropdown-item" href="https://www.startpage.com" target="_blank">Start Page</a></li> <li><a class="dropdown-item" href="https://www.metager.org" target="_blank">Metager</a></li> <li><a class="dropdown-item" href="https://swisscows.com" target="_blank">Swisscows</a></li> <li><a class="dropdown-item" href="https://halbi.ch" target="_blank">Halbi</a></li> <li><a class="dropdown-item" href="https://www.qwant.com" target="_blank">Qwant</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="usSearchDropdown" role="button" data-bs-toggle="dropdown">Американські пошуковики</a> <ul class="dropdown-menu dropup"> <li><a class="dropdown-item" href="https://duckduckgo.com" target="_blank">DuckDuckGo</a></li> <li><a class="dropdown-item" href="https://search.brave.com" target="_blank">Brave Search</a></li> <li><a class="dropdown-item" href="https://www.bing.com" target="_blank">Bing</a></li> <li><a class="dropdown-item" href="https://www.yahoo.com" target="_blank">Yahoo</a></li> <li><a class="dropdown-item" href="https://yandex.com" target="_blank">Yandex</a></li> </ul> </li> </ul> </div> </div> </nav> <div class="container mt-5 pt-5"> <h1>Ласкаво просимо до каталогу пошукових систем</h1> <p>Оберіть потрібну пошукову систему з меню.</p> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> а п2 http://veselkova-kramnicja.mozello.com/vebprogramuvannja/params/post/4883614/a-p2 Mon, 17 Mar 2025 06:47:00 +0000 оооооооооооооооооо<p><br></p><hr class="moze-more-divider"><p>тттттттттттт</p><p>1</p> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Альтернативні Пошуковики</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <style> .navbar { position: fixed; bottom: 0; width: 100%; } .dropdown-menu { transform: translateY(-100%); } </style> <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="#">Пошуковики</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="euroSearchDropdown" role="button" data-bs-toggle="dropdown">Європейські пошуковики</a> <ul class="dropdown-menu dropup"> <li><a class="dropdown-item" href="https://www.mojeek.com" target="_blank">Mojeek</a></li> <li><a class="dropdown-item" href="https://www.startpage.com" target="_blank">Start Page</a></li> <li><a class="dropdown-item" href="https://www.metager.org" target="_blank">Metager</a></li> <li><a class="dropdown-item" href="https://swisscows.com" target="_blank">Swisscows</a></li> <li><a class="dropdown-item" href="https://halbi.ch" target="_blank">Halbi</a></li> <li><a class="dropdown-item" href="https://www.qwant.com" target="_blank">Qwant</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="usSearchDropdown" role="button" data-bs-toggle="dropdown">Американські пошуковики</a> <ul class="dropdown-menu dropup"> <li><a class="dropdown-item" href="https://duckduckgo.com" target="_blank">DuckDuckGo</a></li> <li><a class="dropdown-item" href="https://search.brave.com" target="_blank">Brave Search</a></li> <li><a class="dropdown-item" href="https://www.bing.com" target="_blank">Bing</a></li> <li><a class="dropdown-item" href="https://www.yahoo.com" target="_blank">Yahoo</a></li> <li><a class="dropdown-item" href="https://yandex.com" target="_blank">Yandex</a></li> </ul> </li> </ul> </div> </div> </nav> <div class="container mt-5 pt-5"> <h1>Ласкаво просимо до каталогу пошукових систем</h1> <p>Оберіть потрібну пошукову систему з меню.</p> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> альтернативні пошуковики http://veselkova-kramnicja.mozello.com/vebprogramuvannja/params/post/4883588/alternativn-poshukoviki Mon, 17 Mar 2025 06:39:00 +0000 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Альтернативні Пошуковики</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"> <div class="container-fluid"> <a class="navbar-brand" href="#">Пошуковики</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="euroSearchDropdown" role="button" data-bs-toggle="dropdown">Європейські пошуковики</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="mojeek.html">Mojeek</a></li> <li><a class="dropdown-item" href="startpage.html">Start Page</a></li> <li><a class="dropdown-item" href="metager.html">Metager</a></li> <li><a class="dropdown-item" href="swisscows.html">Swisscows</a></li> <li><a class="dropdown-item" href="halbi.html">Halbi</a></li> <li><a class="dropdown-item" href="qwant.html">Qwant</a></li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="usSearchDropdown" role="button" data-bs-toggle="dropdown">Американські пошуковики</a> <ul class="dropdown-menu"> <li><a class="dropdown-item" href="duckduckgo.html">DuckDuckGo</a></li> <li><a class="dropdown-item" href="brave.html">Brave Search</a></li> <li><a class="dropdown-item" href="bing.html">Bing</a></li> <li><a class="dropdown-item" href="yahoo.html">Yahoo</a></li> <li><a class="dropdown-item" href="yandex.html">Yandex</a></li> </ul> </li> </ul> </div> </div> </nav> <div class="container mt-5 pt-5"> <h1>Ласкаво просимо до каталогу пошукових систем</h1> <p>Оберіть потрібну пошукову систему з меню.</p> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> 2 http://veselkova-kramnicja.mozello.com/vebprogramuvannja/params/post/4843366/2 Sat, 01 Mar 2025 13:12:00 +0000 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Німецькі дієслова</title> <link rel="stylesheet" href="style.css"> <div class="container"> <h1>Німецькі дієслова</h1> <div id="verb-list"></div> <div id="verb-details"></div> </div> <script src="script.js"></script> 1 http://veselkova-kramnicja.mozello.com/vebprogramuvannja/params/post/4843318/1 Sat, 01 Mar 2025 12:37:00 +0000 <br> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Німецькі дієслова</title> <style> body { font-family: Arial, sans-serif; text-align: center; background-color: #f8f8f8; } .container { max-width: 800px; margin: auto; padding: 20px; } .verb-card { display: inline-block; margin: 10px; padding: 10px; background-color: white; border-radius: 10px; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); cursor: pointer; width: 150px; } .verb-card img { width: 100px; height: 100px; object-fit: contain; } .verb-card p { font-size: 18px; font-weight: bold; } #verb-details { margin-top: 20px; padding: 15px; background-color: #fff; border-radius: 10px; display: none; } .button { margin-top: 10px; padding: 10px 15px; background-color: #007bff; color: white; border: none; cursor: pointer; border-radius: 5px; } </style> <div class="container"> <h1>Німецькі дієслова</h1> <div id="verb-list"> <!-- Дієслова будуть вставлені через JavaScript --> </div> <div id="verb-details"></div> </div> <script> const verbs = [ { word: "essen", image: "images/essen.png", audio: "audio/essen.mp3", forms: "isst - aß - gegessen" }, { word: "trinken", image: "images/trinken.png", audio: "audio/trinken.mp3", forms: "trinkt - trank - getrunken" }, { word: "schlafen", image: "images/schlafen.png", audio: "audio/schlafen.mp3", forms: "schläft - schlief - geschlafen" }, { word: "laufen", image: "images/laufen.png", audio: "audio/laufen.mp3", forms: "läuft - lief - gelaufen" }, { word: "lernen", image: "images/lernen.png", audio: "audio/lernen.mp3", forms: "lernt - lernte - gelernt" } ]; const verbList = document.getElementById("verb-list"); const verbDetails = document.getElementById("verb-details"); function playAudio(audioSrc) { let audio = new Audio(audioSrc); audio.play(); } function showDetails(verb) { verbDetails.innerHTML = ` <h2>${verb.word}</h2> <p>${verb.forms}</p> <button class="button" onclick="playAudio('${verb.audio}')">Прослухати</button> `; verbDetails.style.display = "block"; } verbs.forEach(verb => { let card = document.createElement("div"); card.className = "verb-card"; card.innerHTML = ` <img src="${verb.image}" alt="${verb.word}"> <p>${verb.word}</p> `; card.onclick = () => showDetails(verb); verbList.appendChild(card); }); </script> кольорова таблиця http://veselkova-kramnicja.mozello.com/vebprogramuvannja/params/post/4717257/kolorova-tablicja Wed, 04 Dec 2024 14:24:00 +0000 <p><br></p><p><br></p> <div><br></div> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <p> </p><p> </p><p><br></p><h2><br></h2><p><br></p><h2>Contextual Classes</h2><p><br></p><hr class="moze-more-divider"><p></p> <p>Contextual classes can be used to color the table, table rows or table cells. The classes that can be used are: .table-primary, .table-success, .table-info, .table-warning, .table-danger, .table-active, .table-secondary, .table-light and .table-dark:</p><p>Чоловіки</p><p>ррррррррррррррррррррррррррррррррррррррррррррррррррррррррр</p> <p> </p><table class="table"> <thead> <tr> <th>n</th> <th>Ім'я</th> <th>фейсбук </th> <th>вайбер </th> <th>сигнал </th><th>Вацап</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>&nbsp;1</td> <td>Мирон<br></td> <td>Defaultson</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>&nbsp;</td> <td>def@somemail.com</td> </tr> <tr class="table-primary"> <td>&nbsp;2</td><td>Микола</td> <td>Joe</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>joe@example.com</td> </tr> <tr class="table-success"> <td>&nbsp;3</td><td>Володимир</td> <td>Doe</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>john@example.com</td> </tr> <tr class="table-danger"> <td>&nbsp;4</td><td>Андрій</td> <td>Moe</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>mary@example.com</td> </tr> <tr class="table-info"> <td>&nbsp;5</td><td>Ростислав</td> <td>Dooley</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>july@example.com</td> </tr> <tr class="table-warning"> <td>&nbsp;6</td><td>Сергій</td> <td>Refs</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>bo@example.com</td> </tr> <tr class="table-active"> <td>&nbsp;7</td><td>Ярослав</td> <td>Activeson</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>act@example.com</td> </tr> <tr class="table-secondary"> <td>&nbsp;8</td><td>Тарас</td> <td>Secondson</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>sec@example.com</td> </tr> <tr class="table-light"> <td>&nbsp;9</td><td>Анатолій</td> <td>Angie</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>angie@example.com</td> </tr> <tr class="table-dark"> <td>&nbsp;10</td><td>Олександр</td> <td>Bo</td> <td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>bo@example.com</td> </tr> </tbody> </table> <p style="font-weight: 400; font-style: normal;" class="moze-start">жінки 1</p><p style="font-weight: 400; font-style: normal;" class="moze-start">ррр1111111111111111111111111111111111111111111111111111111111111111рррррррр</p><p style="font-weight: 400; font-style: normal;" class="moze-start"></p><table class="table" style="text-align: start; font-weight: 400; font-style: normal"><thead style="box-sizing: border-box; border-width: 0px; border-style: solid; border-color: inherit; border-image: initial; margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; padding: 0px; vertical-align: bottom;"><tr style="font-weight: inherit; font-style: inherit"><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">n</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">Ім'я</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">фейсбук</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">вайбер</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">сигнал</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">Вацап</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">Email</th></tr></thead><tbody style="box-sizing: border-box; border-width: 0px; border-style: solid; border-color: inherit; border-image: initial; margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; padding: 0px; vertical-align: inherit;"><tr style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 1</td><td style="font-weight: inherit; font-style: inherit">Мирон<br></td><td style="font-weight: inherit; font-style: inherit">Defaultson</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">def@somemail.com</td></tr><tr class="table-primary" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 2</td><td style="font-weight: inherit; font-style: inherit">Микола</td><td style="font-weight: inherit; font-style: inherit">Joe</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">joe@example.com</td></tr><tr class="table-success" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 3</td><td style="font-weight: inherit; font-style: inherit">Володимир</td><td style="font-weight: inherit; font-style: inherit">Doe</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">john@example.com</td></tr><tr class="table-danger" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 4</td><td style="font-weight: inherit; font-style: inherit">Андрій</td><td style="font-weight: inherit; font-style: inherit">Moe</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">mary@example.com</td></tr><tr class="table-info" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 5</td><td style="font-weight: inherit; font-style: inherit">Ростислав</td><td style="font-weight: inherit; font-style: inherit">Dooley</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">july@example.com</td></tr><tr class="table-warning" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 6</td><td style="font-weight: inherit; font-style: inherit">Сергій</td><td style="font-weight: inherit; font-style: inherit">Refs</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">bo@example.com</td></tr><tr class="table-active" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 7</td><td style="font-weight: inherit; font-style: inherit">Ярослав</td><td style="font-weight: inherit; font-style: inherit">Activeson</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">act@example.com</td></tr><tr class="table-secondary" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 8</td><td style="font-weight: inherit; font-style: inherit">Тарас</td><td style="font-weight: inherit; font-style: inherit">Secondson</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">sec@example.com</td></tr><tr class="table-light" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 9</td><td style="font-weight: inherit; font-style: inherit">Анатолій</td><td style="font-weight: inherit; font-style: inherit">Angie</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">angie@example.com</td></tr><tr class="table-dark" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 10</td><td style="font-weight: inherit; font-style: inherit">Олександр</td><td style="font-weight: inherit; font-style: inherit">Bo</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">bo@example.com</td></tr></tbody></table><span style="text-align: start; font-weight: 400; font-style: normal"><br></span><p></p><p><span style="text-align: start; font-weight: 400; font-style: normal"><br></span></p><p><span style="text-align: start; font-weight: 400; font-style: normal"> </span></p><p style="font-weight: 400; font-style: normal;" class="moze-start">Жінки 2</p><p style="font-weight: 400; font-style: normal;" class="moze-start">рррржжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжжрррррр</p><p style="font-weight: 400; font-style: normal;" class="moze-start"></p><table class="table" style="text-align: start; font-weight: 400; font-style: normal"><thead style="box-sizing: border-box; border-width: 0px; border-style: solid; border-color: inherit; border-image: initial; margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; padding: 0px; vertical-align: bottom;"><tr style="font-weight: inherit; font-style: inherit"><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">n</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">Ім'я</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">фейсбук</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">вайбер</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">сигнал</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">Вацап</th><th style="text-align: -webkit-match-parent; font-weight: inherit; font-style: inherit">Email</th></tr></thead><tbody style="box-sizing: border-box; border-width: 0px; border-style: solid; border-color: inherit; border-image: initial; margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; padding: 0px; vertical-align: inherit;"><tr style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 1</td><td style="font-weight: inherit; font-style: inherit">Мирон<br></td><td style="font-weight: inherit; font-style: inherit">Defaultson</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">def@somemail.com</td></tr><tr class="table-primary" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 2</td><td style="font-weight: inherit; font-style: inherit">Микола</td><td style="font-weight: inherit; font-style: inherit">Joe</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">joe@example.com</td></tr><tr class="table-success" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 3</td><td style="font-weight: inherit; font-style: inherit">Володимир</td><td style="font-weight: inherit; font-style: inherit">Doe</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">john@example.com</td></tr><tr class="table-danger" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 4</td><td style="font-weight: inherit; font-style: inherit">Андрій</td><td style="font-weight: inherit; font-style: inherit">Moe</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">mary@example.com</td></tr><tr class="table-info" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 5</td><td style="font-weight: inherit; font-style: inherit">Ростислав</td><td style="font-weight: inherit; font-style: inherit">Dooley</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">july@example.com</td></tr><tr class="table-warning" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 6</td><td style="font-weight: inherit; font-style: inherit">Сергій</td><td style="font-weight: inherit; font-style: inherit">Refs</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">bo@example.com</td></tr><tr class="table-active" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 7</td><td style="font-weight: inherit; font-style: inherit">Ярослав</td><td style="font-weight: inherit; font-style: inherit">Activeson</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">act@example.com</td></tr><tr class="table-secondary" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 8</td><td style="font-weight: inherit; font-style: inherit">Тарас</td><td style="font-weight: inherit; font-style: inherit">Secondson</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">sec@example.com</td></tr><tr class="table-light" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 9</td><td style="font-weight: inherit; font-style: inherit">Анатолій</td><td style="font-weight: inherit; font-style: inherit">Angie</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">angie@example.com</td></tr><tr class="table-dark" style="font-weight: inherit; font-style: inherit"><td style="font-weight: inherit; font-style: inherit"> 10</td><td style="font-weight: inherit; font-style: inherit">Олександр</td><td style="font-weight: inherit; font-style: inherit">Bo</td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit"> </td><td style="font-weight: inherit; font-style: inherit">bo@example.com</td></tr></tbody></table><span style="text-align: start; font-weight: 400; font-style: normal">т</span><p></p><p><span style="text-align: start; font-weight: 400; font-style: normal"><span style="text-align: start; font-weight: 400; font-style: normal"><br></span></span></p><p><span style="text-align: start; font-weight: 400; font-style: normal"><span style="text-align: start; font-weight: 400; font-style: normal">аблиця 2 </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> таблиця 2 </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span><span style="text-align: start; font-weight: 400; font-style: normal"> </span><span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> <br><br>таблиця 2 <span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> <span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> <span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> <span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> <span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> <span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> <span style="text-align: start; font-weight: 400; font-style: normal">таблиця 2</span> <br></p><div class="table-responsive"> <p></p><table class="moze-table-border"><tbody><tr><td>н&nbsp;</td><td>ім'я&nbsp;</td><td>прізвище&nbsp;</td><td>телефон&nbsp;</td><td>інтернет&nbsp;</td><td>е пошта&nbsp;</td><td>вайбер&nbsp;</td><td>фейсбук&nbsp;</td><td>сигнал&nbsp;</td><td>&nbsp;Х</td><td>вацап&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></tbody></table><br><p></p></div><p></p> Перша новина http://veselkova-kramnicja.mozello.com/vebprogramuvannja/params/post/4687081/persha-novina Sun, 03 Nov 2024 09:21:00 +0000 <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <div class="jumbotron"> <h2> Hello, world! </h2> <p> This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique. </p> <p> <a class="btn btn-primary btn-large" href="#">Learn more</a> </p> </div> <table class="table"> <thead> <tr> <th> # </th> <th> Product </th> <th> Payment Taken </th> <th> Status </th> </tr> </thead> <tbody> <tr> <td> 1 </td> <td> TB - Monthly </td> <td> 01/04/2012 </td> <td> Default </td> </tr> <tr class="table-active"> <td> 1 </td> <td> TB - Monthly </td> <td> 01/04/2012 </td> <td> Approved </td> </tr> <tr class="table-success"> <td> 2 </td> <td> TB - Monthly </td> <td> 02/04/2012 </td> <td> Declined </td> </tr> <tr class="table-warning"> <td> 3 </td> <td> TB - Monthly </td> <td> 03/04/2012 </td> <td> Pending </td> </tr> <tr class="table-danger"> <td> 4 </td> <td> TB - Monthly </td> <td> 04/04/2012 </td> <td> Call in to confirm </td> </tr> </tbody> </table> </div> </div> </div>