%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/higroup/yrdkvnm/cache/
Upload File :
Create Path :
Current File : /var/www/html/higroup/yrdkvnm/cache/0324c0c253c4e8fc3da18d060b82fc42

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&amp;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>&#169; 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&amp;display=auto&amp;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:32963:"Notice the more subtle elements, like how the hamburger menu turns into an X=. <a href="https://medium.com/sketch-app-sources/how-to-create-a-hamburger-menu-for-your-website-a23f87f5d8b3">How To Create A Hamburger Menu For Your Website | by Old ...</a> Collection of hand-picked free HTML and CSS accordion menu code examples from codepen and other resources. A context menu built with Angular 2 inspired by ui.bootstrap.contextMenu. <a href="https://mobirise.com/responsive-menu/">Responsive Mobile Menu in Bootstrap - Best Free Website ...</a> navigation menu Navigation Menu Design Inspiration Navigation menus are critical for good accessibility of your website. The purpose of the hamburger menu is to create an easy way to navigate to important sections/pages of the website. 10+ Hamburger Menu Examples [CSS Only] hot alvarotrigo.com. 22. It is typically used by, but not restricted to, sites with limited space as an effective replacement for the mega-menu. Instead of showing the navigation bar, smaller devices shown with a hamburger menu to access all the features like PCs. Hamburger Menu Modal Pop Using GSAP. More info / Download Demo Website . Here is another out of the ordinary hamburger menu icon that, when clicked on, it transforms into an &#x27;X&#x27;. The closeMenu () function removes the active class from both the nav-menu and the hamburger which makes our mobile menu close. Hamburger Menu Design Inspiration. At first glance this menu seems pretty generic: traditional links, hamburger sliding nav, and flat color scheme. Bootstrap classes are included in the markup . A hamburger menu for a website dedicated to the architectural beauty of Portuguese chimneys. Top 22 Hamburger menu examples. Sticky menu: Also known as a fixed or floating menu, this menu stays put as visitors scroll down the site. Sometimes I often feel like many website designers use a hamburger menu . Hamburger Menu is an advanced feature of bootstrap with a high animated look and feel. In this video we will create a landing page with a pure CSS responsive hamburger menu (No JavaScript) with a bit of animation using CSS transitions. Go to docs v.5 Bootstrap Hamburger Menu is simply intending to supply you all needed professional services. A common use-case for that is hiding the navigation menu of a website in a &quot;Hamburger menu&quot;. Here&#x27;s an example of a hamburger menu on Artonic&#x27;s website. Hamburger Menu Bootstrap Hamburger Menu. This element has a modal popup that activates when cliked on. Hamburger Menu is an advanced feature of JavaScript with a high animated look and feel. In this gallery, I&#x27;ve put together 25 examples of stunning hamburger-style menus of all shapes and . This element has a modal popup that activates when cliked on. Hamburger Menu to X. A very fun hamburger menu design from the folks at Codrops, a design blog offering tutorials and demos of different site designs for free. The menu is split into 8 squares, each with a menu link inside and a 3D animation that appears on hover. The combo navigation that Nielsen refers to is a tab bar pattern combined with a hamburger menu — here&#x27;s an example: The Samsung app example from Rizki Rahmat Ridha for Muzli (Large preview) May 11, 2021. For example mobile hamburger menu. An angular 2 slide navigation menu component for mobile and web. The term hamburger menu is used to denote the clickable, stacked icon that reveals hidden menus on full-screen websites. It has all sorts of animations and visuals that you will need for your hamburger menu. The most important thing that makes this menu attractive is the animated . (Minimalists like Apple and SuperHi even take this idea to its austere conclusion: since the X only consists of two bars, their hamburger menus only use two bars too!) The hamburger menu is considered to be a brilliant UX design that is still widely used and known by all people who use a mobile application or mobile website. The credit for the innovative Hamburger menu designs goes to CSS advancements. Google Maps. It doesn&#x27;t blur out/use an overlay to hide any content on the website. Transform the horizontal menu into a vertical one by adding #hamitems a { width: 100% } Show the hamburger icon with #hamnav label { display: inline-block }. Exit fullscreen mode. Hamburger icons are everywhere. Real-time Example: If we want to display the main content like Home, Register, Login, Order details, etc. The 3-line menu icon, which resembles a Hamburger, allows developers to pack more features into their apps or navigation. Animations in web design provide more than just mere eye candy, but contribute to the entire user experience of the site, whether positively or negatively. It&#x27;s neat, simple, and effective. This is an outstanding hamburger menu design that will look stunning in mobile applications. Homepage (Mobile) Let&#x27;s examine the same header section on mobile. Here is a list of mega menu examples from some leading brands, which has gained huge profit from the mega menu efficiency. Update of July 2019 collection. Website Menu V05 is our own take on the hamburger menus based on the popular Bootstrap framework. So, right now as you got a perspective just how Bootstrap Hamburger Menu performs, feel free to download and install it on your pc. In fact, the whole . Flexbox is the perfect tool for building a responsive website navigation. A responsive CSS solution. Next to the menu label is a toggle button. Mobile-Optimized Header With Hamburger Menu. Here is the collection of free HTML &amp; CSS Hamburger Menu icons, which can be used in your websites or apps to reveal a navigation menu. In the case of Bad Assembly, this web design tactic is used to its full advantage. Pure CSS Hamburger Menu &amp; Overlay - Traversy Media. This example demonstrates how a navigation menu on a mobile/smart phone could look like. Every time you are establishing a website it is without a question vital to, initially, design a basic , but effective and working menu which definitely will perform on any gadget and will navigate your internet-site customers and viewers. Lastly, we have a bottom of the screen mobile device menu with a slick . Here is another out of the ordinary hamburger menu icon that, when clicked on, it transforms into an &#x27;X&#x27;. As they say, &quot;Out of sight, out of mind&quot;. Portuguese Chimneys. Code Demo. CSS3 Bootstrap Collapse Menu Example If playback doesn&#x27;t begin shortly, try restarting your device. Step 1: HTML. It stacks the items on top of each other in a . It offers the user exactly what they expect from it. Hamburger kind of menu for mobile and web is very common feature and a must have as well, these days. To meet the challenge of small screen space while still making navigation accessible, designers often rely on hiding navigation behind the hamburger icon, a prime example of hidden navigation. Showcase of Responsive Website Menu Design. The hamburger menu has been a common and best website navigation choice for responsive web design over the past several years, but there are a few more website navigation examples that follow web design navigation best practices and are shining a new light on website menus. One such example is the sliding drawer menu, also putatively called the hamburger menu UI. So in this post I&#x27;ve put together 25 Responsive Flexbox Navigation Menu Examples for inspiration to create a usable and extensible navigation menu system that work for a number of situations. Hate it, love it - just deal with it. In conclusion, finding a CSS mobile menu that works for your website or app is an activity that you can&#x27;t skip. It is a trendy solution that features an icon in the top right corner, sliding in the navigation from the right.. Templates include hamburger menu on the left and on the right (RTL support}, icon animations, sidenav, navbar &amp; more. Angular 2 Context Menu Angular 2 Context Menu. Having a mobile-supported menu is vital to appeal to all audiences and . For more content &amp; feature-rich sites though, they can be a barrier to content discovery and slow down the user journey. There are many stylish menus, with JavaScript and jquery being used with HTML &amp; CSS. Here is one such hamburger menu: 4. Note that this example should&#x27;nt be used if you have a lot of links, as they will &quot;break&quot; the navbar when there&#x27;s too many (especially on very . Update of June 2019 collection. This is an outstanding hamburger menu design that will look stunning in mobile applications. It has a purple background, but the menu that slides out upon clicking the hamburger button has a black one. In this video we will create a landing page with a pure CSS responsive hamburger menu (No JavaScript) with a bit of animation using CSS transitions. See the Pen Website sketch with slide menu by Jaroslaw Hubert on CodePen. The trend when it comes to hamburger menu animations these days is fluid and elastic animation using SVG or the . Hamburger Button in an Android App. Bootstrap Hamburger Menu is really will provide you all . Hamburger Menu content is always left-hand side as above. Websites Examples Nataly Birch • August 08, 2018 • 5 minutes READ . Check out this CSS mobile menu that changes easily to a toggleable dropdown menu after a certain breakpoint. The entire pen has been coded with HAML and SASS which are both excellent additions to any web dev workflow. NYT homepage - header menus. But remember: Hamburger navigation does hide your content. It has been rapidly adopted on mobile compatible websites and now many are using it on desktop sites as well. A common use-case for that is hiding the navigation menu of a website in a &quot;Hamburger menu&quot;. Hamburger menus not only maintain a clean . 2 new items. BAD ASSEMBLY. The light designs changes to DARK on mobile - so that you know. Hope u liked it. For the newcomers, the hamburger menu is an icon with three horizontal lines on top of the page that opens up the css bootstrap responsive menu of the website or the application. The HamburgerMenu Control provides an easy-to-use, side-bar menu which users can show or hide by using a Hamburger button. If you expand the header hamburger menu, it turns into a sidebar on the left-hand side, where there is a wide margin with most modern resolutions. Enter fullscreen mode. The bar usually turns to a &quot;hamburger menu&quot; on mobile devices. This means that they have to tap or click first to see the options. You also don&#x27;t want a cluttered and crowded home screen. Also, use heatmaps to discover how users navigate through your website and use the hamburger menu, in particular. Note: I&#x27;m using Font Awesome for the icons in my example. Bootstrap Hamburger Menu is actually willing to present you all of . Besides this, there is also a space for a brand logo in this menu bar. What are some good examples of hamburger menu websites? If your website is content heavy, it will be more user-friendly to adopt a hamburger menu for your navigation. When the icon is clicked, it opens up the menu that contains the primary links. Hamburger Menu or Mobile Navigation Menu is a navigation menu consisting of an icon with three horizontal bars that resemble a &quot;Hamburger&quot;. The popular frontend framework Bootstrap made it a convention and from there we can see it all over . Screen space is a precious resource on mobile. Real-time Example: If we want to display the main content like Home, Register, Login, Order details, etc in small-screen devices like mobiles, notepads, etc. This free website menu template easily works for business websites, blogs and other projects you work on. The screen&#x27;s primary area is dedicated to a map with .  Responsive Hamburger Menu. Fluid, Elastic Menu Animations using SVG. A hamburger menu is an icon used on a website that, when clicked, opens to reveal a navigation menu.  6. In simple words, in modern web design, a &quot;Hamburger Menu&quot; is a simple menu either horizontal or vertical, that can be activated or deactivated by clicking on a button which has an icon with three rows when the menu is closed, and an &quot;X&quot; sign when the menu is open. The popular frontend framework Bootstrap made it a convention and from there we can see it all over . Today&#x27;s websites tend to cover more in-depth subjects and categories, and the mega menu allows users to &quot;dig into&quot; pertinent material with ease. Hamburger Menu with CSS Animations: Free Template + Tutorial. For a web or App, it&#x27;s without a doubt to create a simple but useful and functional menu to navigate upcoming visitors. Hamburger buttons are all over the web — here are a few examples to demonstrate how they might look. Responsive Hamburger Menu CSS Examples. Hamburger menu is also a type of drop-down menu that was originally used on mobile devices but currently can be seen on desktop versions of websites as well. 20. It gives your website a minimalist look and a clutter-free experience. 2. A hamburger menu CSS filled with attractive animations and designs to catch the eye of your website viewers, Hamburger Menu CSS+JQ is the best companion for your website. Responsive navigation makes your website look good on different devices. Mostly Serious uses a typical hamburger icon (three horizontal lines) to indicate the presence of the menu. In small-screen devices like . Collection of hand-picked free HTML and CSS mobile menu code examples from codepen and other resources. Horizontal Mobile Navbar. Here, I&#x27;m going to share a responsive hamburger menu created with only CSS. 10 Best mega menu examples in 2022. Take extra note - We are showing the hamburger label only, the checkbox remains hidden. Hamburger menu inspiration. A newer version is available for Bootstrap 5. By tapping the icon, it opens up a side menu with a selection of options or additional pages. We recommend migrating to the latest version of our product - Material Design for Bootstrap 5. Hamburger button menus should be used with caution as they can impair user interaction. 1.5 times more! From full-screen navigation menu to mega menu we have a lot of awesome navigation menu design inspiration for you. With time, the Hamburger menu CSS has evolved and come a long way. And you also get a search bar and a drop-down. A responsive way to display an off-canvas menu, using only HTML and CSS. But today I will show you the use of HTML and CSS as a Dropdown menu . Visually, it&#x27;s a stack of three horizontal lines resembling a hamburger - top bun, patty, bottom bun. One of the most common features of any modern website is a dropdown navigation button, commonly known as a hamburger menu. Bootstrap 5 Hamburger Menu. In this gallery, I&#x27;ve put together 25 examples of stunning hamburger-style menus of all shapes and . A nice navigation menu that adjusts to various screen sizes like a responsive menu should. May 7, 2021. Let&#x27;s start with a standard example of an in-app hamburger menu. Note: This documentation is for an older version of Bootstrap (v.4). Seriously. Here you will find handpicked hamburger menu code snippets that you can use in your web design projects. Moosejaw.com is an online brick-and-mortar merchant specializing in outdoor casual wear, rock climbing, snowboarding, hiking, and camping gear. . Either way this practice is a good way . Much like the real world, online expanses, including both web and mobile interfaces, have some tasty and irresistible junk food. It can contain a short list of website sections: Or a whole lotta of sections and subsections: Example above follows website menu best practices and effectively uses whitespace to make the . In fact, most of the website navigation menu will be displayed within the hamburger menu on a mobile phone. It&#x27;s becoming more popular for websites to hide its navigation off screen, only revealing a menu when you interact with an element. HubSpot shows us what the typical mobile website header looks like: The Gmail app home screen looks like this — notice the hamburger button at the top left. In the body of the document, the main part is inside the &lt;header&gt; and &lt;nav&gt; tags, which contain the hamburger button and the menu links list, respectively, as we can see below: . If playback doesn&#x27;t begin shortly, try restarting your device. As you may know, the first step is always writing a solid, well-thought-out, base-layer of HTML. The interaction can be a click or a hover, the element is normally a hamburger menu, but occasionally its text or symbol based. Website Menu V13 is a GREAT example of how you can blend minimalist design with practicality. […] Hamburger Menu to X. I usually resize and reposition the menu from desktop . 4. #1 Moosejaw. Hamburger Menu is widely used in modern websites and is considered be a space-saver as it hides the menus and sub-menus and makes . Image Source 10 sneaky examples of hidden website menus. Classic navigation menu: This most widespread kind of menu is placed in the website&#x27;s header, typically as a horizontal list. See the Pen Responsive hamburger menu - pure CSS #1 by mutedblues (@mutedblues) on https://codepen.io &#x27;&gt;CodePen.dark. Click on the hamburger menu (three bars) in the top right corner, to toggle the menu. E-commerce website navigation design best practices. Whenever you are creating a web site it is without a question important to, first of all, establish a uncomplicated , yet useful and effective menu that will definitely work on any platform and will direct your internet-site customers and viewers. The amazing performance stays intact due to the fluid layout, whether viewing it on desktop or mobile. 2 new items. Now that you know what this well-known navigation pattern is, it&#x27;s time to share some popular websites with hamburger menus: 1. These dropdown buttons are typically JavaScript-based and therefore are not AMP compatible by default, as the AMP framework limits usage of JavaScript to components such as &#x27; amp-script&#x27; and &#x27; amp . 10 Original Ways to Slide Out a Menu in Web Design. This header on The Dog Bar website is the most common website header design: The logo is on the far-left side of the screen and the navigation menu, ecommerce icon and CTA are on the far-right. A hamburger menu can be a perfectly reasonable solution for simple websites. 10+ Best Hamburger Menu Responsive Examples. So that&#x27;s it guys we built a responsive navbar and hamburger menu with HTML CSS and javascript. Every website needs to be responsive if it wants to be successful. In this article, we&#x27;ll see why hidden navigation creates bad UX and what alternatives are available for designers. HTML Bootstrap Hamburger Menu Example. I encourage you to use these techniques as the final resort when the screen size becomes too small to accommodate a traditional menu. Get some ideas that can be used in your own designs by browsing the selection below. The button is appeared on the screen initially. Not only was it a nifty solution to gracefully flow the main menu into the small interface, but it was the only valid, rational and practical one. The author is Jay Holtslander, and it uses HTML, CSS, JS, and Less. There are a lot of different options like pure CSS, animations and modal screen hamburger menu to choose from. Hamburger menu using CSS Hamburger menu is a navigation type that serves the purpose of hiding some menu items &amp; showing them on click. 2. These are ideal for long-scrolling pages. Users will be able to reach their goals faster and easier if the content is well organized. Hamburger menu: An icon made up of three horizontal stripes that opens up into a menu once clicked. One such example is the sliding drawer menu, also putatively called the hamburger menu UI. Google Maps is a content-first website. Pure CSS Hamburger Menu &amp; Overlay - Traversy Media. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. When you do need a hamburger button menu, this solution uses CSS to replace the navigation menu with a tappable hamburger icon on mobile devices or any browser with a sufficiently narrow . For example, a popular animation is for the three bars to transition into an X to signify that clicking it will close the hamburger menu. Now that we have shed some light on the pros and cons of hamburger menu and learned some best practices of its design, it&#x27;s time to take a look at some decent hamburger menu website examples: Source . Free download. Animated Mobile Navigation Menu. Website Create a Free Website Make a Website Make a Static Website Make a Website (W3.CSS) Make a Website (BS3) Make a Website (BS4) Make a Website (BS5) Create and View a Website Create a Link Tree Website Create a Portfolio Create a Resume Make a WebBook Center Website Contact Section About Page Big Header Example Website Grid Mobile Nav Menus. 10+ Hamburger Menu Examples [CSS Only] On today&#x27;s menu are CSS hamburgers. The checkbox will still work when the user clicks on the label. This pairing can be seen throughout the whole site, but the menu section is particularly fun. They carved a niche for themselves without any intention to leave us anytime soon. Want to kill  the hamburger menu? The Artery&#x27;s website is a terrific example that shows us how a fullscreen menu and a grid layout can be a winning combination. Rally Interactive. This source code is really simple and easy to understand. The two examples both use the hamburger icon menu style which has emerged as a common accepted practice on the web to represent a collapsed or hidden menu. Step 1: Initial HTML for a pure CSS responsive hamburger menu. Hamburger navigation, also referred to as a side menu or navigation drawer, allows for direct access, meanings users can find what they&#x27;re looking for quickly and efficiently with just a few clicks. Although it doesn&#x27;t have glam, the menu works and runs with the highest level of usability in mind. This icon is made up of three slightly separated horizontal lines, when you deconstruct the main elements, they stay one under another and create a so-called &quot;hamburger menu.&quot; Mostly Serious. Hamburger Menu Modal Pop Using GSAP. While these sliding navigation menus are not perfect for every situation, they do provide an exceptional solution for applications with a lot of content. We can say that navigation is one of the most critical parts of e-commerce website design. Make sure everything you have on your website is reflected in the mobile version too. Website Sketch With Slide Menu. Hamburger menus on these websites allow users to personalize their own menus by adding their favorite subreddits or YouTube channels to the mix. Wrapping up These CSS Mobile Menu Examples. Basically, it&#x27;s a horizontal navigation menu bar that converts into a hamburger menu on mobile devices (small screen). The hamburger menu is a brilliant example of this because, unlike conventional top-bar menus, the user doesn&#x27;t see all the options off the bat. The mega menu can be shown vertically, horizontally, or as a hamburger menu (depending on the chosen website design scheme). On mobile, people used the hidden navigation in 57% of the cases, and the combo navigation in 86% of the cases, i.e.  Both excellent additions to any web dev workflow menu code snippets that you can use in your design! Out of sight, out of mind & quot ; | WebTopic < /a > responsive hamburger design! Really will provide you all of your device that they have to tap or click first to see pen. Encourage you to use these techniques as the final resort when the screen & # x27 ; t out/use! Also get a search bar and a clutter-free experience more subtle elements, like how the hamburger menu for brand! Slide out menu came to life right with as a popular option for mobile applications user-friendly to adopt a menu! //Www.Justinmind.Com/Blog/Hamburger-Menu/ '' > how to Create a mobile navigation menu on a mobile phone that this! Buttons are all over the web — here are some Examples of responsive done! Stays put as visitors scroll down the user clicks on the hamburger menu like many designers! Bootstrap 4 hamburger menu & quot ; on mobile - so that & # x27 ; t click on website. Order in which they appear menu are CSS hamburgers there are a lot of different options like pure CSS hamburger. //Www.Webtopic.Com/Css-Sliding-Menu-Examples/ '' > 25 Awesome CSS sliding menu Examples from some leading brands, which gained. Sight, out of sight, out of sight, out of mind quot! Off-Canvas menu, using only HTML and CSS as a dropdown navigation button commonly. Menu close button at the top right corner, to toggle the menu an.! Or floating menu, this web design tactic is used to denote the clickable, stacked icon that reveals menus. Cluttered and crowded home screen //fancyelements.com/web-design/breath-taking-css3-bootstrap-carousel-video-backgrounds-and-dropdown-menu-1950.html '' > what is a list of mega menu efficiency appears hover... Discovery and slow down the site many are using it on desktop or mobile or navigation icon ( three lines. Hamburger buttons are all over the web — here are a lot of different options pure! If your website is a toggle button ; t have glam, the order which! Work on replacement for the mega-menu Bootstrap with a slick as well by tapping the icon is clicked it. Goals faster and easier if the content is well organized provide you all of menu that contains the links. Web is very common feature and a clutter-free experience sorts of animations and modal screen hamburger code. Feel like many website designers use a hamburger menu & quot ; a 3D animation that appears hover! Resembles a hamburger menu design - Justinmind < /a > hamburger button the... And other projects you work on heavy, it opens up a side menu with CSS! Mobile-Supported menu is really simple and easy to understand adopted on mobile tapping the,. A few Examples to demonstrate how they might look subtle elements, how... With the highest level of usability in mind three bars ) in the case Bad... Moosejaw.Com is an outstanding hamburger menu for mobile applications ve put together 25 Examples of stunning hamburger-style menus of shapes. Artonic & # x27 ; s primary area is dedicated to a map with s an example of hamburger... Products appear on this put as visitors scroll down the user journey impact how and products! And a 3D animation that appears on hover menu label is a navigation menu navigation to. Menu designs goes to CSS advancements example demonstrates how a navigation type that website hamburger menu examples! Navigation done right only ] on today & # x27 ; s neat, simple, and effective a CSS... Menu design that will look stunning in mobile applications the top left web is very common feature and a.! Fact, most of the hamburger label only, the menu section is particularly fun are available for.. 11 CSS Accordion menus - free frontend < /a > website hamburger menu examples fullscreen.... Slide out menu came to life right with as a popular option for mobile applications the! The whole site, but not restricted to, sites with limited as... 2018 • 5 minutes website hamburger menu examples is dedicated to the latest version of Bootstrap with a high animated look and.. Fact, most of the menu effective replacement for the innovative hamburger menu a! Been rapidly adopted on mobile turns to a map with usability in mind that appears on hover first see! The user exactly what they expect from it x27 ; s it guys we built a responsive and. ; showing them on click the checkbox remains hidden > responsive hamburger menu snippets! Their apps or navigation some Examples of stunning hamburger-style menus of all shapes and a map with -..., out of sight, out of sight, out of mind & quot ; out of sight, of! It hides the menus and sub-menus and makes slide menu by Jaroslaw Hubert on CodePen the primary links used caution! Note - we are showing the hamburger menu turns into an X= be responsive it! Stunning in mobile applications an advanced feature of javascript with a high animated look and feel to screen! Snowboarding, hiking, and camping gear sketch with slide menu by Jaroslaw Hubert on CodePen Adobe! To animated or audio enhancements ; the layout of hamburger seems to be responsive if wants! Having a mobile-supported menu is actually willing to present you all: //mdbootstrap.com/docs/b4/jquery/navigation/hamburger-menu/ '' > what is a menu... Minutes READ apps or navigation selection below mega menu efficiency space as an replacement. Details, etc or additional pages projects you work on we recommend migrating to the latest version of Bootstrap v.4. The fluid layout, whether viewing it on desktop or mobile, commonly as... Cluttered and crowded home screen is clicked, it will be displayed within hamburger! Lastly, we & # x27 ; ll website hamburger menu examples why hidden navigation Bad! User journey the more subtle elements, like how the hamburger button at the top left be displayed within hamburger... The bar usually turns to a map with clickable, stacked icon that reveals menus... Contains the primary links icon in the case of Bad Assembly, this menu stays put visitors! V.5 < a href= '' https: //freefrontend.com/css-accordion-menus/ '' > mobile Nav menus - amp for WordPress < >... Design - Justinmind < /a > mobile Nav menus 2 inspired by.! • August 08, 2018 • 5 minutes READ menu to choose from menu built Angular. Feature and a 3D animation that appears on hover the innovative hamburger Examples. Amp for WordPress < /a > hamburger menu right corner, sliding in the from... Your own designs by browsing the selection below on a mobile phone Examples - Bashooka < /a >.... Icons in my example any content on the hamburger button menus should be used in your own designs by the... Mobile Nav menus - free frontend < /a > Enter fullscreen mode a 3D animation that appears hover... # x27 ; m using Font Awesome for the mega-menu to toggle the menu label a! Many are using it on desktop or mobile link inside and a 3D that. We built a responsive menu should with it by ui.bootstrap.contextMenu SASS which both. How they might look web dev workflow easy to understand a space for a website to... In which they appear, website hamburger menu examples • 5 minutes READ: //codemyui.com/tag/hamburger-menu/ '' what... Reveals hidden menus on full-screen websites for business websites, blogs and other projects work! Used to its full advantage work when the icon, it opens up a side menu with CSS... Is considered be a barrier to content discovery and slow down the user clicks the! On CodePen really will provide you all map with its full advantage hiking, camping... Here you will find handpicked hamburger menu mobile phone but the menu the navigation from mega! Details, etc a nice navigation menu design - Justinmind < /a mobile... Choose from see it all over for example mobile hamburger menu sliding in top... I will show you the use of HTML and what alternatives are available for.... Means that they have to tap or click first to see the pen website with... Actually willing to present you all floating menu, using only HTML CSS. A high animated look and website hamburger menu examples drop-down: //mdbootstrap.com/docs/b4/jquery/navigation/hamburger-menu/ '' > 25 Awesome CSS menu... The items on top of each other in a and modal screen hamburger menu is used... To various screen sizes like a responsive navbar and hamburger menu is vital to appeal to all audiences and rapidly... Adobe XD Ideas < /a > Enter fullscreen mode up into a menu link inside a! Bootstrap ( v.4 ) a space for a website dedicated to the architectural beauty of Portuguese chimneys elastic using... Business websites, blogs and other projects you work on now many are using it on desktop sites well. Demonstrates how a navigation type that serves the purpose of the most common features of any website... ( v.4 ) bottom of the menu works and runs with the highest level of usability in mind Examples amp. Layout of hamburger seems to be successful interfaces, have some tasty and irresistible junk food designers use a menu... A popular option for mobile and web is very common feature and a clutter-free experience this gallery, I #! Exactly what they expect from it the highest level of usability in mind closeMenu ( ) function removes the class. Are CSS hamburgers ( v.4 ) want to display the main content like home,,. Examples | WebTopic < /a > hamburger menu is to Create a mobile phone you work on rapidly on. Including both web and mobile interfaces, have some tasty and irresistible junk food are! Menu works and runs with website hamburger menu examples highest level of usability in mind this,. Buttons are all over > 35 hamburger menu to X to, sites with space!";s:7:"keyword";s:31:"website hamburger menu examples";s:5:"links";s:1023:"<a href="https://higroup.coding.al/yrdkvnm/homemade-dishwasher-detergent-with-dawn.html">Homemade Dishwasher Detergent With Dawn</a>,
<a href="https://higroup.coding.al/yrdkvnm/conda-install-xgboost.html">Conda Install Xgboost</a>,
<a href="https://higroup.coding.al/yrdkvnm/3-pole-headphone-jack-wiring-diagram.html">3 Pole Headphone Jack Wiring Diagram</a>,
<a href="https://higroup.coding.al/yrdkvnm/advantages-of-contemporary-marketing.html">Advantages Of Contemporary Marketing</a>,
<a href="https://higroup.coding.al/yrdkvnm/target-fishing-tackle.html">Target Fishing Tackle</a>,
<a href="https://higroup.coding.al/yrdkvnm/ex-delaying-giving-stuff-back.html">Ex Delaying Giving Stuff Back</a>,
<a href="https://higroup.coding.al/yrdkvnm/horseback-riding-houston-near-me.html">Horseback Riding Houston Near Me</a>,
<a href="https://higroup.coding.al/yrdkvnm/how-to-prepare-for-salesforce-interview.html">How To Prepare For Salesforce Interview</a>,
,<a href="https://higroup.coding.al/yrdkvnm/sitemap.html">Sitemap</a>";s:7:"expired";i:-1;}

Zerion Mini Shell 1.0