- Scan ID:
- 01269426-8047-41ae-a051-7b8f6cd814bfFinished
- Submitted URL:
- https://task.szitar.net/
- Report Finished:
Links · 5 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://szitar.hu/ | |
| https://www.vallalkozzdigitalisan.hu/ | |
| https://www.linkedin.com/company/szit%C3%A1r-net-kft./ | |
| https://www.facebook.com/szitar.hu/ | |
| https://www.youtube.com/@szitar-netkft.informatika5496 |
JavaScript Variables · 31 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | string |
| 1 | string |
| onbeforetoggle | string |
| documentPictureInPicture | string |
| onscrollend | string |
| $ | string |
| jQuery | string |
| uidEvent | string |
| bootstrap | string |
| opinions | string |
Console log messages · 2 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| log | javascript |
|
| verbose | dom |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" class="h-100" style="height: auto;"><head>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title></title>
<meta property="og:title" content="SziTa'R Üzleti Felhőszolgáltatás">
<meta property="og:description" content="A SziTa’R Online Üzleti Felhőszolgáltatás egy modulárisan felépített felhőalapú rendszer, amely fő funkciói a dokumentumok és a vállalati feladatok komplex kezelésére hivatott.">
<meta property="og:image" content="/web/og_image.png">
<meta name="csrf-param" content="_csrf">
<meta name="csrf-token" content="GkstmXo1vI_hWkUW5jvlAueVmynI6VgbV9CuWfBPJD9SDGrXIgGEyLIeNnqeDoRLjN78Zr-LNFAunNcpqnhsUw==">
<link href="/assets/97e5a2f9/stylesheets/language-picker.min.css?v=1721051160" rel="stylesheet">
<link href="/assets/97e5a2f9/stylesheets/flags-small.min.css?v=1721051160" rel="stylesheet">
<link href="/assets/8999c50b/noty.css?v=1721051160" rel="stylesheet">
<link href="/assets/f978e32/css/adminlte.css?v=1721051159" rel="stylesheet">
<link href="/dist/plugins/fontawesome/css/all.min.css?v=1720776970" rel="stylesheet">
<link href="/dist/plugins/summernote/css/summernote-bs4.min.css?v=1720777000" rel="stylesheet">
<link href="/dist/css/index.css?v=1720776964" rel="stylesheet">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Task landing page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--link rel='stylesheet' type='text/css' media='screen' href='style.css'-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css">
<link rel="icon" type="image/x-icon" href="favicon-32x32.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer">
</head>
<body style="height: auto;">
<div id="cookie-overlay" style="display: flex;">
<div id="cookie-container" style="display: block;">
<div class="card-header">
<i class="fa-solid fa-circle-info"></i>
<img src="dist/img/index/szitar-task.png" alt="">
</div>
<div>
<p class="cookie-text">We would like to inform you that the purpose of the use of cookies on the website is, on the one hand, to ensure the proper functioning of the website and, on the other hand, to provide data for statistical purposes, on the basis of which it is not possible to identify persons. And certain cookies make shopping in the online store easier. By using this website, you accept the use of cookies.</p>
</div>
<div class="button-container">
<a id="cookie-accept-button" class="navbar-menu-button-signin">Accept cookies</a>
<a href="/web/dist/pdf/Adatkezelesi-tajekoztato.pdf" download="Adatkezelesi-tajekoztato" class="cookie-button">Privacy Policy</a>
</div>
</div>
</div>
<div class="header-background-container">
<div class="navbar-container">
<div class="navbar">
<a href=""><img id="company-logo" src="dist/svg/[email protected]" alt="company-logo"></a>
</div>
<div class="navbar-items-1-container">
<div class="navbar-items-1">
<a class="navbar-link" style="color: white" href="#funkciok"><p>Features</p></a>
<a class="navbar-link" style="color: white" href="#arak"><p>Packages</p></a>
<a class="navbar-link" style="color: white" href="/academy">
<p>Task Academy</p>
</a>
<a class="navbar-link" style="color: white" href="#contact"><p>Contact</p></a>
</div>
</div>
<div class="navbar-items-2-container">
<div class="navbar-items-2">
<div class="navbar-signin-button modal-trigger">
<p>Sign in</p>
</div>
<input type="checkbox" id="checkbox_toggle" checked="true">
<label for="checkbox_toggle" class="hamburger" onclick="hamburgerIconChanger()">
<img id="hamburger-nav-button" onclick="hamburgerIconChanger()" src="dist/img/index/nav-gomb.png" alt="nav-menu-gomb">
</label>
</div>
</div>
</div>
<div style="position: fixed; top: 38px; z-index: 1900; right: 5px; display: flex; justify-content: center; align-items: center; margin-left
10px; transition: 0.2s ease-in;" class="dropdown">
<div class="language-picker dropdown-list small"><div><a href="" title="en"><i class="en"></i> </a><ul><li><a href="/index?language-picker-language=hu" title="hu"><i class="hu"></i> </a></li></ul></div></div> </div>
<div id="navbar-menu">
<div class="navbar-menu-content">
<a class="navbar-link-menu" href="#funkciok"><p>Features</p></a>
<a class="navbar-link-menu" href="#arak"><p>Packages</p></a>
<a class="navbar-link-menu" href="/academy"><p>Task Academy</p></a>
<a class="navbar-link-menu" href="#contact"><p>Contact</p></a>
<div class="navbar-menu-button-container">
<div class="navbar-menu-button-signin modal-trigger" onclick="menuClose()">
<p>Sign in</p>
</div>
<div class="demand-button">
<div class="navbar-menu-button-interested interested-in-product-button" onclick="menuClose()">Get Started</div>
</div>
</div>
</div>
<div id="menu_overlay"></div>
</div>
<div class="header-container">
<p class="headline">Manage Your Tasks and Projects in one system, choose SziTa’R TaSk!</p>
<p class="headline2">
<span>Be efficient,</span>
<span class="headline2-blue">not busy!</span>
</p>
<p class="headline3">SziTa’R TaSk is a cloud based service with the help of which you can manage your projects safely and cost-efficiently.</p>
</div>
<div class="tbkc">
<div class="task-inner-images-container">
<video class="bemutato-video" src="dist/mp4/laptop_video.mp4" autoplay="" loop="" muted="" preload="auto"></video>
<div class="notebook"></div>
</div>
</div>
<div class="wp"></div>
</div>
<!--Header-->
<!--Partnerek carousel-->
<ul class="slider slick-initialized slick-slider"><img class="a-left control-c prev slick-prev slick-arrow" src="dist/img/index/balra-gomb.png" style="margin-right: 15px; opacity: 0.5; cursor: pointer;">
<div class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 7776px; transform: translate3d(-648px, 0px, 0px);"><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="-4" id="" aria-hidden="true" tabindex="-1">
<img class="nyirsegszer" src="dist/img/index/nyirsegszer.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="-3" id="" aria-hidden="true" tabindex="-1">
<img class="bumet" src="dist/img/index/bumet.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="-2" id="" aria-hidden="true" tabindex="-1">
<img class="nordemad" src="dist/img/index/nordemad.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="-1" id="" aria-hidden="true" tabindex="-1">
<img class="etalon" src="dist/img/index/etalon.png" alt="">
</li><li class="contact-tav- slick-slide slick-current slick-active" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="0" aria-hidden="false" tabindex="0">
<img class="anico" src="dist/img/index/[email protected]" alt="anico">
</li><li class="contact-tav- slick-slide slick-active" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="1" aria-hidden="false" tabindex="0">
<img class="milo" src="dist/img/index/[email protected]" alt="milo">
</li><li class="contact-tav- slick-slide slick-active" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="2" aria-hidden="false" tabindex="0">
<img class="solar" src="dist/img/index/[email protected]" alt="solar">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-active" data-slick-index="3" aria-hidden="false" tabindex="0">
<img class="ujhaz" src="dist/img/index/ujhaz.png" alt="ujhaz">
</li><li class="contact-tav- slick-slide" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="4" aria-hidden="true" tabindex="-1">
<img class="sa" src="dist/img/index/[email protected]" alt="sa3">
</li><li class="contact-tav slick-slide" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="5" aria-hidden="true" tabindex="-1">
<img class="imi" src="dist/img/index/[email protected]" alt="imiprint">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="6" aria-hidden="true" tabindex="-1">
<img class="nyirkomp" src="dist/img/index/nyirkomplett.png" alt="nyirkomplett">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="7" aria-hidden="true" tabindex="-1">
<img class="edimension" src="dist/img/index/edimension.png" alt="edimension">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="8" aria-hidden="true" tabindex="-1">
<img class="husq" src="dist/img/index/husq.png" alt="husqvarna">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="9" aria-hidden="true" tabindex="-1">
<img class="memir" src="dist/img/index/memirspeed.png" alt="memirspeed">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="10" aria-hidden="true" tabindex="-1">
<img class="peterepito" src="dist/img/index/peterepito.png" alt="peterepito">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="11" aria-hidden="true" tabindex="-1">
<img class="qpp" src="dist/img/index/qpp.png" alt="qpp">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="12" aria-hidden="true" tabindex="-1">
<img class="creativ" src="dist/img/index/creativ.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="13" aria-hidden="true" tabindex="-1">
<img class="dio" src="dist/img/index/dio.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="14" aria-hidden="true" tabindex="-1">
<img class="eurohevi" src="dist/img/index/eurohevi.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="15" aria-hidden="true" tabindex="-1">
<img class="ferzol" src="dist/img/index/ferzol.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="16" aria-hidden="true" tabindex="-1">
<img class="lstm" src="dist/img/index/lstm.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="17" aria-hidden="true" tabindex="-1">
<img class="mansped" src="dist/img/index/mansped.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="18" aria-hidden="true" tabindex="-1">
<img class="nyirsegszer" src="dist/img/index/nyirsegszer.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="19" aria-hidden="true" tabindex="-1">
<img class="bumet" src="dist/img/index/bumet.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="20" aria-hidden="true" tabindex="-1">
<img class="nordemad" src="dist/img/index/nordemad.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide" data-slick-index="21" aria-hidden="true" tabindex="-1">
<img class="etalon" src="dist/img/index/etalon.png" alt="">
</li><li class="contact-tav- slick-slide slick-cloned" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="22" id="" aria-hidden="true" tabindex="-1">
<img class="anico" src="dist/img/index/[email protected]" alt="anico">
</li><li class="contact-tav- slick-slide slick-cloned" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="23" id="" aria-hidden="true" tabindex="-1">
<img class="milo" src="dist/img/index/[email protected]" alt="milo">
</li><li class="contact-tav- slick-slide slick-cloned" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="24" id="" aria-hidden="true" tabindex="-1">
<img class="solar" src="dist/img/index/[email protected]" alt="solar">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="25" id="" aria-hidden="true" tabindex="-1">
<img class="ujhaz" src="dist/img/index/ujhaz.png" alt="ujhaz">
</li><li class="contact-tav- slick-slide slick-cloned" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="26" id="" aria-hidden="true" tabindex="-1">
<img class="sa" src="dist/img/index/[email protected]" alt="sa3">
</li><li class="contact-tav slick-slide slick-cloned" style="display: flex; justify-content: center; align-items: center; width: 162px;" data-slick-index="27" id="" aria-hidden="true" tabindex="-1">
<img class="imi" src="dist/img/index/[email protected]" alt="imiprint">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="28" id="" aria-hidden="true" tabindex="-1">
<img class="nyirkomp" src="dist/img/index/nyirkomplett.png" alt="nyirkomplett">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="29" id="" aria-hidden="true" tabindex="-1">
<img class="edimension" src="dist/img/index/edimension.png" alt="edimension">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="30" id="" aria-hidden="true" tabindex="-1">
<img class="husq" src="dist/img/index/husq.png" alt="husqvarna">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="31" id="" aria-hidden="true" tabindex="-1">
<img class="memir" src="dist/img/index/memirspeed.png" alt="memirspeed">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="32" id="" aria-hidden="true" tabindex="-1">
<img class="peterepito" src="dist/img/index/peterepito.png" alt="peterepito">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="33" id="" aria-hidden="true" tabindex="-1">
<img class="qpp" src="dist/img/index/qpp.png" alt="qpp">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="34" id="" aria-hidden="true" tabindex="-1">
<img class="creativ" src="dist/img/index/creativ.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="35" id="" aria-hidden="true" tabindex="-1">
<img class="dio" src="dist/img/index/dio.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="36" id="" aria-hidden="true" tabindex="-1">
<img class="eurohevi" src="dist/img/index/eurohevi.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="37" id="" aria-hidden="true" tabindex="-1">
<img class="ferzol" src="dist/img/index/ferzol.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="38" id="" aria-hidden="true" tabindex="-1">
<img class="lstm" src="dist/img/index/lstm.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="39" id="" aria-hidden="true" tabindex="-1">
<img class="mansped" src="dist/img/index/mansped.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="40" id="" aria-hidden="true" tabindex="-1">
<img class="nyirsegszer" src="dist/img/index/nyirsegszer.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="41" id="" aria-hidden="true" tabindex="-1">
<img class="bumet" src="dist/img/index/bumet.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="42" id="" aria-hidden="true" tabindex="-1">
<img class="nordemad" src="dist/img/index/nordemad.png" alt="">
</li><li style="display: flex; justify-content: center; align-items: center; width: 162px;" class="slick-slide slick-cloned" data-slick-index="43" id="" aria-hidden="true" tabindex="-1">
<img class="etalon" src="dist/img/index/etalon.png" alt="">
</li></div></div><img class="a-left control-c prev slick-prev slick-arrow" src="dist/img/index/jobbra-gomb.png" style="margin-right: 20px; opacity: 0.5; cursor: pointer;"></ul>
<!--Partnerek carousel-->
<!--Felhasználási szektorok szekció-->
<section class="sectors-carousel">
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel" data-bs-interval="12000">
<div class="carousel-inner upper-section">
<div class="carousel-item active">
<div class="carousel-contain container">
<div class="carousel-contain-col-1">
<div class="users-1">
<p id="counter1" class="users-number"></p>
<p class="users-text">Partners</p>
</div>
<div class="users-2">
<p id="counter2" class="users-number"></p>
<p class="users-text">Users</p>
</div>
</div>
<div class="carousel-contain-col-2">
<img class="carousel-contain-col-2-img" src="dist/img/index/[email protected]" alt="Építőipar">
</div>
<div class="carousel-contain-col-3">
<div class="carousel-small-title-container">
<p class="carousel-small-title">Construction Industry</p>
</div>
<div class="carousel-large-text-container">
<p class="carousel-large-text">Task and project management in Construction Industry</p>
</div>
<p class="carousel-medium-text">This cloud-based system can provide comprehensive help to implement projects, it gives smooth flow of information among the team members, as well as targeted allocation of tasks, furthermore it gives you the opportunity to control the process and manage deadlines.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-contain container">
<div class="carousel-contain-col-1">
<div class="users-1">
<p class="users-number">102</p>
<p class="users-text">Partners</p>
</div>
<div class="users-2">
<p class="users-number">1031</p>
<p class="users-text">Users</p>
</div>
</div>
<div class="carousel-contain-col-2">
<img class="carousel-contain-col-2-img" src="dist/img/index/targyalo.png" alt="Szolgáltatások">
</div>
<div class="carousel-contain-col-3">
<div class="carousel-small-title-container">
<p class="carousel-small-title">Service Industry</p>
</div>
<div class="carousel-large-text-container">
<p class="carousel-large-text">Supporting team and remote work</p>
</div>
<p class="carousel-medium-text">The cloud-based service, gives the information flow among the members of your team worldwide. You can use the online space to organize your meetings. With the help decision support you can track the members’ efficiency and cost effectiveness.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-contain container">
<div class="carousel-contain-col-1">
<div class="users-1">
<p class="users-number">102</p>
<p class="users-text">Partners</p>
</div>
<div class="users-2">
<p class="users-number">1031</p>
<p class="users-text">Users</p>
</div>
</div>
<div class="carousel-contain-col-2">
<img class="carousel-contain-col-2-img" src="dist/img/index/palyazat.png" alt="Pályázati tevékenység">
</div>
<div class="carousel-contain-col-3">
<div class="carousel-small-title-container">
<p class="carousel-small-title">Tendering Activity</p>
</div>
<div class="carousel-large-text-container">
<p class="carousel-large-text">Project management support</p>
</div>
<p class="carousel-medium-text">The functions of SziTa’R TaSk task management software makes it possible to find and manage versatile project including several milestones. The interactive “sticky-notes” based boards make it easier to use. The dashboard and warnings urge immediate action.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-contain container">
<div class="carousel-contain-col-1">
<div class="users-1">
<p class="users-number">102</p>
<p class="users-text">Partners</p>
</div>
<div class="users-2">
<p class="users-number">1031</p>
<p class="users-text">Users</p>
</div>
</div>
<div class="carousel-contain-col-2">
<img class="carousel-contain-col-2-img" src="dist/img/index/tuzep.png" alt="Kereskedelem">
</div>
<div class="carousel-contain-col-3">
<div class="carousel-small-title-container">
<p class="carousel-small-title">Trade Industry</p>
</div>
<div class="carousel-large-text-container">
<p class="carousel-large-text">Managing retail and wholesale tasks</p>
</div>
<p class="carousel-medium-text">SziTa’R TaSk task manager software helps you to organize all the elements of your tasks, thus boosting your company’s productivity and effectiveness. The function of task allocations and their exact feedback accelerate your processes.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-contain container">
<div class="carousel-contain-col-1">
<div class="users-1">
<p class="users-number">102</p>
<p class="users-text">Partners</p>
</div>
<div class="users-2">
<p class="users-number">1031</p>
<p class="users-text">Users</p>
</div>
</div>
<div class="carousel-contain-col-2">
<img class="carousel-contain-col-2-img" src="dist/img/index/tervezes.png" alt="Kivitelezés">
</div>
<div class="carousel-contain-col-3">
<div class="carousel-small-title-container">
<p class="carousel-small-title">Implementation Industry</p>
</div>
<div class="carousel-large-text-container">
<p class="carousel-large-text">Planning and building support</p>
</div>
<p class="carousel-medium-text">SziTa’R TaSk task manager software gives the precise and clear project management as it visualizes the tasks and the connected processes with the timelines.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-contain container">
<div class="carousel-contain-col-1">
<div class="users-1">
<p class="users-number">102</p>
<p class="users-text">Partners</p>
</div>
<div class="users-2">
<p class="users-number">1031</p>
<p class="users-text">Users</p>
</div>
</div>
<div class="carousel-contain-col-2">
<img class="carousel-contain-col-2-img" src="dist/img/index/IT.png" alt="Informatika">
</div>
<div class="carousel-contain-col-3">
<div class="carousel-small-title-container">
<p class="carousel-small-title">IT Industry</p>
</div>
<div class="carousel-large-text-container">
<p class="carousel-large-text">IT development and integration</p>
</div>
<p class="carousel-medium-text">SziTa’R TaSk task software gives the clear planning process and the effective organization and analyzation of your resources. SziTa’R TaSk supports the system of tasks and milestones belonging to them. This way It can serve the 'waterfall' and 'agile' type project management too.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-contain container">
<div class="carousel-contain-col-1">
<div class="users-1">
<p class="users-number">102</p>
<p class="users-text">Partners</p>
</div>
<div class="users-2">
<p class="users-number">1031</p>
<p class="users-text">Users</p>
</div>
</div>
<div class="carousel-contain-col-2">
<img class="carousel-contain-col-2-img" src="dist/img/index/termeles.png" alt="Termelés">
</div>
<div class="carousel-contain-col-3">
<div class="carousel-small-title-container">
<p class="carousel-small-title">Production Industry</p>
</div>
<div class="carousel-large-text-container">
<p class="carousel-large-text">Manufacturing support, process monitoring</p>
</div>
<p class="carousel-medium-text">The Kanban board system of SziTa’R TaSk is flexible enough to visualize the process of manufacturing and deadlines. The „Major Task” helps you to prioritize your tasks.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="carousel-contain container">
<div class="carousel-contain-col-1">
<div class="users-1">
<p class="users-number">102</p>
<p class="users-text">Partners</p>
</div>
<div class="users-2">
<p class="users-number">1031</p>
<p class="users-text">Users</p>
</div>
</div>
<div class="carousel-contain-col-2">
<img class="carousel-contain-col-2-img" src="dist/img/index/egeszseg.png" alt="Egészségügy">
</div>
<div class="carousel-contain-col-3">
<div class="carousel-small-title-container">
<p class="carousel-small-title">Healthcare Industry</p>
</div>
<div class="carousel-large-text-container">
<p class="carousel-large-text">Healthcare service</p>
</div>
<p class="carousel-medium-text">SziTa’R TaSk task includes a complex calendar and document-storage function, it provides reliable filing and registering for your documents.</p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev upper-section" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next upper-section" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<!--Felhasználási szektorok szekció-->
<!--Rendszer előnyei szekció-->
<section class="offer">
<div class="offer-contain container">
<div class="offer-col-1">
<div class="offer-headline">
<p>What are the advantages of using SziTa’R TaSk?</p>
</div>
<div class="offer-headline-medium">
<p>It is an experience based cooperation boosting task management system, giving transparency to your projects.</p>
</div>
<div class="demand-button">
<div class="offer-get-started interested-in-product-button">Get Started</div>
</div>
</div>
<div class="offer-col-2">
<div class="offer-1-2">
<div class="offer-1">
<div class="offer-icon-outline">
<i style="font-size: 33px; color: #146185;" class="fa-solid fa-shield-halved"></i>
</div>
<p class="offer-1-headline">Safe use</p>
<p class="offer-1-description">It is a modularly built, secure cloud-based system, whose main functions are intended to provide a complex and user-friendly management of enterprise tasks.</p>
</div>
<div class="offer-2">
<div class="offer-icon-outline">
<i style="font-size: 33px; color: #146185;" class="fa-solid fa-sliders"></i>
</div>
<p class="offer-2-headline">Manageability</p>
<p class="offer-2-description">Its task management can be carried out in a transparent, illustrative way with the efficiency of the Kanban board method on both PC and mobile devices.</p>
</div>
</div>
<div class="offer-3-4">
<div class="offer-3">
<div class="offer-icon-outline">
<i style="font-size: 33px; color: #146185;" class="fa-solid fa-list-check"></i>
</div>
<p class="offer-3-headline">Teamwork support</p>
<p class="offer-3-description">Your work in cooperation with colleagues can be more efficient on common projects.</p>
</div>
<div class="offer-4">
<div class="offer-icon-outline">
<i style="font-size: 33px; color: #146185;" class="fa-solid fa-gear"></i>
</div>
<p class="offer-4-headline">Continuous support</p>
<p class="offer-4-description">In the case of purchasing packages, we provide instructor support.</p>
</div>
</div>
</div>
</div>
<div class="wave" style="position: absolute;">
<img class="" src="dist/img/index/hullam.png" alt="">
</div>
</section>
<!--Rendszer előnyei szekció-->
<p style="visibility: hidden;" id="funkciok">trigger</p>
<!--Rendszer főbb elemei szekció-->
<section class="main-elements" id="main-elements">
<div class="main-elements-headline-container">
<p class="main-elements-headline">Key features of SziTa'R TaSk task and project management system</p>
</div>
<div class="main-elements-content container">
<div class="cards-1-2">
<div class="card-1">
<div class="card-headline">
<p>Task management</p>
</div>
<div class="card-description">
<p>Time is the key factor. The system does not allow you to forget your own or assigned tasks and helps in their complex organization.</p>
</div>
</div>
<div class="long-line">
<img src="dist/img/index/TTTT.png" alt="">
</div>
<div class="card-2">
<div class="card-headline">
<p>Client management</p>
</div>
<div class="card-description">
<p>Keep track of everything about your clients from location to personal information, and retrieve it quickly, assign them to a task or project.</p>
</div>
</div>
</div>
<div class="cards-3-4">
<div class="card-3">
<div class="card-headline">
<p>Project communication</p>
</div>
<div class="card-description">
<p>Whether the message is urgent or substantial, it will reach its target person or team instantly within the system.</p>
</div>
</div>
<div class="ellipse-lines-together-with-left-card">
<img src="dist/img/index/ellipszis-vonalak-egyben-bal.png" alt="">
</div>
<div class="ellipse-lines-together-with-right-card">
<img src="dist/img/index/ellipszis-vonalak-egyben-jobb.png" alt="">
</div>
<div class="card-4">
<div class="card-headline">
<p>Managing projects</p>
</div>
<div class="card-description">
<p>Manage your complex, milestone-aligned multi-user projects in a modular system and be up-to-date.</p>
</div>
</div>
</div>
<div class="cards-5-6">
<div class="card-5">
<div class="card-headline">
<p>Decision support</p>
</div>
<div class="card-description">
<p>It simplifies making decisions. The Gantt chart assigned to the project can assist in the even distribution of tasks.</p>
</div>
</div>
<div class="left-card-line">
<img src="dist/img/index/bal-kartya-vonal.png" alt="">
</div>
<div class="clock">
<img src="dist/svg/pipa_02_jav.svg" alt="">
</div>
<div class="right-card-line">
<img src="dist/img/index/jobb-kartya-vonal.png" alt="">
</div>
<div class="card-6">
<div class="card-headline">
<p>Storage</p>
</div>
<div class="card-description">
<p>Manage your documents in a complex way, separately or even assigned to a task or project, with data security in mind.</p>
</div>
</div>
</div>
<!--div class="main-elements-demand-button">
<a class="offer-get-started" style="color: white;" target="_blank" href="https://dev04.szitar.net/file?id=TaSk+Felhasznaloi+utmutato.pdf" download="http://fukoerik.nhely.hu/">Presentation</a>
</div VISSZAKERÜLHET KÉSŐBB-->
<div class="main-elements-demand-button">
<a class="offer-get-started interested-in-product-button" style="color: white;">Get Started</a>
</div>
<div class="task-note interested-in-product-button">
<object data="dist/svg/mozgocetli.svg" type=""></object>
</div>
</div>
</section>
<!--Rendszer főbb elemei szekció-->
<!--Rendszer főbb elemei szekció mobil-->
<section class="main-elements-mobile">
<div class="main-elements-mobile-content">
<div class="main-elements-headline-mobile">
<p>Key features of SziTa'R TaSk task and project management system</p>
</div>
<div class="clock-icon">
<img src="dist/svg/pipa_02_jav.svg" alt="">
</div>
<div class="mobile-small-line">
<img src="dist/img/index/mobil-kis-vonal.png" alt="">
</div>
<div class="main-elements-mobile-card">
<p class="mobile-card-headline">Task management</p>
<p class="mobile-card-text">Time is the key factor. The system does not allow you to forget your own or assigned tasks and helps in their complex organization.</p>
</div>
<div class="mobile-small-line">
<img src="dist/img/index/mobil-kis-vonal.png" alt="">
</div>
<div class="main-elements-mobile-card">
<p class="mobile-card-headline">Client management</p>
<p class="mobile-card-text">Keep track of everything about your clients from location to personal information, and retrieve it quickly, assign them to a task or project.</p>
</div>
<div class="mobile-small-line">
<img src="dist/img/index/mobil-kis-vonal.png" alt="">
</div>
<div class="main-elements-mobile-card">
<p class="mobile-card-headline">Project communication</p>
<p class="mobile-card-text">Whether the message is urgent or substantial, it will reach its target person or team instantly within the system.</p>
</div>
<div class="mobile-small-line">
<img src="dist/img/index/mobil-kis-vonal.png" alt="">
</div>
<div class="main-elements-mobile-card">
<p class="mobile-card-headline">Managing projects</p>
<p class="mobile-card-text">Manage your complex, milestone-aligned multi-user projects in a modular system and be up-to-date.</p>
</div>
<div class="mobile-small-line">
<img src="dist/img/index/mobil-kis-vonal.png" alt="">
</div>
<div class="main-elements-mobile-card">
<p class="mobile-card-headline">Decision support</p>
<p class="mobile-card-text">It simplifies making decisions. The Gantt chart assigned to the project can assist in the even distribution of tasks.</p>
</div>
<div class="mobile-small-line">
<img src="dist/img/index/mobil-kis-vonal.png" alt="">
</div>
<div class="main-elements-mobile-card">
<p class="mobile-card-headline">Storage</p>
<p class="mobile-card-text">Manage your documents in a complex way, separately or even assigned to a task or project, with data security in mind.</p>
</div>
<!--div style="margin-top: 20px!important;" class="main-elements-demand-button">
<a class="offer-get-started" style="color: white;" href="https://task.szitar.net/file?id=TaSk+Felhasznaloi+utmutato.pdf" download="http://fukoerik.nhely.hu/">Presentation</a>
</div KÉSŐBB VISSZAKERÜLHET-->
<div class="main-elements-demand-button-mobil">
<a class="offer-get-started interested-in-product-button" style="color: white;">Get Started</a>
</div>
<div class="note-mobile">
<object data="dist/svg/mozgocetli.svg" type=""></object>
</div>
</div>
</section>
<!--Rendszer főbb elemei szekció mobil-->
<!--Rendszer bemutató videó szekció-->
<div class="container-fluid introducing-video-container">
<div class="wave-2" style="position: absolute; left: -200px; margin-top: 380px">
<img class="section-1-2-wave" src="dist/img/index/hullam.png" alt="">
</div>
<video onclick="playPause();" id="introducing-video-control" class="w-100 introducing-video" autoplay="" loop="" muted="" preload="auto">
<source src="/dist/mp4/task_introducing.webm" type="video/webm">
</video>
</div>
<!--Rendszer bemutató videó szekció-->
<!--Gyakran ismételt kérdések szekció-->
<section class="faq">
<div class="faq-content container">
<div class="faq-col-1">
<div class="faq-col-1-headline">
<p>Frequently asked questions</p>
</div>
<div class="faq-col-1-content">
<p>May we help you? Find answers to your most important questions about how to use the task manager.</p>
</div>
<div class="faq-button">
<div class="offer-get-started interested-in-product-button">Get Started</div>
</div>
</div>
<div class="faq-col-2">
<div id="accordion">
<div class="faq-col-2-content-1">
<p>Is it safe to use?</p>
<div class="collapse-button">
<button type="button" class="collapse-g" data-bs-toggle="collapse" data-bs-target="#demo">
<img id="icon_1" src="dist/svg/[email protected]" alt="">
</button>
</div>
</div>
<div>
<p id="demo" class="show" data-bs-parent="#accordion">Your business data is stored reliably under warranty, and your files can be accessed later with the help of backup.</p>
</div>
<div class="faq-col-2-content-1">
<p>Where are the files stored in Task?</p>
<div class="collapse-button">
<button type="button" class="collapse-g" data-bs-toggle="collapse" data-bs-target="#demo_1">
<img id="icon_2" src="dist/svg/plus.svg" alt="">
</button>
</div>
</div>
<div>
<p id="demo_1" class="collapse" data-bs-parent="#accordion">On a central server in the cloud, which is constantly backed up. The operation of the system is ensured by the Microsoft Azure Cloud Server provider, its task is to properly control the security, which is significantly more efficient than the use of traditional in-house data storage systems.</p>
</div>
<div class="faq-col-2-content-1">
<p>Can I create a new task from a copy of a previous one?</p>
<div class="collapse-button">
<button type="button" class="collapse-g" data-bs-toggle="collapse" data-bs-target="#demo_2">
<img id="icon_3" src="dist/svg/plus.svg" alt="">
</button>
</div>
</div>
<div>
<p id="demo_2" class="collapse" data-bs-parent="#accordion">Yes, you can copy, and you can change its details to create a whole new, faster-created task.</p>
</div>
<div class="faq-col-2-content-1">
<p>Can I be notified of tasks with deadlines?</p>
<div class="collapse-button">
<button type="button" class="collapse-g" data-bs-toggle="collapse" data-bs-target="#demo_3">
<img id="icon_4" src="dist/svg/plus.svg" alt="">
</button>
</div>
</div>
<div>
<p id="demo_3" class="collapse" data-bs-parent="#accordion">In the application, you can configure the user to be notified of changes, events and tasks due in projects, in addition to system messages, in the form of a pop-up or e-mail message.</p>
</div>
<div class="faq-col-2-content-1">
<p>Can tasks created in a milestone set within a Project be built on top of each other?</p>
<div class="collapse-button">
<button type="button" class="collapse-g" data-bs-toggle="collapse" data-bs-target="#demo_4">
<img id="icon_5" src="dist/svg/plus.svg" alt="">
</button>
</div>
</div>
<div>
<p id="demo_4" class="collapse" data-bs-parent="#accordion">Yes, you can set milestones and task dependencies within Projects. This means that the system will either warn you or will not let you go further until the previous one has been completed.</p>
</div>
<div class="faq-col-2-content-1">
<p>Mobility? Can I only use the system on a local computer?</p>
<div class="collapse-button">
<button type="button" class="collapse-g" data-bs-toggle="collapse" data-bs-target="#demo_5">
<img id="icon_6" src="dist/svg/plus.svg" alt="">
</button>
</div>
</div>
<div>
<p id="demo_5" class="collapse" data-bs-parent="#accordion">No. Cloud-based data management enables mobile access to business files via smart devices in the same way as on a desktop computer. The system can also be used as a full-fledged software on mobile devices, running from the Google Chrome or Microsoft Edge browser.</p>
</div>
</div>
</div>
</div>
</section>
<!--Gyakran ismételt kérdések szekció-->
<!--Kapcsolat szekció-->
<section id="contact" class="ertekeles">
<div class="rating-content container">
<div class="rating-col-1">
<div class="rating-headline">
<p>Customer reviews</p>
</div>
<div class="ertekeles-subtitle">
<p>Integration and education are important to us, which is why we have a dedicated team of trainers available to our partners to integrate the system into their company's operations in a tailored and activity-specific manner.</p>
</div>
<div class="rating-contact">
<p>Contact us!</p>
<div class="contact-icons">
<div class="tel">
<img src="dist/img/index/tel.png" alt="Telefon">
<a href="tel:+3642793669"><p>+36-42-793-669</p></a>
</div>
<div class="email">
<img src="dist/img/index/email.png" alt="Email">
<a href="mailto: [email protected]"><p>[email protected]</p></a>
</div>
<div style="display: flex; gap: 30px">
<div style="margin-top: 27px; background-color: #91D139; width: 187.6px;" class="opcio-erdekel-a-termek-gomb kunzultacio-gomb-container konzultacio-megnyitas">
<p style="color: white; font-size: 14.4px;">Free consultation</p>
</div>
<div class="academy-class">
<img class="task-academy-button" src="../web/dist/img/index/TaskAcademyButton.svg">
<a href="/academy" class="centered" style="color: white; font-size: 14.4px;">Task Academy</a>
</div>
</div>
</div>
</div>
</div>
<div class="contact-col-2" id="contact-col-2">
<div class="opinion-personal-evaluation-background">
<div class="rating-first-part">
<p>“</p>
<div class="stars" id="rating">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
</div>
</div>
<div class="rating-second-part">
<p id="opinion-variable">We really like that the system combines many features that are typically separate in similar systems.</p>
</div>
<div class="evaluator-data">
<div class="evaluator-all-data">
<div class="evaluator-name">
<p id="name-variable">Szlezák Péter</p>
</div>
<div class="evaluator-workplace">
<p id="workplace-variable">Senior Project Consultant, System32 Kft.</p>
</div>
</div>
<div class="evaluator-image">
<img id="image-variable" class="avatar" src="dist/img/index/ertekelo-1.png" style="border-radius: 50%;" alt="Értékelő">
</div>
</div>
<div class="evaluator-selector">
<div class="custom-radio">
<input class="dot active-radio" id="radio1" type="radio" checked="" name="radio1" onclick="checkRadioButtonsValue()">
</div>
<div class="custom-radio">
<input class="dot" id="radio2" type="radio" name="radio1" onclick="checkRadioButtonsValue()">
</div>
<div class="custom-radio">
<input class="dot" id="radio3" type="radio" name="radio1" onclick="checkRadioButtonsValue()">
</div>
<div class="custom-radio">
<input class="dot" id="radio4" type="radio" name="radio1" onclick="checkRadioButtonsValue()">
</div>
<div class="custom-radio">
<input class="dot" id="radio4" type="radio" name="radio1" onclick="checkRadioButtonsValue()">
</div>
</div>
</div>
<div class="evaluators-summary">
<div class="evaluators-summary-col-1">
<p class="evaluators-value">Price-performance</p>
<div class="stars-large">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag-fel.png" alt="értékelés csillag">
</div>
<p class="evaluators-value-dot">4,65</p>
</div>
<div class="evaluators-summary-column-2">
<p class="evaluators-value">Usability</p>
<div class="stars-large">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
<img src="dist/img/index/csillag.png" alt="értékelés csillag">
</div>
<p class="evaluators-value-dot">4,94</p>
</div>
</div>
</div>
</div>
</section>
<script>
const opinionStars = document.getElementById("rating");
const opinionPicture = document.getElementById("image-variable");
const opinionText = document.getElementById("opinion-variable");
const opinionName = document.getElementById("name-variable");
const opinionPosition = document.getElementById("workplace-variable");
var opinions = [
{ stars: "block", picture: "dist/img/index/ertekelo-1.png", text: `We really like that the system combines many features that are typically separate in similar systems.`, name: "Szlezák Péter", position: `Senior Project Consultant, System32 Kft.` },
{ stars: "block", picture: "dist/img/index/ertekelo-2.jpeg", text: `The system's certification has helped my company access GINOP Plus grant funding!`, name: "Németh Gábor", position: `CEO, Nagy TMTA Kft.` },
{ stars: "block", picture: "dist/img/index/ertekelo-3.png", text: `As a tender consultant, it is very important for me to be able to properly manage the milestones and important deadlines of my clients' projects through the system.`, name: "Dr. Demeter Ádám", position: `Manager, NORD-DEMAD 2020 Kft.` },
{ stars: "block", picture: "dist/img/index/ertekelo-4.png", text: `We were able to integrate the TaSk system into the Company’s internal operations quickly, and today it is an integral part of our sales.`, name: "Tóth Attila", position: 'Consultant, Új Ház Farm-Ker Kft.' },
{ stars: "none", picture: "dist/img/index/ertekelo-5.png", text: `I have been working in project management for almost 10 years and we wanted to create a simple system that we and our SME clients would enjoy using.`, name: "Dr. Kabai Márton Tamás", position: `CEO, Szitár-Net Kft.` }
];
var index = 0;
const radioButtons = document.getElementsByName("radio1");
function checkRadioButtonsValue() {
for (var i = 0; i < radioButtons.length; i++) {
if (radioButtons[i].checked) {
index = i;
break;
}
}
updateOpinions();
}
function updateOpinions() {
// Animáció hozzáadása az elemekhez
opinionText.classList.add("fade-out");
opinionName.classList.add("fade-out");
opinionPosition.classList.add("fade-out");
opinionPicture.classList.add("fade-out");
setTimeout(function() {
opinionStars.style.display = opinions[index].stars;
opinionPicture.src = opinions[index].picture;
opinionText.innerHTML = opinions[index].text;
opinionName.innerHTML = opinions[index].name;
opinionPosition.innerHTML = opinions[index].position;
// Animáció hozzáadása az elemekhez
opinionText.classList.add("fade-in");
opinionName.classList.add("fade-in");
opinionPosition.classList.add("fade-in");
opinionPicture.classList.add("fade-in");
// Animáció eltávolítása az elemekről, amikor befejeződtek
setTimeout(function() {
opinionText.classList.remove("fade-in", "fade-out");
opinionName.classList.remove("fade-in", "fade-out");
opinionPosition.classList.remove("fade-in", "fade-out");
opinionPicture.classList.remove("fade-in", "fade-out");
}, 500); // Az animáció időtartama 0,5 másodperc
}, 500); // Az animáció késleltetése 0,5 másodperc
}
function changeOpinion() {
if (index < opinions.length - 1) {
index++;
} else {
index = 0;
}
radioButtons[index].checked = true;
updateOpinions();
}
setInterval(changeOpinion, 10000);
</script>
<!--Kapcsolat szekció-->
<!--4 kép bemutató szekció-->
<section class="system-images">
<div data-tabs="" class="tabs container" style="min-height: 40px;">
<div class="tab">
<input type="radio" name="tabgroup" id="tab-1" checked="">
<label for="tab-1">Tasks</label>
<div class="tab__content" style="position: absolute;">
<div class="tab__content__image__container">
<video style="filter: drop-shadow(0px 4px 104px rgba(20, 96, 130, 0.3));" src="dist/mp4/feladatok-video-4.webm" autoplay="" loop="" muted="" preload="auto"></video>
</div>
<div class="tab__content__text__container">
<p class="tab__headline">Organize and assign your tasks!</p>
<p class="tab__text">Assign or manage your tasks with the Kanban board method. Due to its simplicity, displaying your tasks becomes a visual experience. Prioritize your tasks and manage your infinite to-do list. The decision support system provides continuous reporting on task status.</p>
</div>
</div>
</div>
<div class="tab">
<input type="radio" name="tabgroup" id="tab-2">
<label for="tab-2">Projects</label>
<div class="tab__content" style="position: absolute;">
<div class="image-container">
<video style="filter: drop-shadow(0px 4px 104px rgba(20, 96, 130, 0.3));" src="dist/mp4/projekt-video.webm" autoplay="" loop="" muted="" preload="auto"></video>
<div class="image-overlay"></div>
</div>
<div class="tab__content__text__container">
<p class="tab__headline">Build your long-term work!</p>
<p class="tab__text">Large-scale, multi-user projects with long timelines and milestones, where tasks can be managed in a system that builds on each other. Manage your service or manufacturing activities in clear subject areas. Track your project tasks on the Gantt chart with timely delivery.</p>
</div>
</div>
</div>
<div class="tab">
<input type="radio" name="tabgroup" id="tab-3">
<label for="tab-3">Dashboard</label>
<div class="tab__content" style="position: absolute;">
<div class="tab__content__image__container">
<video style="filter: drop-shadow(0px 4px 104px rgba(20, 96, 130, 0.3));" src="dist/mp4/dashboard-video.webm" autoplay="" loop="" muted="" preload="auto"></video>
</div>
<div class="tab__content__text__container">
<p class="tab__headline">Get a clear overview of your tasks!</p>
<p class="tab__text">Dashboard is a one-page, real-time user interface that uses graphical representation to show the current state of key performance indicators for your organization. With its homepage, you'll never miss out on current messages or tasks.</p>
</div>
</div>
</div>
<div class="tab">
<input type="radio" name="tabgroup" id="tab-4">
<label for="tab-4">Storage</label>
<div class="tab__content" style="position: absolute;">
<div class="tab__content__image__container">
<video style="filter: drop-shadow(0px 4px 104px rgba(20, 96, 130, 0.3));" src="dist/mp4/tarhely-video.webm" autoplay="" loop="" muted="" preload="auto"></video>
</div>
<div class="tab__content__text__container">
<p class="tab__headline">Give access to your most important documents!</p>
<p class="tab__text">You can assign files to your tasks, and they will be stored in a secure environment as part of the cloud service, with access only provided to members of your organization or participants in the specific project. Thanks to automation, your files are stored in the folder assigned to your tasks and projects.</p>
</div>
</div>
</div>
</div>
</section>
<!--4 kép bemutató szekció-->
<!--4 kép bemutató szekció mobil-->
<section class="system-images-mobile">
<div class="system-images-content">
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="false">
<div style="height: 802px;" class="carousel-inner mobile">
<div class="carousel-item active">
<div class="option-mobile">
<div class="option-mobile-headline-upper">
<div class="option-switch-buttons">
<div class="button-to-the-left" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<img src="dist/img/index/balra-gomb.png" alt="">
</div>
</div>
<p>Tasks</p>
<div class="button-to-the-right" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<img src="dist/img/index/balra-gomb.png" alt="">
</div>
</div>
<div class="option-mobile-image">
<video src="/dist/mp4/feladatok-video-4.webm" autoplay="" loop="" muted="" preload="auto"></video>
</div>
<div class="option-mobile-headline">
<p>Organize and assign your tasks!</p>
</div>
<div class="option-mobile-text">
<p>Assign or manage your tasks with the Kanban board method. Due to its simplicity, displaying your tasks becomes a visual experience. Prioritize your tasks and manage your infinite to-do list. The decision support system provides continuous reporting on task status.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="option-mobile">
<div class="option-mobile-headline-upper">
<div class="option-switch-buttons">
<div class="button-to-the-left" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<img src="/dist/img/index/balra-gomb.png" alt="">
</div>
</div>
<p>Projects</p>
<div class="button-to-the-right" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<img src="dist/img/index/balra-gomb.png" alt="">
</div>
</div>
<div class="option-mobile-image">
<video src="/dist/mp4/projekt-video.webm" autoplay="" loop="" muted="" preload="auto"></video>
</div>
<div class="option-mobile-headline">
<p>Build your long-term work!</p>
</div>
<div class="option-mobile-text">
<p>Large-scale, multi-user projects with long timelines and milestones, where tasks can be managed in a system that builds on each other. Manage your service or manufacturing activities in clear subject areas. Track your project tasks on the Gantt chart with timely delivery.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="option-mobile">
<div class="option-mobile-headline-upper">
<div class="option-switch-buttons">
<div class="button-to-the-left" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<img src="/dist/img/index/balra-gomb.png" alt="">
</div>
</div>
<p>Dashboard</p>
<div class="button-to-the-right" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<img src="dist/img/index/balra-gomb.png" alt="Dashboard">
</div>
</div>
<div class="option-mobile-image">
<video src="dist/mp4/dashboard-video.webm" autoplay="" loop="" muted="" preload="auto"></video>
</div>
<div class="option-mobile-headline">
<p>Get a clear overview of your tasks!</p>
</div>
<div class="option-mobile-text">
<p>Dashboard is a one-page, real-time user interface that uses graphical representation to show the current state of key performance indicators for your organization. With its homepage, you'll never miss out on current messages or tasks.</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="option-mobile">
<div class="option-mobile-headline-upper">
<div class="option-switch-buttons">
<div class="button-to-the-left" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<img src="dist/img/index/balra-gomb.png" alt="">
</div>
</div>
<p>Storage</p>
<div class="button-to-the-right" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<img src="dist/img/index/balra-gomb.png" alt="">
</div>
</div>
<div class="option-mobile-image">
<video src="dist/mp4/tarhely-video.webm" autoplay="" loop="" muted="" preload="auto"></video>
</div>
<div class="option-mobile-headline">
<p>Give access to your most important documents!</p>
</div>
<div class="option-mobile-text">
<p>You can assign files to your tasks, and they will be stored in a secure environment as part of the cloud service, with access only provided to members of your organization or participants in the specific project. Thanks to automation, your files are stored in the folder assigned to your tasks and projects.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--4 kép bemutató szekció mobil-->
<p style="visibility: hidden;" id="arak">trigger</p>
<!--Csomagok szekció Yii-->
<section class="csomagok">
<div class="csomagok-tartalom container">
<div class="csomagok-cimek">
<div class="csomagok-vonal-poz">
<div class="csomagok-vonal"></div>
</div>
<div class="csomagok-kiscim">
<p>Packages</p>
</div>
<div class="csomagok-headline">
<p>Choose the most suitable package</p>
</div>
<div class="csomagok-leiras">
<p>The net prices indicated for the packages are for 1 user and 1 month, we provide our customers with discount for more than 3 users.</p>
</div>
</div>
<div class="csomagok-ajanlat-kartyak" style="gap: 0px !important;">
<div class="col-sm-4">
<div class="csomagok-ajanlat-kartyak" style="gap: 0px !important;">
<div class="csomagok-komfort-csomag-kartya">
<p class="kartya-csomag-cim">Basic package</p>
<p class="kartya-csomag-ar">4 990 Ft<sup class="felso-index-ho"> /month</sup> </p>
<div class="kartya-csomag-leiras"><p><span style="color: rgb(14, 26, 45); font-family: Rubik; font-size: 14.5px;">We recommend it for micro-companies, for managing their own tasks and simpler projects, under 5 users, with the following function groups:</span><br></p></div>
<div class="alap-csomag-tartalmazza">
<div class="opcio" style="display: block;">
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Basic features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Task and project management features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Calendar </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Storage </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Chat and messaging </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
1 GB Storage/user </p>
</div>
</div>
</div>
<div class="gomb-container" style="bottom: 12px; position: absolute;">
<div class="opcio-erdekel-a-termek-gomb interested-in-product-button">
<p>Get Started</p>
</div>
</div>
</div>
</div> </div>
<div class="col-sm-4">
<div class="csomagok-ajanlat-kartyak" style="gap: 0px !important;">
<div class="csomagok-komfort-csomag-kartya">
<div class="legnepszerubb">
<p>Popular</p>
</div>
<p class="kartya-csomag-cim">Comfort package</p>
<p class="kartya-csomag-ar">5 990 Ft<sup class="felso-index-ho"> /month</sup> </p>
<div class="kartya-csomag-leiras"><p><span style="color: rgb(14, 26, 45); font-family: Rubik; font-size: 14.5px;">We offer complex task and project management for small and medium-sized enterprises with any number of users and the following feature sets:</span><br></p></div>
<div class="alap-csomag-tartalmazza">
<div class="opcio" style="display: block;">
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Basic features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Task and project management features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Calendar </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Storage </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Chat and messaging </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Partner management </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Decision support </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
1 GB Storage/user </p>
</div>
</div>
</div>
<div class="gomb-container" style="bottom: 12px; position: absolute;">
<div class="opcio-erdekel-a-termek-gomb interested-in-product-button">
<p>Get Started</p>
</div>
</div>
</div>
</div> </div>
<div class="col-sm-4">
<div class="csomagok-ajanlat-kartyak" style="gap: 0px !important;">
<div class="csomagok-komfort-csomag-kartya">
<p class="kartya-csomag-cim">Extra package</p>
<p class="kartya-csomag-ar">6 990 Ft<sup class="felso-index-ho"> /month</sup> </p>
<div class="kartya-csomag-leiras"><p><span style="color: rgb(14, 26, 45); font-family: Rubik; font-size: 14.5px;">We offer complex task and project management for small and medium-sized businesses with any number of users, extra support and co-working space:</span><br></p></div>
<div class="alap-csomag-tartalmazza">
<div class="opcio" style="display: block;">
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Basic features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Task and project management features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Calendar </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Storage </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Chat and messaging </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Partner management </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Decision support </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Extra support and integration </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
10 GB Storage/user </p>
</div>
</div>
</div>
<div class="gomb-container" style="bottom: 12px; position: absolute;">
<div class="opcio-erdekel-a-termek-gomb interested-in-product-button">
<p>Get Started</p>
</div>
</div>
</div>
</div> </div>
</div>
</div>
</section>
<!--Csomagok szekció Yii-->
<!--Csomagok mobil carousel Yii-->
<section class="csomagok-mobil">
<div class="csomagok-mobil-tartalom">
<div class="csomagok-cimek-mobil">
<div class="csomagok-vonal-poz">
<div class="csomagok-vonal"></div>
</div>
<div class="csomagok-kiscim">
<p>Packages</p>
</div>
<div class="csomagok-headline">
<p>Choose the most suitable package</p>
</div>
<div class="csomagok-leiras">
<p>The prices indicated for the packages are for 1 user and 1 month, we provide our customers with discount for more than 3 users.</p>
</div>
</div>
<div id="carouselExampleIndicators" class="carousel slide">
<ol class="carousel-indicators indicator-style">
<li data-target="#carouselExampleIndicators" data-slide-to="0"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item ">
<div class="csomagok-ajanlat-kartyak" style="gap: 0px !important;">
<div class="csomagok-komfort-csomag-kartya">
<p class="kartya-csomag-cim">Basic package</p>
<p class="kartya-csomag-ar">4 990 Ft<sup class="felso-index-ho"> /month</sup> </p>
<div class="kartya-csomag-leiras"><p><span style="color: rgb(14, 26, 45); font-family: Rubik; font-size: 14.5px;">We recommend it for micro-companies, for managing their own tasks and simpler projects, under 5 users, with the following function groups:</span><br></p></div>
<div class="alap-csomag-tartalmazza">
<div class="opcio" style="display: block;">
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Basic features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Task and project management features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Calendar </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Storage </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Chat and messaging </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
1 GB Storage/user </p>
</div>
</div>
</div>
<div class="gomb-container" style="bottom: 12px; position: absolute;">
<div class="opcio-erdekel-a-termek-gomb interested-in-product-button">
<p>Get Started</p>
</div>
</div>
</div>
</div> </div>
<div class="carousel-item active">
<div class="csomagok-ajanlat-kartyak" style="gap: 0px !important;">
<div class="csomagok-komfort-csomag-kartya">
<div class="legnepszerubb">
<p>Popular</p>
</div>
<p class="kartya-csomag-cim">Comfort package</p>
<p class="kartya-csomag-ar">5 990 Ft<sup class="felso-index-ho"> /month</sup> </p>
<div class="kartya-csomag-leiras"><p><span style="color: rgb(14, 26, 45); font-family: Rubik; font-size: 14.5px;">We offer complex task and project management for small and medium-sized enterprises with any number of users and the following feature sets:</span><br></p></div>
<div class="alap-csomag-tartalmazza">
<div class="opcio" style="display: block;">
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Basic features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Task and project management features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Calendar </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Storage </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Chat and messaging </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Partner management </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Decision support </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
1 GB Storage/user </p>
</div>
</div>
</div>
<div class="gomb-container" style="bottom: 12px; position: absolute;">
<div class="opcio-erdekel-a-termek-gomb interested-in-product-button">
<p>Get Started</p>
</div>
</div>
</div>
</div> </div>
<div class="carousel-item ">
<div class="csomagok-ajanlat-kartyak" style="gap: 0px !important;">
<div class="csomagok-komfort-csomag-kartya">
<p class="kartya-csomag-cim">Extra package</p>
<p class="kartya-csomag-ar">6 990 Ft<sup class="felso-index-ho"> /month</sup> </p>
<div class="kartya-csomag-leiras"><p><span style="color: rgb(14, 26, 45); font-family: Rubik; font-size: 14.5px;">We offer complex task and project management for small and medium-sized businesses with any number of users, extra support and co-working space:</span><br></p></div>
<div class="alap-csomag-tartalmazza">
<div class="opcio" style="display: block;">
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Basic features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Task and project management features </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Calendar </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Storage </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Chat and messaging </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Partner management </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Decision support </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
Extra support and integration </p>
</div>
<div style="display: flex; gap: 10px">
<img class="pipa" src="dist/img/index/pipa.png" alt="pipa">
<p style="margin-bottom: 10px !important">
10 GB Storage/user </p>
</div>
</div>
</div>
<div class="gomb-container" style="bottom: 12px; position: absolute;">
<div class="opcio-erdekel-a-termek-gomb interested-in-product-button">
<p>Get Started</p>
</div>
</div>
</div>
</div> </div>
</div>
<a class="carousel-control-prev transition-disabled-on-button carousel-control-style" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next transition-disabled-on-button carousel-control-style" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</section>
<!--Csomagok mobil carousel Yii-->
<!--Footer-->
<footer class="footer">
<img class="footer-note" src="dist/img/index/task-cetli-footer.png" alt="Cetli kabala">
<div class="footer-content container">
<div class="footer-nav">
<div class="footer-nav-1">
<p class="footer-nav-headline modal-trigger">Sign in</p>
<a class="footer-nav-links" href="#funkciok"><p>Features</p></a>
<a class="footer-nav-links" href="#arak"><p>Packages</p></a>
<a class="footer-nav-links" href="/academy"><p>Task Academy</p></a>
<a class="footer-nav-links" href="#contact"><p>Contact</p></a>
</div>
<div class="footer-lower-image">
<div><img class="tasklogo" src="dist/img/index/szitar-task.png" alt="Task logó"></div>
<div class="footer-images">
<div class="powered-by">
<p class="powered-by-text">Powered by:</p>
<a target="_blank" href="https://szitar.hu/"><img class="szitar-logo" src="dist/img/index/szitar-logo.png" alt="Szitár logó"></a>
</div>
<a target="_blank" href="https://www.vallalkozzdigitalisan.hu/"><img class="modern-vallalkozasok" src="dist/img/index/moder-vallalkozasok.png" alt="Modern vállalkozások logó"></a>
</div>
<p>© 2024 Szitár-Net Kft. All rights reserved.</p>
</div>
<div class="footer-nav-2">
<div class="social-media-icons">
<a target="_blank" href="https://www.linkedin.com/company/szit%C3%A1r-net-kft./"><img class="linkedIn" src="dist/svg/linkedin-szurke.svg" alt="Linkedin elérhetőség" style="width: 40px; opacity: 0.7;"></a>
<a target="_blank" href="https://www.facebook.com/szitar.hu/"><img class="facebook" src="dist/svg/facebook-ikon-szurke.svg" alt="Facebook elérhetőség" style="width: 40px; opacity: 0.7;"></a>
<a target="_blank" href="https://www.youtube.com/@szitar-netkft.informatika5496"><img class="youtube" src="dist/svg/youtube-ikon-szruke.svg" alt="Youtube elérhetőség" style="width: 57px; opacity: 0.7;"></a>
</div>
</div>
</div>
</div>
</footer>
<!--Footer-->
<!--Bejelentkezés modal-->
<section>
<div class="rt-container">
<div class="col-rt-12">
<div class="Scriptcontent">
<div class="custom-model-main">
<div class="custom-model-inner">
<div class="custom-model-wrap" id="custom-modal">
<div class="pop-up-content-wrap">
<div class="modal-content-1" id="modal-content-1">
<img src="dist/img/index/modal-cetli.png" alt="Cetli kabala">
</div>
<p class="modal-signin-text" id="modal-signin-text">Sign in</p>
<form id="login-form" action="/" method="post">
<input type="hidden" name="_csrf" value="GkstmXo1vI_hWkUW5jvlAueVmynI6VgbV9CuWfBPJD9SDGrXIgGEyLIeNnqeDoRLjN78Zr-LNFAunNcpqnhsUw=="> <div class="modal-content-2" id="modal-content-2">
<div class="landing-text-input" style="width: 100%;">
<label for="">Username</label>
<div class="form-group field-loginform-username required">
<input type="text" id="loginform-username" class="form-control" name="LoginForm[username]" aria-required="true">
<div class="invalid-feedback"></div>
</div> </div>
<div class="landing-text-input" style="width: 100%;">
<label for="">Password</label>
<div class="form-group field-loginform-password required">
<input type="password" id="loginform-password" class="form-control" name="LoginForm[password]" value="" aria-required="true">
<div class="invalid-feedback"></div>
</div> </div>
<div id="login-form-id" data-pjax-container="" data-pjax-push-state="" data-pjax-timeout="1000"> </div>
<div class="form-group field-loginform-rememberme">
<div class="custom-control custom-checkbox"><input type="hidden" name="LoginForm[rememberMe]" value="0"><input type="checkbox" id="loginform-rememberme" class="custom-control-input" name="LoginForm[rememberMe]" value="1" checked=""> <label class="custom-control-label" for="loginform-rememberme">Remember Me</label></div>
<div class="col-lg-8 rem-label"><div class="invalid-feedback"></div></div>
</div>
<div class="form-group">
<button type="submit" class="landing-submit" name="login-button"><em class="fas fa-sign-in-alt"></em> Sign in</button> </div>
<p class="modal-forgotten-password" id="forgot-password">Forgotten password</p>
</div></form>
<div class="modal-content-3" id="modal-content-3">
<p class="modal-signin-text">Forgotten password</p>
<form id="forgot-password-form" action="/forgot-password" method="post">
<input type="hidden" name="_csrf" value="GkstmXo1vI_hWkUW5jvlAueVmynI6VgbV9CuWfBPJD9SDGrXIgGEyLIeNnqeDoRLjN78Zr-LNFAunNcpqnhsUw==">
<div class="landing-text-input" style="width: 100%;">
<label for="">E-mail</label>
<div class="form-group field-forgotpasswordform-email required">
<input type="text" id="forgotpasswordform-email" class="form-control" name="ForgotPasswordForm[email]" aria-required="true">
<div class="invalid-feedback"></div>
</div> </div>
<div class="form-group">
<button type="submit" class="forgot-password-button"><em class=""></em> Send password reminder</button> </div>
</form>
<p class="modal-forgotten-password" id="login">Sign in</p>
</div>
</div>
</div>
</div>
<div class="bg-overlay"></div>
</div>
</div>
</div>
</div>
</section>
<!--Bejelentkezés modal-->
<!--Érdekel a termék modal-->
<section>
<div class="rt-container">
<div class="col-rt-12">
<div class="Scriptcontent">
<div class="custom-model-main-interested">
<div class="custom-model-inner-interested">
<div class="custom-model-wrap-interested">
<div class="pop-up-content-wrap">
<div class="interested-modal-header">
<div style="margin-bottom: 20px;" class="interested-note">
<img class="modal-image" src="" alt="Cetli kabala">
</div>
<p class="interested-headline"></p>
<p class="interested-text"></p>
</div>
<div class="interested-modal-inputs">
<div class="inputs1">
<form id="contact-form" action="/contact" method="post">
<input type="hidden" name="_csrf" value="GkstmXo1vI_hWkUW5jvlAueVmynI6VgbV9CuWfBPJD9SDGrXIgGEyLIeNnqeDoRLjN78Zr-LNFAunNcpqnhsUw=="> <div class="form-group field-contactform-subject">
<input type="hidden" id="contactform-subject" class="contact-subject-field" name="ContactForm[subject]" value="Árajánlat">
<div class="invalid-feedback"></div>
</div>
<label for="">Name<span class="red-star"> *</span></label>
<div class="form-group field-contactform-name required">
<input type="text" id="contactform-name" class="modal-input-interested" name="ContactForm[name]" placeholder="Name" aria-required="true">
<div class="invalid-feedback"></div>
</div>
<label for="">Company name<span class="red-star"> *</span></label>
<div class="form-group field-contactform-companyname required">
<input type="text" id="contactform-companyname" class="modal-input-interested" name="ContactForm[companyName]" placeholder="Company name" aria-required="true">
<div class="invalid-feedback"></div>
</div>
<label for="">Email address<span class="red-star"> *</span></label>
<div class="form-group field-contactform-email required">
<input type="text" id="contactform-email" class="modal-input-interested" name="ContactForm[email]" placeholder="Email" aria-required="true">
<div class="invalid-feedback"></div>
</div>
<label for="">Phone number<span class="red-star"> *</span></label>
<div class="input-telefonszam">
<div class="form-group field-contactform-phonenumberprefix required">
<input type="text" id="contactform-phonenumberprefix" class="modal-input-prefix" name="ContactForm[phoneNumberPrefix]" placeholder="+" onkeyup="validateNumber(this)" aria-required="true">
<div class="invalid-feedback"></div>
</div> <div class="form-group field-contactform-phonenumber required">
<input type="text" id="contactform-phonenumber" class="modal-input-phone-number" name="ContactForm[phoneNumber]" onkeyup="validateNumber(this)" aria-required="true">
<div class="invalid-feedback"></div>
</div> </div>
</form></div>
<div class="inputs2">
<label style="margin-bottom:7px" for="">Voucher</label>
<div class="form-group field-contactform-voucher">
<input type="text" id="contactform-voucher" class="modal-input-interested voucher" name="ContactForm[voucher]" placeholder="Voucher">
<div class="invalid-feedback"></div>
</div>
<label style="margin-bottom:7px" for="">Message</label>
<div class="form-group field-contactform-body">
<textarea id="contactform-body" class="uzenet-input" name="ContactForm[body]" placeholder="Body"></textarea>
<div class="invalid-feedback"></div>
</div> <div class="gdpr">
<label for=""></label>
<input class="gdpr-checkbox" type="checkbox" required="">
<p class="gdpr-text">I declare that I have read and understood the content of the Privacy Notice and I voluntarily consent to the processing of my personal data for the purposes set out therein. I declare that I have given this consent voluntarily and without any external influence.</p>
</div>
<div class="privacy-policy">
<a download="Adatkezelesi-tajekoztato.pdf" href="dist/pdf/Adatkezelesi-tajekoztato.pdf">Privacy Policy</a>
</div>
</div>
</div>
<div class="submit-button">
<button type="submit" class="" name="contact-button"> Send</button> </div>
</div>
</div>
</div>
<div class="bg-overlay-interested"></div>
</div>
</div>
</div>
</div>
</section>
<!--Érdekel a termék modal-->
<script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
<script>
/* Partner carousel konfiguráció */
$('.slider').slick({
infinite: true,
autoplay: true,
autoplaySpeed: 3000,
slidesToShow: 5,
slidesToScroll: 3,
prevArrow:"<img class='a-left control-c prev slick-prev' src='dist/img/index/balra-gomb.png' style='margin-right: 15px; opacity: 0.5; cursor:pointer;'>",
nextArrow:"<img class='a-left control-c prev slick-prev' src='dist/img/index/jobbra-gomb.png' style='margin-right: 20px; opacity: 0.5; cursor:pointer;'>",
responsive: [
{
breakpoint: 1000,
settings: {
slidesToShow: 4,
slidesToScroll: 3,
infinite: true,
}
},
{
breakpoint: 640,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
prevArrow:"<img class='a-left control-c prev slick-prev' src='dist/img/index/balra-gomb.png' style='margin-right: 15px; opacity: 0.5; cursor:pointer; width: 18px'>",
nextArrow:"<img class='a-left control-c prev slick-prev' src='dist/img/index/jobbra-gomb.png' style='margin-right: 20px; opacity: 0.5; cursor:pointer; width: 18px;'>"
}
},
{
breakpoint: 410,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
prevArrow:"<img class='a-left control-c prev slick-prev' src='dist/img/index/balra-gomb.png' style='margin-right: 15px; opacity: 0.5; cursor:pointer; width: 18px'>",
nextArrow:"<img class='a-left control-c prev slick-prev' src='dist/img/index/jobbra-gomb.png' style='margin-right: 0px; opacity: 0.5; cursor:pointer; width: 18px;'>"
}
}
]
});
/* Partner carousel konfiguráció */
/* Modal konfiguráció */
$(".modal-trigger").on('click', function() {
$(".custom-model-main").addClass('model-open');
});
$(".close-btn, .bg-overlay").click(function(){
$(".custom-model-main").removeClass('model-open');
});
$(".interested-in-product-button").on('click', function() {
$('.modal-image').attr('src', "dist/img/index/modal-cetli.png");
$(".interested-headline").html("Ask for an offer now!");
$(".interested-text").html("If you are interested in any of our products or services, <a style=' color: #91D139' href='#contact'>please contact us</a> using the contact details provided or fill in the contact details below.");
$(".custom-model-main-interested").addClass('model-open-erdekel-a-termek');
$(".contact-subject-field").val('Árajánlat');
});
$(".bg-overlay-interested").click(function(){
$(".custom-model-main-interested").removeClass('model-open-erdekel-a-termek');
});
$(".konzultacio-megnyitas").on('click', function() {
$('.modal-image').attr('src', "dist/svg/pipa.svg");
$(".interested-headline").html("Sign up for a free consultation!");
$(".interested-text").html("If our product has piqued your interest, please sign up for a free consultation by providing the information below.");
$(".custom-model-main-interested").addClass('model-open-erdekel-a-termek');
$(".contact-subject-field").val('Ingyenes konzultáció');
});
$(".bg-overlay-interested").click(function(){
$(".custom-model-main-interested").removeClass('model-open-erdekel-a-termek');
});
/* Modal konfiguráció */
</script>
<div id="manager-modal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content loader-content">
<div class="modal-header">
<img src="/web/dist/img/modal-cetli-right.png" alt="" class="mr-2"><h5 class="modal-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" data-loader="<div id='loader' class='modal-loader'></div>">
<div class="modal-loader"></div>
<div id="loader" class="modal-loader"></div> </div>
</div>
</div>
</div>
<div id="middle-modal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="true">
<div class="modal-dialog modal-lg modal-middle-size" role="document">
<div class="modal-content loader-content modal-background-small">
<div class="modal-header">
<img src="/web/dist/img/modal-cetli-right.png" alt="" class="mr-2"><h5 class="modal-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" data-loader="<div id='loader' class='modal-loader'></div>">
<div class="modal-loader"></div>
<div id="loader" class="modal-loader"></div> </div>
</div>
</div>
</div>
<div id="update-modal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content loader-content modal-background">
<div class="modal-header">
<img src="/web/dist/img/modal-cetli-right.png" alt="" class="mr-2">
<h5 class="modal-title" style="width: 100%"></h5>
<button type="button" class="close ml-0" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" data-loader="<div id='loader' class='modal-loader'></div>">
<div class="modal-loader"></div>
<div id="loader" class="modal-loader"></div> </div>
</div>
</div>
</div>
<div id="form-modal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="true">
<div class="modal-dialog" role="document">
<div class="modal-content loader-content">
<div class="modal-header">
<img src="/web/dist/img/modal-cetli-right.png" alt="" class="mr-2">
<h5 class="modal-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" data-loader="<div id='loader' class='modal-loader'></div>">
<div id="loader" class="modal-loader"></div> </div>
</div>
</div>
</div>
<div id="task-modal" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content loader-content">
<div class="modal-header">
<img src="/web/dist/img/modal-cetli-right.png" alt="" class="mr-2">
<h5 class="modal-title"></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" data-loader="<div id='loader' class='modal-loader'></div>">
<div id="loader" class="modal-loader"></div> </div>
</div>
</div>
</div>
<script src="/assets/cf8b9ea/jquery.js?v=1721051159"></script>
<script src="/assets/97e5a2f9/javascripts/language-picker.min.js?v=1721051160"></script>
<script src="/assets/2e02138f/yii.js?v=1721051159"></script>
<script src="/assets/2e02138f/yii.validation.js?v=1721051159"></script>
<script src="/assets/581babc9/jquery.pjax.js?v=1721051160"></script>
<script src="/assets/2e02138f/yii.activeForm.js?v=1721051159"></script>
<script src="/assets/8999c50b/noty.min.js?v=1721051160"></script>
<script src="/assets/f978e32/js/adminlte.min.js?v=1721051159"></script>
<script src="/dist/plugins/summernote/js/summernote-bs4.min.js?v=1720777002"></script>
<script src="/dist/plugins/summernote/js/summernote-hu-HU.min.js?v=1720777002"></script>
<script src="/dist/plugins/cookie/js/js.cookie.min.js?v=1720776970"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"></script>
<script src="/dist/js/firebase.js?v=1720776968"></script>
<script src="/dist/js/bootstrap.bundle.js?v=1720776968"></script>
<script src="/dist/js/index.js?v=1720776968"></script>
<script>jQuery(function ($) {
jQuery(document).pjax("#login-form-id a", {"push":true,"replace":false,"timeout":1000,"scrollTo":false,"container":"#login-form-id"});
jQuery(document).off("submit", "#login-form-id form[data-pjax]").on("submit", "#login-form-id form[data-pjax]", function (event) {jQuery.pjax.submit(event, {"push":true,"replace":false,"timeout":1000,"scrollTo":false,"container":"#login-form-id"});});
jQuery('#login-form').yiiActiveForm([{"id":"loginform-username","name":"username","container":".field-loginform-username","input":"#loginform-username","error":".invalid-feedback","enableAjaxValidation":true,"validateOnChange":false,"validateOnBlur":false,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Username cannot be blank."});}},{"id":"loginform-password","name":"password","container":".field-loginform-password","input":"#loginform-password","error":".invalid-feedback","enableAjaxValidation":true,"validateOnChange":false,"validateOnBlur":false,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Password cannot be blank."});}},{"id":"loginform-rememberme","name":"rememberMe","container":".field-loginform-rememberme","input":"#loginform-rememberme","error":".invalid-feedback","enableAjaxValidation":true,"validateOnChange":false,"validateOnBlur":false,"validate":function (attribute, value, messages, deferred, $form) {yii.validation.boolean(value, messages, {"trueValue":"1","falseValue":"0","message":"Remember Me must be either \u00221\u0022 or \u00220\u0022.","skipOnEmpty":1});}}], {"errorSummary":".alert.alert-danger","errorCssClass":"is-invalid","successCssClass":"is-valid","validationStateOn":"input","validationUrl":"\/form-validate"});
jQuery('#forgot-password-form').yiiActiveForm([{"id":"forgotpasswordform-email","name":"email","container":".field-forgotpasswordform-email","input":"#forgotpasswordform-email","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {value = yii.validation.trim($form, attribute, {"skipOnArray":true,"skipOnEmpty":false,"chars":false}, value);yii.validation.required(value, messages, {"message":"Email cannot be blank."});yii.validation.email(value, messages, {"pattern":/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/,"fullPattern":/^[^@]*<[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?>$/,"allowName":false,"message":"Email is not a valid email address.","enableIDN":false,"skipOnEmpty":1});}}], {"errorSummary":".alert.alert-danger","errorCssClass":"is-invalid","successCssClass":"is-valid","validationStateOn":"input"});
jQuery('#contact-form').yiiActiveForm([{"id":"contactform-subject","name":"subject","container":".field-contactform-subject","input":"#contactform-subject","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"Subject must be a string.","skipOnEmpty":1});}},{"id":"contactform-name","name":"name","container":".field-contactform-name","input":"#contactform-name","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Name cannot be blank."});}},{"id":"contactform-companyname","name":"companyName","container":".field-contactform-companyname","input":"#contactform-companyname","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Company name cannot be blank."});}},{"id":"contactform-email","name":"email","container":".field-contactform-email","input":"#contactform-email","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Email cannot be blank."});yii.validation.email(value, messages, {"pattern":/^[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?$/,"fullPattern":/^[^@]*<[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+\/=?^_`{|}~-]+)*@(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\.)+[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?>$/,"allowName":false,"message":"Email is not a valid email address.","enableIDN":false,"skipOnEmpty":1});}},{"id":"contactform-phonenumberprefix","name":"phoneNumberPrefix","container":".field-contactform-phonenumberprefix","input":"#contactform-phonenumberprefix","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"phoneNumberPrefix cannot be blank."});}},{"id":"contactform-phonenumber","name":"phoneNumber","container":".field-contactform-phonenumber","input":"#contactform-phonenumber","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {yii.validation.required(value, messages, {"message":"Phone Number cannot be blank."});}},{"id":"contactform-voucher","name":"voucher","container":".field-contactform-voucher","input":"#contactform-voucher","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"Voucher must be a string.","skipOnEmpty":1});}},{"id":"contactform-body","name":"body","container":".field-contactform-body","input":"#contactform-body","error":".invalid-feedback","validate":function (attribute, value, messages, deferred, $form) {yii.validation.string(value, messages, {"message":"Body must be a string.","skipOnEmpty":1});}}], {"errorSummary":".alert.alert-danger","errorCssClass":"is-invalid","successCssClass":"is-valid","validationStateOn":"input"});
});</script>
</body></html>