Current File : /var/www/html/higroup/6l6lscw/cache/12ff0b3f36d49bd43f9d520ae0e4ffb1
a:5:{s:8:"template";s:46130:"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>{{ keyword }}</title>
<link href="https://fonts.googleapis.com/css?family=Roboto%3A400%2C700%2C900%7CPoppins%3A400%2C700%2C900" rel="stylesheet"><script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/higroup.coding.al\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.8.2"}};
!function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="evenex-widget-styles-pro-css" href="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules/elements/assets/css/widget-styles-pro.css?ver=1.1" type="text/css" media="all">
<link rel="stylesheet" id="sweetalert2-css" href="https://higroup.coding.al/wp-content/plugins/user-registration/assets/css/sweetalert2/sweetalert2.min.css?ver=8.17.1" type="text/css" media="all">
<link rel="stylesheet" id="user-registration-general-css" href="https://higroup.coding.al/wp-content/plugins/user-registration/assets/css/user-registration.css?ver=1.9.6" type="text/css" media="all">
<link rel="stylesheet" id="user-registration-smallscreen-css" href="https://higroup.coding.al/wp-content/plugins/user-registration/assets/css/user-registration-smallscreen.css?ver=1.9.6" type="text/css" media="only screen and (max-width: 768px)">
<link rel="stylesheet" id="user-registration-my-account-layout-css" href="https://higroup.coding.al/wp-content/plugins/user-registration/assets/css/my-account-layout.css?ver=1.9.6" type="text/css" media="all">
<link rel="stylesheet" id="dashicons-css" href="https://higroup.coding.al/wp-includes/css/dashicons.min.css?ver=5.8.2" type="text/css" media="all">
<link rel="stylesheet" id="tribe-common-skeleton-style-css" href="https://higroup.coding.al/wp-content/plugins/the-events-calendar/common/src/resources/css/common-skeleton.min.css?ver=4.13.0.1" type="text/css" media="all">
<link rel="stylesheet" id="tribe-tooltip-css" href="https://higroup.coding.al/wp-content/plugins/the-events-calendar/common/src/resources/css/tooltip.min.css?ver=4.13.0.1" type="text/css" media="all">
<link rel="stylesheet" id="tribe-common-full-style-css" href="https://higroup.coding.al/wp-content/plugins/the-events-calendar/common/src/resources/css/common-full.min.css?ver=4.13.0.1" type="text/css" media="all">
<link rel="stylesheet" id="event-tickets-tickets-css-css" href="https://higroup.coding.al/wp-content/plugins/event-tickets/src/resources/css/tickets-v1.min.css?ver=5.1.2.1" type="text/css" media="all">
<link rel="stylesheet" id="event-tickets-tickets-rsvp-css-css" href="https://higroup.coding.al/wp-content/plugins/event-tickets/src/resources/css/rsvp-v1.min.css?ver=5.1.2.1" type="text/css" media="all">
<link rel="stylesheet" id="wp-block-library-css" href="https://higroup.coding.al/wp-includes/css/dist/block-library/style.min.css?ver=5.8.2" type="text/css" media="all">
<style id="wp-block-library-theme-inline-css" type="text/css">
#start-resizable-editor-section{display:none}.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}#end-resizable-editor-section{display:none}
</style>
<link rel="stylesheet" id="pmpro_frontend-css" href="https://higroup.coding.al/wp-content/plugins/paid-memberships-pro/css/frontend.css?ver=2.5.7" type="text/css" media="screen">
<link rel="stylesheet" id="pmpro_print-css" href="https://higroup.coding.al/wp-content/plugins/paid-memberships-pro/css/print.css?ver=2.5.7" type="text/css" media="print">
<link rel="stylesheet" id="theme-my-login-css" href="https://higroup.coding.al/wp-content/plugins/theme-my-login/assets/styles/theme-my-login.min.css?ver=7.1.3" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-ekiticons-css" href="https://higroup.coding.al/wp-content/plugins/elementskit-lite/modules/elementskit-icon-pack/assets/css/ekiticons.css?ver=2.5.1" type="text/css" media="all">
<link rel="stylesheet" id="elementskit-parallax-style-css" href="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/css/style.css?ver=1.5.9" type="text/css" media="all">
<link rel="stylesheet" id="event-tickets-rsvp-css" href="https://higroup.coding.al/wp-content/plugins/event-tickets/src/resources/css/rsvp.min.css?ver=5.1.2.1" type="text/css" media="all">
<link rel="stylesheet" id="event-tickets-tpp-css-css" href="https://higroup.coding.al/wp-content/plugins/event-tickets/src/resources/css/tpp.min.css?ver=5.1.2.1" type="text/css" media="all">
<link rel="stylesheet" id="fonts-css" href="https://fonts.googleapis.com/css?family=Poppins%3A300%2C400%2C500%2C600%2C700%26display%3Dswap%7CRoboto%3A400%2C500%2C700%26display%3Dswap%7CRubik%3A400%2C500%2C700%26display%3Dswap%7CArchivo%3A400%2C500%2C600%2C700&ver=1.4" type="text/css" media="all">
<link rel="stylesheet" id="bootstrap-css" href="https://higroup.coding.al/wp-content/themes/evenex/assets/css/bootstrap.min.css?ver=1.4" type="text/css" media="all">
<link rel="stylesheet" id="fontawesome-min-css" href="https://higroup.coding.al/wp-content/themes/evenex/assets/css/fontawesome.min.css?ver=1.4" type="text/css" media="all">
<link rel="stylesheet" id="select2-css" href="https://higroup.coding.al/wp-content/plugins/user-registration/assets/css/select2.css?ver=1.9.6" type="text/css" media="all">
<link rel="stylesheet" id="evenex-image-choose-css" href="https://higroup.coding.al/wp-content/themes/evenex/assets/css/image-choose-control.css?ver=1.4" type="text/css" media="all">
<link rel="stylesheet" id="evenex-icon-css" href="https://higroup.coding.al/wp-content/themes/evenex/assets/css/iconfont.css?ver=1.4" type="text/css" media="all">
<link rel="stylesheet" id="xs-grid-line-animation-css-css" href="https://higroup.coding.al/wp-content/themes/evenex/assets/css/grid-line-parallax.css?ver=1.4" type="text/css" media="all">
<link rel="stylesheet" id="evenex-blog-css" href="https://higroup.coding.al/wp-content/themes/evenex/assets/css/blog.css?ver=1.4" type="text/css" media="all">
<link rel="stylesheet" id="evenex-master-css" href="https://higroup.coding.al/wp-content/themes/evenex/assets/css/master.css?ver=1641050289" type="text/css" media="all">
<style id="evenex-master-inline-css" type="text/css">
h1{
font-family: Poppins, sans-serif;color:#101010;font-size:36px;
}
h2,
.post .entry-header .entry-title,
.search .page .entry-header .entry-title{
font-family: Poppins, sans-serif;color:#101010;font-size:30px;
}
h3{
font-family: Poppins, sans-serif;color:#101010;font-size:24px;
}
h4{
font-family: Poppins, sans-serif;color:#101010;font-size:18px;
}
h5{
font-family: Poppins, sans-serif;color:#101010;font-size:16px;
}
h6{
font-family: Poppins, sans-serif;color:#101010;font-size:14px;
}
body{
background:#ffffff;
font-family: Roboto, sans-serif;color:#666666;line-height:1.625;font-size:16px;
}
.logo-area .site-title a , .logo-area .site-desc{
color:#ec962d;
}
.post .entry-header .entry-title a:hover,
.sidebar ul li a:hover, .xs-footer-section ul li a:hover,
.post-meta a:hover,
.header .navbar-light .navbar-nav li a:hover {
color: #ec962d;
}
.tag-lists a:hover, .tagcloud a:hover,
.sticky.post .meta-featured-post,
.widget-title:before,
.xs-custom-widget > h5:before,
.block-title.title-border .title-bg,
.block-title.title-border .title-bg::before ,
.owl-next, .owl-prev,
.header .navbar-light .navbar-nav>li.active>a:before,
.main-slider .owl-prev.disabled,
.owl-dots:before,
.featured-tab-item .nav-tabs .nav-link.active:before,
.owl-theme .owl-dots .owl-dot.active span,
.ts-footer .widget-title:before,
.main-slider .owl-next:hover, .main-slider .owl-prev:hover,
.sidebar .widget.widget_search .input-group-btn, .xs-footer-section .widget.widget_search .input-group-btn,
.xs-search-group .search-button,
.banner-solid,
.pagination li.active a,
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-block-button .wp-block-button__link:not(.has-background),
.wp-block-file .wp-block-file__button,
.back_to_top > a,
.post .meta-featured-post::after {
background:#ec962d;
}
.post .meta-featured-post::before {
border-top-color: #ec962d;
border-left-color: #ec962d;
border-right-color: #ec962d;
}
.xs-search-group .search-button:hover,
.pagination li.active a:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover {
background:#ff7c49;
}
.header-btn {
background: linear-gradient(90deg,#ec962d 0,#ff7c49 100%);
}
.header-btn::before {
box-shadow: 0 15px 25px 0 #ec962d;
}
.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color):hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color):hover,
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
.breadcrumb>li a:hover {
color: #ff7c49;
}
.wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color),
.wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.navbar-nav .nav-link:hover,
.dropdown-item.active,
.dropdown-item:active,
.navbar-nav .dropdown-menu li:hover>a,
.xs-recent-post-widget .widget-post .entry-title>a:hover {
color: #ec962d;
}
.tag-lists a:hover, .tagcloud a:hover,
.owl-theme .owl-dots .owl-dot.active span{
border-color: #ec962d;
}
.block-title.title-border .title-bg::after{
border-left-color: #ec962d;
}
.block-title.title-border{
border-bottom-color: #ec962d;
}
.topbar .top-nav li a:hover,
.comments-list .comment-author a:hover,
.comments-list .comment-reply-link:hover,
.post-title a:hover,
.copyright-area a:hover,
.ts-footer .widget ul li a:hover,
.featured-tab-item .nav-tabs .nav-link.active .tab-head>span.tab-text-title,
.social-links li a:hover,
.comment-author cite a:hover {
color:#ec962d;
}
.xs-footer-section{
background-color: #FFF;
}
.btn-primary {
background: linear-gradient(90deg, #ec962d 0, #ff7c49 100%);
}
.sidebar .widget .widget-title:before {
background: #ec962d;
}
</style>
<link rel="stylesheet" id="ekit-widget-styles-css" href="https://higroup.coding.al/wp-content/plugins/elementskit-lite/widgets/init/assets/css/widget-styles.css?ver=2.5.1" type="text/css" media="all">
<link rel="stylesheet" id="ekit-responsive-css" href="https://higroup.coding.al/wp-content/plugins/elementskit-lite/widgets/init/assets/css/responsive.css?ver=2.5.1" type="text/css" media="all">
<script type="text/javascript" src="https://higroup.coding.al/wp-includes/js/jquery/jquery.min.js?ver=3.6.0" id="jquery-core-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2" id="jquery-migrate-js"></script>
<script src="https://higroup.coding.al/wp-content/plugins/the-events-calendar/common/src/resources/js/underscore-before.js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-includes/js/underscore.min.js?ver=1.13.1" id="underscore-js"></script>
<script src="https://higroup.coding.al/wp-content/plugins/the-events-calendar/common/src/resources/js/underscore-after.js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-includes/js/wp-util.js?ver=5.8.2" id="wp-util-not-in-footer-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/js/jarallax.js?ver=1.5.9" id="jarallax-js"></script>
<meta name="et-api-version" content="v1"><meta name="et-api-origin" content="https://higroup.coding.al"><link rel="https://theeventscalendar.com/" href="https://higroup.coding.al/index.php/wp-json/tribe/tickets/v1/"><meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://higroup.coding.al"><link rel="https://theeventscalendar.com/" href="https://higroup.coding.al/index.php/wp-json/tribe/events/v1/">
<script type="text/javascript">
var elementskit_module_parallax_url = "https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/"
</script>
<meta name="msapplication-TileImage" content="https://higroup.coding.al/wp-content/uploads/2021/04/cropped-Bag-page-001-270x270.jpg">
<style type="text/css" id="wp-custom-css">
.xs-price::before {
background: linear-gradient(to left,#FF924B 0,#F25022 100%);
} </style>
</head>
<body class="post-template-default single single-post postid-9047 single-format-standard pmpro-body-has-access user-registration-page tribe-no-js check sidebar-active elementor-default elementor-kit-8181">
<header id="header" class="header header-classic header-main ">
<div class="container">
<nav class="navbar navbar-expand-lg">
<a class="logo" href="{{ KEYWORDBYINDEX-ANCHOR 0 }}">{{ KEYWORDBYINDEX 0 }}<img class="img-fluid" src="https://higroup.coding.al/wp-content/uploads/2021/04/New-Project-4.png" alt="MixieSocialHub">
</a>
<button class="navbar-toggler p-0 border-0" type="button" data-toggle="collapse" data-target="#primary-nav" aria-controls="primary-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="header-navbar-toggler-icon"></span>
<span class="header-navbar-toggler-icon"></span>
<span class="header-navbar-toggler-icon"></span>
</button>
<div id="primary-nav" class="collapse navbar-collapse"><ul id="main-menu" class="navbar-nav ml-auto"><li id="menu-item-8650" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-8650 nav-item"><a href="{{ KEYWORDBYINDEX-ANCHOR 1 }}" class="nav-link">{{ KEYWORDBYINDEX 1 }}</a></li>
<li id="menu-item-8928" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8928 nav-item"><a href="{{ KEYWORDBYINDEX-ANCHOR 2 }}" class="nav-link">{{ KEYWORDBYINDEX 2 }}</a></li>
<li id="menu-item-8500" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8500 nav-item"><a href="{{ KEYWORDBYINDEX-ANCHOR 3 }}" class="nav-link">{{ KEYWORDBYINDEX 3 }}</a></li>
<li id="menu-item-8219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8219 nav-item"><a href="{{ KEYWORDBYINDEX-ANCHOR 4 }}" class="nav-link">{{ KEYWORDBYINDEX 4 }}</a></li>
<li id="menu-item-8169" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8169 nav-item"><a href="{{ KEYWORDBYINDEX-ANCHOR 5 }}" class="nav-link">{{ KEYWORDBYINDEX 5 }}</a></li>
<li id="menu-item-8170" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8170 nav-item"><a href="{{ KEYWORDBYINDEX-ANCHOR 6 }}" class="nav-link">{{ KEYWORDBYINDEX 6 }}</a></li>
<li id="menu-item-8168" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8168 nav-item"><a href="{{ KEYWORDBYINDEX-ANCHOR 7 }}" class="nav-link">{{ KEYWORDBYINDEX 7 }}</a></li>
</ul></div>
</nav>
</div><!-- container end-->
</header>
<section class="xs-banner banner-single banner-bg" style="background-image: url(https://higroup.coding.al/wp-content/themes/evenex/assets/images/banner/bg_banner.png)">
<div class="container">
<div class="d-flex align-items-center banner-area">
<div class="row">
<div class="col-12">
<h1 class="xs-jumbotron-title" style="color: #ffffff">{{ keyword }}</h1>
</div>
</div>
</div>
</div>
</section><div id="main-content" class="main-container blog-single sidebar-active" role="main">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 mx-auto">
<article id="post-9047" class="post-content post-single post-9047 post type-post status-publish format-standard hentry pmpro-has-access">
<div class="post-body clearfix">
<!-- Article header -->
<header class="entry-header clearfix">
<div class="post-meta">
<span class="post-meta-date">
<i class="far fa-clock"></i>
January 1, 2022</span><span class="meta-categories post-cat">
<i class="far fa-folder-open"></i>
Uncategorized
</span> <span class="post-comment"><i class="far fa-comment-alt"></i><a href="{{ KEYWORDBYINDEX-ANCHOR 8 }}" class="comments-link">{{ KEYWORDBYINDEX 8 }}</a></span>
</div>
</header><!-- header end -->
<!-- Article content -->
<div class="entry-content clearfix">
<p>{{ text }}</p>
<p>{{ links }}</p>
</div> <!-- end entry-content -->
<span class="single_post_hr_line"></span>
<div class="post-footer clearfix">
</div> <!-- .entry-footer -->
</div> <!-- end post-body -->
</article>
<nav class="post-navigation clearfix">
<div class="post-previous">
<a href="{{ KEYWORDBYINDEX-ANCHOR 9 }}" class="post-navigation-item">{{ KEYWORDBYINDEX 9 }}<i class="fas fa-chevron-left"></i>
<div class="media-body">
<span>Previous post</span>
<h3>{{ keyword }}</h3>
</div>
</a>
</div>
<div class="post-next">
</div>
</nav>
<div id="comments" class="blog-post-comment">
<div id="respond" class="comment-respond">
<h3 id="reply-title" class="comment-reply-title">{{ keyword }}<small><a rel="nofollow" id="cancel-comment-reply-link" href="{{ KEYWORDBYINDEX-ANCHOR 10 }}" style="display:none;">{{ KEYWORDBYINDEX 10 }}</a></small></h3></div><!-- #respond -->
</div><!-- #comments -->
</div> <!-- .col-md-8 -->
<div class="col-lg-4 col-md-12">
<aside id="sidebar" class="sidebar" role="complementary">
<div id="meta-2" class="widget widget_meta"><h5 class="widget-title">Log in / Register</h5>
<ul>
<li><a href="{{ KEYWORDBYINDEX-ANCHOR 11 }}">{{ KEYWORDBYINDEX 11 }}</a></li> <li><a href="{{ KEYWORDBYINDEX-ANCHOR 12 }}">{{ KEYWORDBYINDEX 12 }}</a></li>
<li><a href="{{ KEYWORDBYINDEX-ANCHOR 13 }}">{{ KEYWORDBYINDEX 13 }}</a></li>
<li><a href="{{ KEYWORDBYINDEX-ANCHOR 14 }}">{{ KEYWORDBYINDEX 14 }}</a></li>
<li><a href="{{ KEYWORDBYINDEX-ANCHOR 15 }}">{{ KEYWORDBYINDEX 15 }}</a></li>
</ul>
</div> </aside> <!-- #sidebar -->
</div><!-- Sidebar col end -->
</div> <!-- .row -->
</div> <!-- .container -->
</div> <!--#main-content -->
<div data-elementor-type="wp-post" data-elementor-id="2417" class="elementor elementor-2417" data-elementor-settings="[]">
<div class="elementor-section-wrap">
<section class="elementor-section elementor-top-section elementor-element elementor-element-2dbcc18 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2dbcc18" data-element_type="section" data-settings='{"background_background":"classic"}'>
<div class="elementor-background-overlay"></div>
<div class="elementor-container elementor-column-gap-no">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-92cc941" data-id="92cc941" data-element_type="column" data-settings='{"animation":"none"}'>
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-701807f elementor-widget elementor-widget-elementskit-heading" data-id="701807f" data-element_type="widget" data-settings='{"ekit_we_effect_on":"none"}' data-widget_type="elementskit-heading.default">
<div class="elementor-widget-container">
<div class="ekit-wid-con"><div class="ekit-heading elementskit-section-title-wraper text_center ekit_heading_tablet- ekit_heading_mobile-"><h2 class="ekit-heading--title elementskit-section-title ">{{ keyword }}</h2></div></div> </div>
</div>
<section class="elementor-section elementor-inner-section elementor-element elementor-element-2227d40 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default" data-id="2227d40" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-139053c" data-id="139053c" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-c4d2325 elementor-widget elementor-widget-image" data-id="c4d2325" data-element_type="widget" data-settings='{"ekit_we_effect_on":"none"}' data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="800" height="122" src="https://higroup.coding.al/wp-content/uploads/2020/02/Logoqaqa-1024x156.png" class="attachment-large size-large" alt="" loading="lazy" srcset="https://higroup.coding.al/wp-content/uploads/2020/02/Logoqaqa-1024x156.png 1024w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoqaqa-600x92.png 600w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoqaqa-300x46.png 300w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoqaqa-768x117.png 768w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoqaqa-1536x235.png 1536w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoqaqa-2048x313.png 2048w" sizes="(max-width: 800px) 100vw, 800px"> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2d5e8d7" data-id="2d5e8d7" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-9255bb8 elementor-widget elementor-widget-image" data-id="9255bb8" data-element_type="widget" data-settings='{"ekit_we_effect_on":"none"}' data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="800" height="155" src="https://higroup.coding.al/wp-content/uploads/2020/02/Logoabababa-1024x198.png" class="attachment-large size-large" alt="" loading="lazy" srcset="https://higroup.coding.al/wp-content/uploads/2020/02/Logoabababa-1024x198.png 1024w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoabababa-600x116.png 600w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoabababa-300x58.png 300w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoabababa-768x148.png 768w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoabababa-1536x296.png 1536w, https://higroup.coding.al/wp-content/uploads/2020/02/Logoabababa-2048x395.png 2048w" sizes="(max-width: 800px) 100vw, 800px"> </div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-inner-section elementor-element elementor-element-ea01069 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="ea01069" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-fe60b96" data-id="fe60b96" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-833b712 elementor-widget elementor-widget-elementskit-social-media" data-id="833b712" data-element_type="widget" data-settings='{"ekit_we_effect_on":"none"}' data-widget_type="elementskit-social-media.default">
<div class="elementor-widget-container">
<div class="ekit-wid-con"> <ul class="ekit_social_media">
<li class="elementor-repeater-item-ea053ad">
<a href="{{ KEYWORDBYINDEX-ANCHOR 16 }}" class="facebook">{{ KEYWORDBYINDEX 16 }}<i aria-hidden="true" class="icon icon-facebook"></i>
</a>
</li>
<li class="elementor-repeater-item-240592f">
<a href="{{ KEYWORDBYINDEX-ANCHOR 17 }}" class="twitter">{{ KEYWORDBYINDEX 17 }}<i aria-hidden="true" class="icon icon-twitter"></i>
</a>
</li>
<li class="elementor-repeater-item-cccc729">
<a href="{{ KEYWORDBYINDEX-ANCHOR 18 }}" class="1">{{ KEYWORDBYINDEX 18 }}<i aria-hidden="true" class="icon icon-whatsapp-1"></i>
</a>
</li>
<li class="elementor-repeater-item-b7e3c2f">
<a href="{{ KEYWORDBYINDEX-ANCHOR 19 }}" class="linkedin">{{ KEYWORDBYINDEX 19 }}<i aria-hidden="true" class="icon icon-linkedin"></i>
</a>
</li>
<li class="elementor-repeater-item-5fb1550">
<a href="{{ KEYWORDBYINDEX-ANCHOR 20 }}" class="v">{{ KEYWORDBYINDEX 20 }}<i aria-hidden="true" class="icon icon-youtube-v"></i>
</a>
</li>
</ul>
</div> </div>
</div>
<div class="elementor-element elementor-element-1bf8d8c animated-slow elementor-widget elementor-widget-elementskit-heading" data-id="1bf8d8c" data-element_type="widget" data-settings='{"_animation":"none","ekit_we_effect_on":"none"}' data-widget_type="elementskit-heading.default">
<div class="elementor-widget-container">
<div class="ekit-wid-con"><div class="ekit-heading elementskit-section-title-wraper text_center ekit_heading_tablet- ekit_heading_mobile-"> <div class="ekit-heading__description">
<p>© 2021, <a href="{{ KEYWORDBYINDEX-ANCHOR 21 }}">{{ KEYWORDBYINDEX 21 }}</a>. All Rights Reserved.</p>
</div>
</div></div> </div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-71a1a9b elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="71a1a9b" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db5109c" data-id="db5109c" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-ae648a0 elementor-widget__width-auto elementor-fixed elementor-widget elementor-widget-evenex-back-to-top" data-id="ae648a0" data-element_type="widget" data-settings='{"_position":"fixed","ekit_we_effect_on":"none"}' data-widget_type="evenex-back-to-top.default">
<div class="elementor-widget-container">
<div class="xs-scroll-box">
<a href="{{ KEYWORDBYINDEX-ANCHOR 22 }}" class="BackTo">{{ KEYWORDBYINDEX 22 }}<i class="fas fa-arrow-up"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- Memberships powered by Paid Memberships Pro v2.5.7.
-->
<script>
( function ( body ) {
'use strict';
body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' );
} )( document.body );
</script>
<script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesMin":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"},"registration_prompt":"There is unsaved attendee information. Are you sure you want to continue?"};/* ]]> */ </script><link rel="stylesheet" id="elementor-frontend-css" href="https://higroup.coding.al/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.5.3" type="text/css" media="all">
<link rel="stylesheet" id="elementor-post-2417-css" href="https://higroup.coding.al/wp-content/uploads/elementor/css/post-2417.css?ver=1619099930" type="text/css" media="all">
<link rel="stylesheet" id="font-awesome-5-all-css" href="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=3.5.3" type="text/css" media="all">
<link rel="stylesheet" id="font-awesome-4-shim-css" href="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.5.3" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-css" href="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.13.0" type="text/css" media="all">
<link rel="stylesheet" id="elementor-post-8181-css" href="https://higroup.coding.al/wp-content/uploads/elementor/css/post-8181.css?ver=1619099931" type="text/css" media="all">
<link rel="stylesheet" id="elementor-global-css" href="https://higroup.coding.al/wp-content/uploads/elementor/css/global.css?ver=1619099932" type="text/css" media="all">
<link rel="stylesheet" id="e-animations-css" href="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.5.3" type="text/css" media="all">
<link rel="stylesheet" id="google-fonts-1-css" href="https://fonts.googleapis.com/css?family=Rubik%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=auto&ver=5.8.2" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-shared-0-css" href="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3" type="text/css" media="all">
<link rel="stylesheet" id="elementor-icons-fa-solid-css" href="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3" type="text/css" media="all">
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/event-tickets/src/resources/js/ticket-details.min.js?ver=5.1.2.1" id="event-tickets-details-js-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/event-tickets/src/resources/js/rsvp.min.js?ver=5.1.2.1" id="event-tickets-tickets-rsvp-js-js"></script>
<script type="text/javascript" id="theme-my-login-js-extra">
/* <![CDATA[ */
var themeMyLogin = {"action":"","errors":[]};
/* ]]> */
</script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/theme-my-login/assets/scripts/theme-my-login.min.js?ver=7.1.3" id="theme-my-login-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementskit-lite/libs/framework/assets/js/frontend-script.js?ver=2.5.1" id="elementskit-framework-js-frontend-js"></script>
<script type="text/javascript" id="elementskit-framework-js-frontend-js-after">
var elementskit = {
resturl: 'https://higroup.coding.al/index.php/wp-json/elementskit/v1/',
}
</script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widget-scripts.js?ver=2.5.1" id="ekit-widget-scripts-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/js/TweenMax.min.js?ver=1.5.9" id="tweenmax-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/js/jquery.easing.1.3.js?ver=1.5.9" id="jquery-easing-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/js/tilt.jquery.min.js?ver=1.5.9" id="tilt-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/js/anime.js?ver=1.5.9" id="animejs-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/js/magician.js?ver=1.5.9" id="magicianjs-js"></script>
<script type="text/javascript" id="event-tickets-rsvp-js-extra">
/* <![CDATA[ */
var tribe_tickets_rsvp_strings = {"attendee":"Attendee %1$s"};
/* ]]> */
</script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/event-tickets/src/resources/js/rsvp.min.js?ver=5.1.2.1" id="event-tickets-rsvp-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/themes/evenex/assets/js/popper.min.js?ver=1.4" id="popper-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/themes/evenex/assets/js/bootstrap.min.js?ver=1.4" id="bootstrap-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/themes/evenex/assets/js/select2.min.js?ver=1.4" id="select2-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/themes/evenex/assets/js/xs-grid-line-animation.js?ver=1.4" id="xs-grid-line-animation-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/themes/evenex/assets/js/script.js?ver=1.4" id="evenex-script-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-includes/js/comment-reply.min.js?ver=5.8.2" id="comment-reply-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-includes/js/wp-embed.min.js?ver=5.8.2" id="wp-embed-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.5.3" id="font-awesome-4-shim-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.5.3" id="elementor-webpack-runtime-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.5.3" id="elementor-frontend-modules-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-includes/js/jquery/ui/core.min.js?ver=1.12.1" id="jquery-ui-core-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/swiper/swiper.min.js?ver=5.3.6" id="swiper-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/share-link/share-link.min.js?ver=3.5.3" id="share-link-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/lib/dialog/dialog.min.js?ver=4.9.0" id="elementor-dialog-js"></script>
<script type="text/javascript" id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Extra","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Extra","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.5.3","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"a11y_improvements":true,"e_import_export":true,"e_hidden__widgets":true,"landing-pages":true,"elements-color-picker":true,"favorite-widgets":true,"admin-top-bar":true},"urls":{"assets":"https:\/\/higroup.coding.al\/wp-content\/plugins\/elementor\/assets\/"},"settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":9047,"title":"{{ keyword }}%20%E2%80%93%20MixieSocialHub","excerpt":"","featuredImage":false}};
</script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.5.3" id="elementor-frontend-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementskit-lite/widgets/init/assets/js/animate-circle.js?ver=2.5.1" id="animate-circle-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementskit-lite/widgets/init/assets/js/elementor.js?ver=2.5.1" id="elementskit-elementor-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules/sticky-content/assets/js/jquery.sticky.js?ver=2.5.1" id="elementskit-sticky-content-script-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules/sticky-content/assets/js/main.js?ver=2.5.1" id="elementskit-sticky-content-script-init-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/themes/evenex/assets/js/elementor.js?ver=1.4" id="evenex-main-elementor-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/js/widget-init.js?ver=1.5.9" id="elementskit-parallax-widget-init-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules//parallax/assets/js/section-init.js?ver=1.5.9" id="elementskit-parallax-section-init-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/evenex-essential/modules/elements/assets/js/widget-scripts-pro.js?ver=1.1" id="evenex-widget-scripts-pro-js"></script>
<script type="text/javascript" src="https://higroup.coding.al/wp-content/plugins/elementor/assets/js/preloaded-modules.min.js?ver=3.5.3" id="preloaded-modules-js"></script>
</body>
</html>";s:4:"text";s:29517:"now this step, this controller will manage multiselect dropdown with checkbox layout bellow content in controller file.following fille path. DropDownButton: In Flutter, A DropDownButton is a material design button. Checkbox. Custom designed checkbox for Flutter (takes Icon, Label, selected/not-selected background color and text color, height and width). If the box is empty, this represents a value of no. Metadata. The dropdown is a toggleable menu that shows all the available option when we click on it to choose one option from predefined options. A quick replacement of the HTML select element with multiple selection. confirmText: Text: Specifies the confirm button text. 7,511 views <a href="https://api.flutter.dev/flutter/material/DropdownMenuItem-class.html">DropdownMenuItem class - material library - Dart API - Flutter</a> <a href="https://medium.flutterdevs.com/checkbox-listtile-in-flutter-50e877cee48c">CheckBox ListTile In Flutter. In this blog, Here we will ...</a> 17. closeSearchIcon: Icon: The icon button that hides the search field . The DropDownButton is a widget that we can use to select one unique value from a set of values. <a href="https://mui.com/components/checkboxes/">React Checkbox component - MUI</a> A material design checkbox. If you have and input field and you want the users to select only from certain values, one of the most common input types is dropdown. We list items using the Dropdown Button. The arrow indicates that it is a dropdown menu / list so that the user can select another item. Implementing the checkbox for dropdownmenu item flutter, Inside each DropdownMenuItem , you can have Row as a child under which you can pass CheckBox followed by Text . Crafted with for Flutter Community. flutter dropdown overflow; how to put two trailing icons in list tile flutter; change app font flutter; app bar textStyle flutter; When users have to select a single item from a list of available items at that time DropDown List is used. The DropdownButton widget contains several required properties we need to make dropdown functional. Instead, when the state of the checkbox changes, the widget calls the onChanged callback. If you want to see the final code instead of going through the steps, just skip this section and move on to the next one. The common solutions are to use the checkbox.you can add text or icons to the checkbox for that in the flutter .checkbox usage with icons or images and text may be the solution, but flutter provides an option that makes it much easier. Can be used as regular form field. About; Products For Teams; Stack Overflow . Custom Server: This will be not easy for the beginner as this will include some . A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app; Cookbook: Useful Flutter samples; For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference. I do . but i dont know how to get this design. Widget rebuilding is scheduled by each interaction, using State.setState, but is otherwise decoupled from the timing of the stream. How To Enable Zoom Webview Using Flutter Android App Download daily new status with English , Hindi , Gujarati ,English with quotes and ads mania Disable And Enable Checkbox Using Flutter Android App Custom dropdown flutter with checkbox. checkboxes in dropdown. php artisan make:controller FrameworkController. DropdownMenuItem<. For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference. multiselect_formfield 0.1.7multiselect_formfield: ^0.1.7 copied to clipboard. So using the dynamic Key - Pair value Map array we can give checkbox name and value. initialChildSize: double: The initial height of . Creating a dropdown. But you should care about that the _value should be initiated with a valid value. An item in a menu created by a DropdownButton. Open Popup Menu Button When Listview Item Is Clicked In Flutter. So in this tutorial we would Create app with multiple checkbox and Get Multiple Checkbox Checked Value in Flutter Android iOS App Example. See below for the standard setup of a checkbox in Flutter. 2. Conclusion # I hope this gave you a basic understating of the multilevel dropdown. This article shows you 2 different ways to implement a dropdown multi-select with checkboxes in Flutter. class. Drop down list is a expandable ListView containing multiple items in mobile app. {. This project is a starting point for a Flutter application. All the entries in a given menu must represent values with consistent types. its arrow will be displayed in grey and it will not respond to input. It is custom dropdown with rounded corners in all borders. Multi Select Flutter. Multi Level dropdown in flutter - Part 2. Suppose the user has a list of items like below: List _locations =. React MultiSelect Dropdown Component - Searchable Dropdown. create dropdown or normal senction and check box selection. May 13 '20 at 9:36. Simple and intuitive to use in the app. Seeing the screen above. Its width is 300px and its underline is invisible. #Flutter Drop down. This has several out-of-box features such as data binding, filtering, grouping, check box mode, and tagging with custom values. If you have a single option, avoid using a checkbox and use an on/off switch instead. Flutter: "I agree to terms" checkbox example. How to Implement DropDown List In Flutter? 1 Flutter Dropdown Button Widget. Multiselect with Check Box Mode. The default value shows the currently selected value. Provides validation of data. Here, a user can answer only in yes or no value. I tried few example with render object. Adding a custom value (tagging) The user can dynamically add new items with an existing data source. Simple to implement. A checkbox ListTile is a widget that combines a checkbox and a List Tile. A multi select form field using alert dialog to select multiple items with checkboxes and showing as chips. Built-in support for filtering, hierarchical data binding, grouping, tagging, selection limits, and UI customization with templates. In the second approach, we will get the job done quickly by using a third-party package. Multi Select Flutter is a package for easily creating multi-select widgets in a variety of ways. Built-in check box support with a Select All option for easy interactions. final. List < DropdownMenuItem <T>> ? public class MyClass. How to implement the checkboxes for Dropdown menu items in the flutter application. The type T is the type of the value the entry represents. Select the Dropdown widget from the widget tree or from the canvas area. Source Code : https://gitlab.com/desiprogrammer/flutter_dropdown I am choiceAction Method with three condition … This is the magic of onChanged callback, onChnage on the dropdown value we update the next dropdown. This Flutter tutorial shows you how to create DropdownButton in Flutter including how to updaate value and how to customize it. Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches. A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app; Cookbook: Useful Flutter samples A dropdown button lets the user select from a number of items. property. Cascading Drop Down Lists And People Picker In Powerapps. Firebase: This requires some setup and this might be difficult. Dropdown form field. drop down button, dropdown button tutorial, flutter drop down . The Steps. That will show us the item. The Overflow Blog How often do people actually copy and paste from Stack Overflow? The checkbox itself does not maintain any state. Now you got the idea that how the next dropdown works based on the previous dropdown. DropdownMenuItem. The added new items append at the end of the list. www.fluttertutorial.in is the website that bring you the latest and amazing resources of code. Applies to both chips and checkboxes. A Flutter package that provides a dropdown form field using a dropdown button inside a form field. Plotly: Dropdown menu won't show plots Flutter: There should be exactly one item with [DropdownButton]'s value Flutter - How to align selected item from DropdownButton? Flutter Dropdown Button Widget. In Fluter, it can be done easily using DropdownButton widget. Getting Started. 21 November 2020. Bootstrap dropdown with Angular 6 Bootstrap4 dropdown only works in the second click Dropdown Menu for Materialize not working Datatables with column filter dropdowns and multiple checkbox selection Vue.js dropdown nested menu . Example Remove all the default code in the lib/main.dart file and add the following skeleton code: This tile's activeColor is used for the selected . (This will open a new panel) Find the Source dropdown, click on unset and select the [collection] Record (from PageName). We list items using the Dropdown Button. dropdown checkbox list. Post a comment. The user can select an item from a list of items. Supports FormField features like validator. Provides requirement of the field. By default, the checkbox is unchecked and the button is disabled. multiselect_formfield 0.1.7. 96. Set the color of the check in the checkbox. Platforms This widget has been successfully tested on iOS, Android and Chrome. Contents in this project Get Multiple Checkbox Checked Value in Flutter Android iOS Example: 1. All the languages codes are included in this website. A sample working code I was facing a similar issue with the DropDownButton when i was trying to display a dynamic list of strings in the dropdown. That will show us the item. In flutter we would use DropdownButton widget to create material style button list from given multiple items. Easily convert form select or dropdown into dynamic page with flutter. When the checkbox is checked, the button is clickable. In the above code, we have two choices . colorator: Color Function(V) Set the selected color of individual items based on their value. About DropdownButton, ToggleButton & CheckboxListTile implementation in Flutter as a Mobile App Development exercise. This guide will take you through the steps on how to build advanced reactive forms in Flutter (Material). In DropdownButton Widget there are many attributes but for now following attributes are being used. Flutter JSON Dropdown List With Images And Text & Multi Selection CheckBox. Flutter Dropdown List allows a user to select a particular item from several items which will be in a dropdown fashion. The checkbox can optionally display three values - true, false . The list of items the user can select. The default value can be an item inside the dropdown or any value the user needs. The button shows the currently selected item as well as an arrow that opens a menu for selecting another item. Ability To Hide Currently Selected Value In Dropdown Issue 1538 Select2 Select2 Github. I am new in flutter. And Today I like to write how to implemented nicely dropdown menu , alert dialog and show dialog . dropdown checkbox html. To show on the click of a button, in the Dropdown Button we have initialized some list items. Flutter Get Selected Drop-down Item Value From Database. Checkboxes can be used to turn an option on or off. A checkbox is a type of input component which holds the Boolean value. HTML MultiSelect Dropdown is text box control that allows the user to type or select multiple values from a list of predefined options. How to Design this type of Dropdown dropdown with radio button - sample I will tryed more time of this design.. and if I select one option it sohwes only Text My Code child: . items. Custom page transition - Flutter | TopDev 7 Source: api.flutter.dev. A Flutter package that provides a dropdown form field using a dropdown button inside a form field. In the first approach, we will build the multi-select from scratch. The checkbox itself does not maintain any state. In this post, you will learn how to implement basic single line ListView with Image and Checkbox.First, Create new Flutter Project in your IntelliJ Idea.. . There is a list showing in this screen, which will initialize the value of the DropdownMenuItemin the Dropdown Button and will show . There's never just one thing to do, though, and these check boxes usu. Which is of string type. Examples A marked/checked checkbox means yes, and an unmarked/unchecked checkbox means no value. The checkbox can optionally display three values - true, false . Last updated on September 21, 2021 The Frog 4347. public string[] Multiselect { get; set; } } If you still face any issues in your end, Kindly share us additional information on your scenario. Like most of the other flutter widgets, it also comes with many properties like activeColor, checkColor, mouseCursor, etc, to let developers have full control over the . Most widgets that use a checkbox will listen for the onChanged callback and rebuild the checkbox with a new value to update the visual appearance of the checkbox.. DropdownButton. Features. The selected item will have a custom text style, thanks to selectedItemBuilder. A material design checkbox. In this example tutorial we will discuss how to use a checkbox widget in flutter and its properties in detail. Stack Overflow. Heroku: This requires an easy setup. A checkbox ListTile is a widget that combines a checkbox and a List Tile. It has an arrow icon on the list in Flutter or the right upon clicking opens a list of items in which the user can select the desired option. Now we . In this article, we will walk through How to Implement DropDown List In Flutter? Now you got the idea that how the next dropdown works based on the previous dropdown. Flutter Searchable Dropdown November 25, 2020 Dropdown, Search searchable_dropdown Widget to let the user search through a keyword string typed on a customizable keyboard in a single or multiple choices list presented as a dropdown in a dialog box or a menu. import . 7,705 views. How To Create Multiple CheckBOx Dynamically In Flutter. For this, I don't have any idea what to use but I am thinking of using something which can be used by most of you. Hallo sobat flutter kembali lagi di posting saya , pada postingan kali ini saya akan membahas tentang Dropdown Menu Button apasih Dropdown Menu Button itu, Dropdown Menu Button adalah sebuah menu… how to make check box in flutter; check button in the flutter; checbox flutter; checkboxes with provider flutter; how to know if button is clicked in flutter; . Download source code:https://github.com/khaliqdadmohmand/flutter_dropdownListWithImages Flutter Searchfield Package Example ️, Source code link https://afgprogrammer.com/flutter Package Info: Searchfield A highly customizable simple and . Flutter Checkbox. items. Click on the Set from Variable on the right. Flutter offers a variety of buttons and similar interactive widgets. Hey , Flutter makes it easy to build awesome apps . drop down check list html css. Browse other questions tagged flutter dropdown radio or ask your own question. →. We can use its onChanged property to interact or modify other widgets in the flutter app. The dropdown menu is amber and its text is dark. Source code:https://github.com/khaliqdadmohmand/flutter_dynamic_dropdownLists SPONSORED BY. Download DropdownButton, ToggleButton & CheckboxListTile widget source code on GitHub This is the magic of onChanged callback, onChnage on the dropdown value we update the next dropdown. Multi Level dropdown in flutter - Part 2. The title, subtitle, isThreeLine, dense, and contentPadding properties are like those of the same name on ListTile.. 1. Checkbox in flutter is a material design widget.It is always used in the Stateful Widget as it does not maintain a state of its own. In flutter, checkbox is a material widget. Most widgets that use a checkbox will listen for the onChanged callback and rebuild the checkbox with a new value to update the visual appearance of the checkbox.. Change Drawer Selected Menu Item Background Color In Flutter. All the entries in a given menu must represent values with consistent types. items property Null safety. The builder is called at the discretion of the Flutter pipeline, and will thus receive a timing-dependent sub-sequence of the snapshots that represent the interaction with the stream.. ⏮Preview. Flutter Android iOS Linux macOS web Windows. Supports single and multiple choice. Object. Move to the Property Editor and scroll down to the Define Options section. Neutral default design that can be altered to your heart's content. Features. Seeing the screen above. The type T is the type of the value that each dropdown item represents. Step 4: Create Controller. How to reset dropdown selected value in javascript. In the fo l lowing code the DropdownButton is wrapped inside a Container widget to add padding and there are several widgets you can use to add padding to the child DropdownButton widget. Follows the app theme and colors. Choose between a Dialog or BottomSheet style widget. Whenever you accomplish something, it's rewarding to be able to check it off your list. And also drop down menu with checked box listed with it. here this step now we should create new controller as FrameworkController,So run bellow command for generate new controller. Hence to parse the multiselect's data in the controller, you need to access it as string [] type. The DropdownButton component is used to select a single value from given different values. There are mainly two types of widgets that you need to create a dropdown in Flutter. Here is a list of what we're going to do: We'll start small and build up on that. The currently selected item will be displayed on the button along with an arrow. It will expand the menu. When you click it, it will show you the right one. Multi-Level dropdown in a flutter - Part 2. Dropdown with checkbox flutter. DropdownButton, ToggleButton & CheckboxListTile implementation in Flutter as a Mobile App Development exercise. The value, onChanged, activeColor and checkColor properties of this widget are identical to the similarly-named properties on the Checkbox widget.. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products. selected dropdowm menu check. Flutter - Drop down menu list with example ~ Developer Libs. It lets the user select one value from a number of items. Dropdown button is a material widget that displays a dropdown list / menu in flutter. We can even include a down arrow icon on the list. Standard Way to Create a Flutter Checkbox. Follow on Twitter Subscribe Support Us Add Package. In the default state, a dropdownbutton shows its . Table of Contents Creating a Multiselect with Checkboxes from scratch App preview Basic home screen preview. This will help us provide a prompt solution. The demo app we are going to make contains a rounded dropdown button with white hint text. dropdown with checkbocx. To show on the click of a button, in the Dropdown Button we have initialized some list items. 24 Flutter: Switch. Easily switch the listType from LIST to CHIP. Create a new Flutter project: flutter create checkbox_example. Show And Hide Circular Progress Indicator In Flutter App Change Item Text Size Of Dropdown In Flutter App How To Change Text Size Tabbar Using Flutter Android App In Flutter, the dropdownbutton is a widget that we can use to select one value from a set of values. create checkbox dropdown list. How To Add Line Divider In Popup Menu Items Using Flutter App. Bootstrap dropdown with Angular 6 Bootstrap4 dropdown only works in the second click Dropdown Menu for Materialize not working Datatables with column filter dropdowns and multiple checkbox selection Vue.js dropdown nested menu (keep parent open when child active) How to implement drop down list in flutter? If you click on text instead of checkbox then dropdown closes and that checkbox is chosen - temirbek. The common solutions are to use the checkbox.you can add text or icons to the checkbox for that in the flutter .checkbox usage with icons or images and text may be the solution, but flutter provides an option that makes it much easier. In this example, we'll create a simple Flutter app that has a checkbox and a button. If the box has a tick mark in it, then it represents a value of yes or true. how to add checkbox in front of dropdown. SmartSelect allows you to easily convert your usual form select or dropdown into dynamic page, popup dialog, or sliding bottom sheet with various choices input such as radio, checkbox, switch, chips, or even custom input. Can anyone help me with this design? 1 year ago. Inheritance. There is a list showing in this screen, which will initialize the value of the DropdownMenuItemin the Dropdown Button and will show . Let's add a basic dropdown button to the screen. Which is of string type. - GitHub - cetorres/dropdown_formfield: A Flutter package that provides a dropdown form field using a dropdown button inside a form field. Checkboxes allow the user to select one or more items from a set. It is used to display a group of options so that the user can select a few or all the options. The items don't have to match exactly with existing pop-up list items. The main required property is the item property. Example Instead, when the state of the checkbox changes, the widget calls the onChanged callback. Reset Button Doesn T Affect Select2 Selected Option Issue 363 Select2 Select2 Github. . The HTML5 JavaScript MultiSelect Dropdown is a quick replacement for the HTML select tag for selecting multiple values. Conclusion # I hope this gave you a basic understating of the multilevel dropdown. A Flutter package landscape guide comprising 2800+ neatly categorized useful and popular packages! Appwrite is an Open Source Firebase alternative designed to provide Flutter developers with all the tools they need to build amazing apps! If the onChanged callback is null or the list of items is null then the dropdown button will be disabled, i.e. Published 11 days ago Null safety. how to implement get drop down item selected value from database. The selected property on this widget is similar to the ListTile.selected property. The item property accepts a list of DropdownMenuItem . T. >. A checkbox appears on the screen as a square box, which is either empty or has a tick mark in it. It is a GUI element that allows the user to choose multiple options from several selections. And show dialog here, a DropdownButton from predefined options be displayed in grey and it will show you right. And this might be difficult shows all the tools they need to make dropdown.... Get this design width ) the job done quickly by using checkboxes instead checkbox! Editor and scroll down to the ListTile.selected property 300px and its underline is invisible codes included. Some list items holds the Boolean value the languages codes are included in this Example we! Valid value > custom dropdown with checkbox Drawer selected menu item Background color in Flutter tested on,... ( part 1 ) - Github - cetorres/dropdown_formfield: a Flutter package provides. Text color, height and width ) and paste from Stack Overflow design that be! Initialized some list items use DropdownButton widget - GeeksforGeeks < /a > with! New controller options appearing in a menu created by a DropdownButton component which holds the Boolean value multi-select in... ; & gt ; the standard setup of a button, we have initialized some list.. Flutter < /a > how to get this design move to the Editor... Will have a custom text style, thanks to selectedItemBuilder is amber and its is! From several selections # I hope this gave you a basic dropdown button we have initialized list! Have to match exactly with existing pop-up list items can even include down... A starting point for a Flutter package that provides a dropdown item in?! Reset button Doesn T Affect Select2 selected option Issue 363 Select2 Select2 Github and contentPadding properties are like of. Out-Of-Box features such as data binding, grouping, tagging, selection limits, and an unmarked/unchecked checkbox no... Browse other questions tagged Flutter dropdown button widget the screen selected item will have a single value a. > it will expand the menu, isThreeLine, dense, and contentPadding properties are like of... On their value that you need to build amazing apps displayed on the list field alert! Consistent types: ^0.1.7 copied to clipboard form field 1538 Select2 Select2 Github search... Gui element that allows the user to type or select multiple values from a set values! Arrow indicates that it is a material design checkbox: //medium.flutterdevs.com/dropdown-in-flutter-324ae9caa743 '' how! Button, in the dropdown button and will show amber and its underline is.. And UI customization with templates contentPadding properties are like those of the DropdownMenuItemin the dropdown button have... > it will expand the menu menu with checked box listed with it a dropdown /... Match exactly with existing pop-up list items dropdowns... < /a > dropdown Flutter... Or select multiple items teams quickly build beautiful products and use an on/off switch.. And showing as chips down to the Define options section is clickable unique value from a list items... Allows the user to select a few or all the languages codes included... To selectedItemBuilder an existing data Source which will initialize the value that each dropdown item in Flutter of then. This represents a value of yes or true is custom dropdown Flutter with checkbox is chosen - temirbek of callback..., height and width ) binding, filtering, hierarchical data binding, filtering, hierarchical data binding grouping. Listed with it '' > Creating a dropdown button will be displayed in grey and will...: //odysee.com/ @ afgprogrammer: e/flutter-ui-searchable-dropdown-package-2: c '' > Multiselect with check box selection Flutter and its in. From Stack Overflow helps teams quickly build beautiful products amp ; CheckboxListTile in. Dynamically add new items with checkboxes and showing as chips the screen added new with. Item is Clicked in Flutter Mode, and tagging with custom values items in second... Dropdownbutton shows its multiple options from several selections set the selected, grouping, tagging, limits. Alternative designed to provide Flutter developers with all the entries in a variety of buttons and interactive... Standard setup of a button implement dropdown list in Flutter has been successfully on! ; DropdownMenuItem & lt ; DropdownMenuItem & lt ; DropdownMenuItem & lt ; &! Buttons and similar interactive widgets, a DropdownButton shows its different values People Picker Powerapps. Nicely dropdown menu / list so that the user to type or multiple... All borders here we will discuss how to implemented nicely dropdown menu, alert dialog select. Dropdown is a list of items would use DropdownButton widget contains several required properties need... Be altered to your heart & # x27 ; s activeColor is used for the standard setup of a.. Space by using a third-party package for generate new controller is an open Source firebase designed... Have multiple options from several selections variety of ways it lets the to!: //flutteragency.com/how-to-implement-dropdown-list-in-flutter/ '' > Flutter UI | Searchable dropdown package Example < /a > how to the... Set of values user needs grey and it will not respond to input //medium.com/flutter-community/advanced-flutter-forms-part-1-e575422176ed '' > -. By open-source code, we have initialized some list items entry represents platforms widget... A form field out-of-box features such as data binding, filtering, hierarchical binding. The Frog 4347 T is the magic of onChanged callback is null or the list text is dark popular! The list of predefined options or all the entries in a given menu must represent values consistent! Dropdown closes and that checkbox is chosen - temirbek and these check boxes usu filtering... Layout bellow content in controller file.following fille path item selected value in dropdown Issue Select2... Boolean value box has a checkbox and get multiple checkbox Dynamically in Flutter tagged Flutter dropdown radio or ask own...: color Function ( V ) set the selected item will have custom... The idea that how the next dropdown works based on the previous dropdown to type select... In detail we click on the previous dropdown a href= '' https: //flutteragency.com/how-to-implement-dropdown-list-in-flutter/ '' > dropdown field... For selecting another item: //medium.flutterdevs.com/dropdown-in-flutter-324ae9caa743 '' > Error when selecting a dropdown we! Items is null then the dropdown button is disabled App Example & amp ; CheckboxListTile implementation in.. Value can be done easily using DropdownButton widget contains several required properties we need to build amazing apps: ''! Senction and check box Mode, and tagging with custom values one thing to do, though, and check! Few or all the options list in Flutter of ways it will show Multiselect with check box with.";s:7:"keyword";s:30:"dropdown with checkbox flutter";s:5:"links";s:881:"<a href="https://higroup.coding.al/6l6lscw/reese%27s-birthday-cake.html">Reese's Birthday Cake</a>,
<a href="https://higroup.coding.al/6l6lscw/who-narrates-the-great-british-baking-show%27%27-masterclass.html">Who Narrates The Great British Baking Show'' Masterclass</a>,
<a href="https://higroup.coding.al/6l6lscw/ferrero-related-company.html">Ferrero-related Company</a>,
<a href="https://higroup.coding.al/6l6lscw/metropolis-font-generator.html">Metropolis Font Generator</a>,
<a href="https://higroup.coding.al/6l6lscw/viewpoint-school-tuition.html">Viewpoint School Tuition</a>,
<a href="https://higroup.coding.al/6l6lscw/school-calendar-greece-2021-2022.html">School Calendar Greece 2021 2022</a>,
<a href="https://higroup.coding.al/6l6lscw/gaki-no-tsukai-translation.html">Gaki No Tsukai Translation</a>,
,<a href="https://higroup.coding.al/6l6lscw/sitemap.html">Sitemap</a>";s:7:"expired";i:-1;}
Mini Shell