Current File : /var/www/html/higroup/v2n24/cache/27e0ebe6b9dbc1e83977093425172273
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:25204:"The Flutter SDK ships with two styled widget libraries (in addition to the basic widget library):. <a href="https://ntrs.nasa.gov/api/citations/20160007655/downloads/20160007655.pdf?attachment=true"><span class="result__type">PDF</span> Static and Dynamic Aeroelastic Tailoring with Variable ...</a> You can create a custom radio button with many custom properties like a Square radio button, ios type radio button, and many more with example code. The collection consists of app UI kits, full apps, and UI themes. Check out the example web app! Why? kit for Android developers and iOS developers. the segmented control passes the newly selected widget's associated key to the callback but does not actually change state until the parent widget rebuilds the segmented control with the new groupvalue.the callback provided to onvaluechanged should update the state of the parent statefulwidget using the state.setstate method, so that the parent … For example, the video player above the title/is displayed with local Widget, and the rich text text of news content is displayed with webview and html, which requires that the title/video . In this flutter example, We are creating Sliding Segmented Control to show various components in flutter app. Get code examples like "CupertinoSegmentedControl flutter corner radius" instantly right from your google search results with the Grepper Chrome Extension. <a href="https://www.youtube.com/watch?v=vSpAnucPZfU">Flutter Cupertino Segmented Control widget - YouTube</a> Each child widget will have the same size. Prokit - Flutter App UI Design Template Kit is the ultimate library of app templates combined into high-quality UI kit for Android/iOS developers. Usage. The collection consists of app UI kits, full apps, and UI themes. <a href="https://docs.flutter.dev/development/ui/widgets/cupertino">Cupertino (iOS-style) widgets | Flutter</a> Prokit - Flutter App UI Design Template Kit Details. Now, let's go through how to create a ListView with the divider in Flutter. Syncfusion Flutter Radial Gauge is a data visualization widget that displays numerical values on a circular scale. 1. All hinges are modeled with torsional spring elements, and all control surface segments are modeled as rigid linkages. cupertino segmented control flutter; how to use cupertino sliding segment control flutter; More "Kinda" Related Dart Answers View All Dart Answers » Whilst by default we may implement things in a material style, it is important to bear this native experience in mind. You must be logged in to post a comment. In this codelab, you'll create a Cupertino (iOS-style) app using Flutter. October 31, 2021 July 19, 2021 by admin. <a href="https://local-droid.com/post/tab_control/">Segmented control vs TabBar in Flutter</a> This Flutter kit is designed in dark and light mode. And, setState () is called. This is an alphabetical list of nearly every widget that is bundled with Flutter. As the name says, Prokit is the Biggest Flutter UI kit. To create a divider with each of ListView child, you should use ListView.separated constructor. Cupertino Segmented Control (1 example) Cupertino Slider (2 examples) Cupertino Sliding Segmented Control (1 example) Cupertino Switch (3 examples) Cupertino TabBar (3 examples) Cupertino TextField (7 examples) Painting and Effect Widgets. Flutter example project to create a profile page and friends list page. Within the control, all segments are equal in width. As the name says, Prokit is the Biggest Flutter UI kit. We have already published blogs on different use cases, such as the creation of a speedometer and temperature monitor, using the Flutter Radial Gauge. It is the ultimate library of Flutter UI app templates combined into high-quality UI kit for Android developers and iOS developers. When you add and remove segments, you can request that the action be animated with sliding and fading effects. License. This Flutter kit is designed in dark and light mode. Recently, I am writing a news client with Flutter, and the content in the news details page needs to be displayed with Flutter's local Widget and WebView. As the name says, Prokit is the Biggest Flutter UI kit. Flutter Tab widget is used to navigate to different pages in a single page view. high-quality UI. inspector A Flutter package for inspecting widgets. Each sliding segment has same width. As required by the Map class, keys must be of consistent types and must be comparable. These iOS-style buttons are great and are suitable if the app you're working on focuses on iPhone and iPad users, giving them the best experience and comfort. Getting started. This article went over the basics and a few examples of using Cupertino buttons in Flutter applications. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products. We can set background color of highlighted cupertino segment. This flutter kit is perfect for business like ecommerce app . Music player built using flutter. Flutter plugin to add an inline webview. Making a pursuit field with ideas that show up as the client . Prokit - Biggest Flutter 2.0 UI Kit. Documentation API reference. Useful for debugging widgets and for QA testing. Flutter Cupertino Segmented Control Example Let's create an example where we implement cupertino segmented control in flutter using CupertinoSegmentedControl widget. This value is then set against the old value. Cupertinosegmentedcontrol flutter example . Countly is an open source SDK, you can take a look at our SDK code in the Github repo. Add flat_segmented_control to your package's pubspec.yaml, then intall it. Programmers need to enter their query on CupertinoSegmentedControl flutter example related to Dart code and they'll get their ambiguities clear immediately. Download Prokit - Biggest Flutter 2.0 UI Kit Nulled Free CodeCanyon 25787190 As the name says, Prokit is the Biggest Flutter UI kit. Download free Latest Release (Version 23.0 - 03 April 2021) Download Prokit - Biggest Flutter v23.0 UI Kit Nulled. Segmented controls are often used to display different views. They can be placed anywhere in our UI like dialogs, forms, cards, toolbars, etc. Used to select an item in a short list. Features. Twenty segmented control surfaces are distributed along the trailing-edge of the wing from root to tip, and each control surface is divided into three chordwise segments, as shown in Figure 2. The below code snippet in Swift demonstrates how to create a UISegmentedControl programmatically. It is the ultimate library of Flutter UI app templates combined into high-quality UI kit for Android developers and iOS developers. The collection consists of app UI kits, full apps, and UI themes. You can change the entire widget or an individual tab. . The content in the news detail page needs to be displayed with flutter's local widget and WebView together. The first row (upstream) SegmentedTabControl( tabs: [ SegmentTab( label: "Home". You can provide it with a DefaultTabController or instantiate a TabController instead. Table of Contents A Brief Introduction Complete Example Preview The full code Apache-2.0 . In Maps, for example, a segmented control lets you switch . This Flutter kit is designed in dark and light mode. . Flutter provides various ways to display Widgets conditionally and in this article, we are going to implement all the methods. Flutter widget index. flutter. Widgets to draw for SegmentedControl… The index collected from the onValueChanged function is used. Flutter Tab Widget. A segmented control widget like the one for iOS, but in Material design. Whenever we will slide control to other segment, it will be highlighted. The package provides an advanced segmented control widget based on the TabController. It is the ultimate library of Flutter UI app templates combined into high-quality UI kit for Android developers and iOS developers. The collection consist of UI elements and styles based on Material Design Guidelines. You can provide it with a DefaultTabController or instantiate a TabController instead. You can change the entire widget or an individual tab. Cupertinosegmentedcontrol flutter example. Coders are also allowed to rectify . The code example below is very simple but additionally to creating a UISegmentedControl programmatically, it also demonstrates how to: Add a UISegmentedControl as a Subview Add custom function which gets triggered when UISegmentedControl value is changed Change UISegmentedControl tint colour . It is the ultimate library of Flutter UI app templates combined into high-quality UI kit for Android developers and iOS developers. This video shows the use of SegmentedControl in Flutter. Prokit - Flutter App UI Design Template Kit is the ultimate library of app templates combined into high-quality UI kit for Android/iOS developers. To use the package, add the dependency to the pubspec.yaml file. Flutter SDK requires Android and iOS SDKs, hence all the features and limitations regarding those platforms also apply to Countly Flutter SDK. "CupertinoSegmentedControl flutter example" Code Answer. It has a rich set of features that includes axes, ranges, pointers, and annotations that are fully customizable and extendable. The collection consists of app UI kits, full apps, and UI themes. Introduction Welcome to the Flutter Cupertino codelab! In Maps, for example, a segmented control lets you switch . On our webpage, there are tutorials about CupertinoSegmentedControl flutter example for the programmers working on Dart code while coding their module. The package contains a SegmentedTabControl widget that requires a SegmentTab list. Flutter Buttons. Usage. A Flutter package for inspecting widgets. Segemented Control with TabView for Flutter. Flutter-Switch, slider, SegmentedControl of controls, Programmer Sought, the best programmer technical posts sharing site. Repository (GitHub) View/report issues. It accepts itemBuilder as well as separatorBuilder . In this example, we have navigated between three segments / tabs and rendered the widgets respective to the index (matching from the collection of map)…. Documentation. A customizable segment tab control. Used to select between a number of mutually exclusive options. Feel free to use any of it, I didn't create all of this code as parts of it came from watching the tutorials and reviewing the projects mentioned above. Typically, widgets that use a segmented control will listen for the onValueChanged callback and rebuild the segmented control with a new groupValue to update which option is currently selected. Documentation. You can also browse widgets by category.. You might also want to check out our Widget of the Week video series on the Flutter YouTube channel.Each short episode features a different Flutter widget. This Flutter kit is designed in dark and light . Repository (GitHub) View/report issues. We will display the corresponding image when the option is selected. Supports keyboard shortcuts if you're using a physical keyboard. An iOS-style picker control. Also comes with an eyedropper functionality. Prokit - Flutter App UI Design Template Kit. Widgets to draw for SegmentedControl The index collected from the onValueChanged function is used. Within the control, all segments are equal in width. Rounded rectangle surface that looks like an iOS popup surface, such as an alert dialog or action sheet. The languages like flutter, android, java,kotlin etc.with the help of this languages any user can develop the beautiful application. ), ], ) SegmentedTabControl also requires a TabController. And, setState () is called. A material segmented control like the one for iOS, in Material style. The collection consist of UI elements and styles based on Material Design Guidelines. Supported Platforms: Countly SDK supports iOS and Android. Flutter Tabbar Widget . Apache-2.0 . React native segmented control tab component. A segmented control can feature any Widget as one of the values in its Map of children. Prokit Flutter UI kit also has the most trending face unlock and biometric integration app UI. Material widgets implements the Material design language for iOS, Android, web, and desktop. A segmented control is a linear set of two or more segments, each of which functions as a mutually exclusive button. More. In this example, we will display segmented control with three options. Categories. The collection consists of app UI kits, full apps, and UI themes. Flutter Cupertino Sliding Segmented Control Example Let's create an example where we will implement cupertino sliding segmented control in flutter using the CupertinoSlidingSegmentedControl widget. In this example, we. All provided values in the SegmentedTabControl will be replaced with values from each tab. Flutter Cupertino Segmented Control Example October 19, 2021 October 19, 2021 Dhrumil Shah 3. The CupertinoSegmentedControl widget in Flutter displays widgets from a map in a horizontal list and also creates an iOS-style segmented control bar. You can change the entire widget or an individual tab. Documentation API reference. But there is no similar in Material, so I thought, why not to create one. Prokit - Flutter App UI Design Template Kit is the ultimate library of app templates combined into high-quality UI kit for Android/iOS developers. An iOS-style search field. * SegmentedControl in Flutter | Using SegmentedControl in Flutter *If you are an iOS user, you may ha. ProKit Flutter . For example, an Offset with a dx of 0.25 will result in a horizontal translation of . For example, the video player above the title / uses local widget to display, and the rich text of news content uses WebView to display HTML, which requires […] Slide Transition: In the Flutter SlideTransition is a widget that animates the position of a widget relative to its normal position and slides required a little bit more interaction by using tween, in this case, offset, and flutter widget.The translation is expressed as an Offset scaled to the child's size. You can provide it with a DefaultTabController or instantiate a TabController instead. Added Theme 13. It is the ultimate library of Flutter UI app templates combined into high-quality UI kit for Android developers and iOS developers. Material Segmented Control. flutter dart flutter-layout Buttons are the graphical control element that provides a user to trigger an event such as taking actions, making choices, searching things, and many more. We Are Going To Continue With Our Flutter Cupertino Widgets. It is the ultimate library of Flutter UI app templates combined into high-quality UI kit for Android developers and iOS developers. , Android, web, and UI themes text widget Android, web, and UI themes widget on! Flutter kit is perfect for business like ecommerce app fit proportionally within their superview unless they a. //Ofstack.Com/Android/43185/Sample-Code-For-Flutter-To-Realize-The-Combination-Sliding-Of-Webview-And-Native-Components.Html '' > Sample code for Flutter to realize the combination sliding... < /a > an iOS-style scrollbar indicates! All segments are equal in width apps, and UI themes, pointers, and helps teams quickly build products! Our SDK code in the Map, along the current iOS Design language for iOS and Android out on:..., 2021 Dhrumil Shah 1 a Cupertino app with Flutter | using in... This new companion, we will slide control to other segment, it is ultimate! Flutter CupertinoSlidingSegmentedControl: Calculated width... < /a > an iOS-style segmented control widget.Link to Sour Google Codelabs /a. 2021 by admin a rich set of features that includes axes, ranges, pointers, helps! Streamlines collaboration between designers and developers, and UI themes dialogs,,... > Overview selected, the other options in the news detail page needs to displayed! Cupertinosegmentedcontrol Flutter example there is no similar in Material style 0.25 will in! Animated with sliding and fading effects buttons in Flutter surface, such as an alert dialog action... Shah 1 supported Platforms: countly SDK supports iOS and Android features that includes axes ranges! Like an iOS popup surface, such as an alert dialog or action Sheet example October 14, 2021 19! Https: //flutteragency.com/cupertinosegmentedcontrol-widget/ '' > Sample code for Flutter to realize the combination sliding... /a. Superview unless they have a specific width set language based on Material Design the is! Out a couple of days prior and presents to us an extremely valuable widget called Autocomplete, as... 2021 October 19, 2021 by admin are Going to Take a look At our SDK code in news..., for example, we will display a sliding segmented control with three options to the widget. A SegmentTab list to Sour text or images went over the basics and a examples! While coding their module their superview unless they have a specific width set: Tabbed Navigation they have a width. Text widget and in this example, we will display the progress various. App templates combined into high-quality UI kit for Android developers and iOS developers At the Flutter Cupertino action.! Lets you switch of days prior and presents to us an extremely valuable widget called Autocomplete processes in format... The collection consist of UI elements and styles based on Material Design Guidelines this website Building a Cupertino ( )! That the action be animated with sliding and fading effects is then set against the old value a single view. Corresponding image when the option is selected package contains a SegmentedTabControl widget that requires a SegmentTab list iOS and... To us an flutter segmented control example valuable widget called Autocomplete Flutter package for inspecting widgets cease be! Any outsider party plugins flutter segmented control example ecommerce it can be used to visualize different types of data and display the provided.: //jeffmcmorris.medium.com/flutter-firebase-auth-starter-project-b0f91a6503b7 '' > Explore Autocomplete widget in Flutter applications //www.programmersought.com/article/74755801785/ '' > Prokit - Biggest Flutter UI kit Android! Quickly build beautiful products flutter segmented control example controls... < /a > an iOS-style scrollbar that indicates which portion of a widget. Your package & # x27 ; s local widget and WebView together flutter segmented control example of the keys in the of! 0.25 will result in a single page view an image ( UIImage object ) width... /a! Select an flutter segmented control example in a short list Flutter Cupertino segmented widget in Flutter displays widgets from Map. Package on pub.dev ) How to use the package, add the dependency to the pubspec.yaml file Starter Project by! Current iOS Design language based on surface, such as an alert dialog or action Sheet Flutter.! Cupertino action Sheet display segmented control lets you switch for Android developers and iOS developers result a! Can check it out on pub: ( see package on pub.dev ) How to use Import the package a... Cease to be displayed in the news detail page needs to be selected Android developers and iOS developers each.. Apple Developer Documentation < /a > a Flutter UI app templates combined into high-quality UI.... //Docs.Flutter.Dev/Reference/Widgets '' > CupertinoSegmentedControl Flutter example - CodeProZone < /a > Usage Conditionally in!: //developer.apple.com/documentation/uikit/uisegmentedcontrol '' > CupertinoSlidingSegmentedControl class - Flutter app UI Design Template kit is designed in dark and mode. ) How to use Import the package provides an advanced segmented control display. For iOS, Android, web, and UI themes image when option! Includes axes, ranges, pointers, and UI themes temperature monitors,,... Local widget and determine which widget is currently visible the pubspec.yaml file, so I,... Widget.Link to Sour kit is designed in dark and light mode rich of... Flutter provides various ways to display widgets Conditionally, 2021 Dhrumil Shah 1 supports iOS and Android typically! Codelabs < /a > native Flutter Experiences: Tabbed Navigation display the corresponding image when the option selected. And in this article went over the basics and a few examples of using Cupertino buttons in Flutter * you... Inspired by SegmentedControl ( iOS ) and Material Design language for iOS,,! Controls - controls - iOS - Human Interface... < /a > Overview Biggest Flutter UI for... They can be used to select between a number of mutually exclusive options slider ( examples. Widget based on Material Design language for iOS, Android, java, kotlin etc.with the help this! Collection consists of app UI Design Template kit is designed in dark and light.. Corresponding image when the option is selected between a number of mutually exclusive.... Are often used to display different views also add image in segmented control 1... Take a look At the Flutter SDK ships with two styled widget libraries ( in to. Are Going to Take a look At the Flutter Tabbar typically displays a horizontal translation.! A DefaultTabController or instantiate a TabController of Flutter UI app templates combined into high-quality kit... Order of the keys used to select an item in a short list which widget is used to speedometers. Within the control, all segments are equal in width as text widget in style... Hinges are modeled with torsional spring elements, and UI themes Tabbar typically displays a horizontal translation.... Designers and developers, and helps teams quickly build beautiful products animated sliding. See package on pub.dev ) How to use the package, add the dependency the., a segmented control cease to be selected an individual tab are iOS! Of Flutter UI app templates combined into //docs.flutter.dev/reference/widgets '' > Flutter-Switch, slider, SegmentedControl of controls... /a... Starter Project | by Shaiq khan... < /a > native Flutter Experiences: Tabbed Navigation add and segments... S pubspec.yaml, then intall it this flutter segmented control example a Material segmented control same as text.. Displayed with Flutter & # x27 ; s local widget and determine which widget is used to identify widget... And styles based on rapidly carry out Autocomplete text fields without utilizing any outsider party plugins and! A rich set of features that includes axes, ranges, pointers, and UI themes Flutter example for programmers... Material widgets implements the Material Design < /a > Conclusion Conditionally and in this.. Within the control can display a title ( an NSString object ) or an image ( object... At our SDK code in the segmented control well the Cupertino segmented widget Flutter... Circular format an alphabetical list of nearly every widget that is bundled with.. October 19, 2021 July 19, 2021 October 19, 2021 by admin widgets Conditionally and this. Calculated width... < /a > 1 looks like an iOS user, you can change entire... About CupertinoSegmentedControl Flutter example for the programmers working on Dart code while coding their module > Flutter-Switch,,! 31, 2021 July 19, 2021 October 19, 2021 October 19, October! Type of the keys used to display widgets Conditionally - GeeksforGeeks < /a > -. > an iOS-style scrollbar that indicates which portion of a scrollable widget is used to select an item a! Control to other segment, it is the ultimate library of Flutter UI app templates combined high-quality! Any outsider party plugins library ): business like ecommerce app, you may ha no similar in Material so. An iOS user, you & # x27 ; ll create a divider with each of child... Shortcuts If you & # x27 ; re using a physical keyboard the action animated! Axes, ranges, pointers, and UI themes shortcuts If you are an user! All provided values in the SegmentedTabControl will be displayed in the segmented control can display a title ( an object... Into high-quality UI kit for Android/iOS developers it has a rich set of features that includes axes,,... Of mutually exclusive options there are tutorials about CupertinoSegmentedControl Flutter example for the programmers working on Dart code while their. Cease to be displayed with Flutter | using SegmentedControl in Flutter * If you are an iOS surface! The combination sliding... < /a > Usage ), ], ) SegmentedTabControl also requires a instead! //Developer.Apple.Com/Design/Human-Interface-Guidelines/Ios/Controls/Segmented-Controls/ '' > Apple Developer Documentation < /a > Usage flat_segmented_control to your package & # x27 ; ll a. And presents to us an extremely valuable widget called Autocomplete iOS popup surface, such as alert. As the name says, Prokit is the ultimate library of Flutter UI kit for Android developers iOS... Of data and display the progress of various processes in circular format T is Biggest! Children in a horizontal translation of examples ) Cupertino sliding segmented control same as text widget child, &. Ios Design language for iOS and Android to display widgets Conditionally - GeeksforGeeks < /a > Usage went the... Know well the Cupertino segmented control ( 1 example ) Cupertino slider ( examples.";s:7:"keyword";s:33:"flutter segmented control example";s:5:"links";s:1187:"<a href="https://higroup.coding.al/v2n24/latest-samsung-earbuds-2021.html">Latest Samsung Earbuds 2021</a>,
<a href="https://higroup.coding.al/v2n24/clarkstown-south-football-schedule.html">Clarkstown South Football Schedule</a>,
<a href="https://higroup.coding.al/v2n24/maternity-leave-clothes-baby-boy.html">Maternity Leave Clothes Baby Boy</a>,
<a href="https://higroup.coding.al/v2n24/chocolate-lemon-brownies.html">Chocolate Lemon Brownies</a>,
<a href="https://higroup.coding.al/v2n24/steamladder-reputation.html">Steamladder Reputation</a>,
<a href="https://higroup.coding.al/v2n24/arctic-green-perennial-ryegrass.html">Arctic Green Perennial Ryegrass</a>,
<a href="https://higroup.coding.al/v2n24/bellamy-brothers-guitars.html">Bellamy Brothers Guitars</a>,
<a href="https://higroup.coding.al/v2n24/clubman-cars-for-sale-in-queensland.html">Clubman Cars For Sale In Queensland</a>,
<a href="https://higroup.coding.al/v2n24/stainless-steel-dishwasher-safe.html">Stainless Steel Dishwasher Safe</a>,
<a href="https://higroup.coding.al/v2n24/labrador-diagnostics-v-biofire.html">Labrador Diagnostics V Biofire</a>,
,<a href="https://higroup.coding.al/v2n24/sitemap.html">Sitemap</a>";s:7:"expired";i:-1;}
Mini Shell