Websites using javascript grid plugin as a keyword

Freewall demo for flex layout

Norwegian software developers studio. We are blogging om programming, making games, consulting people, write code and books and have fun.

gridstack.js is a jQuery plugin for widget layout

The dynamic table input jQuery plugin

A swiss army jQuery table plugin

BuddyPress a social network plugin for WordPress, which allows your website to become a fully functional community portal. BuddyPress lets your user’s interact

7codes is a technical web blog. 7codes provides examples, demos and source codes of Php, Codeigniter, Laravel5, Mysql, Postgresql, Javascript, Jquery, Ajax, Angular js, Node js, Underscore Js, Jquery Ui, Jquery Mobile, Html, Html5, Bootstrap, Css, Css3, Animations, Jquery plugins.

DIE MARKE MIT KÖLSCHEM JEDER KAUF EINE SPENDE Zur Spendenaktion /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize=function(){ try{var e=new | Alaaf You" /> <link rel="canonical" href="https://alaaf-you.com" /> <link rel="alternate" type="application/rss+xml" href="https://alaaf-you.com/sitemap.xml" /> <link rel="shortcut icon" href="https://alaaf-you.com/favicon.icon" /> <link rel="apple-touch-icon" sizes="32x32" href="https://alaaf-you.com/touch-icon.png" /> <link rel="apple-touch-icon" sizes="76x76" href="https://alaaf-you.com/touch-icon76.png" /> <link rel="apple-touch-icon" sizes="120x120" href="https://alaaf-you.com/touch-icon120.png" /> <link rel="apple-touch-icon" sizes="152x152" href="https://alaaf-you.com/touch-icon152.png" /> <meta name="dc.language" content="de-DE" /> <meta name="dc.language.iso" content="de_DE" /> <meta name="dc.publisher" content="Alaaf You" /> <meta name="dc.title" content="Alaaf You | Die Marke mit kölschem Herz" /> <meta name="dc.description" content="DIE MARKE MIT KÖLSCHEM JEDER KAUF EINE SPENDE Zur Spendenaktion /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize=function(){ try{var e=new | Alaaf You" /> <meta name="dc.date.issued" content="2017-10-11" /> <meta property="og:url" content="https://alaaf-you.com" /> <meta property="og:title" content="Alaaf You | Die Marke mit kölschem Herz" /> <meta property="og:description" content="DIE MARKE MIT KÖLSCHEM JEDER KAUF EINE SPENDE Zur Spendenaktion /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize=function(){ try{var e=new | Alaaf You" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://alaaf-you.com/wp-content/uploads/2016/10/AlaafYou_Crazy-2.jpg" /> <meta property="og:image:width" content="500" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="og:site_name" content="Alaaf You" /> <meta property="og:locale" content="de_DE" /> <script async src='https://www.google-analytics.com/analytics.js'></script><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-85006150-1', 'auto');ga('send', 'pageview');</script> <script type="application/ld+json">{"@context":"https:\/\/schema.org\/","@type":"Organization","@id":"https:\/\/alaaf-you.com","url":"https:\/\/alaaf-you.com","name":"DM Democracy Media GmbH","logo":{"@type":"ImageObject","url":"https:\/\/alaaf-you.com\/wp-content\/uploads\/2016\/10\/AlaafYou_WBM_web_450.jpg"},"potentialAction":{"@type":"SearchAction","target":"https:\/\/alaaf-you.com\/?s={search_term_string}","query-input":"required name=search_term_string"},"sameAs":["https:\/\/www.facebook.com\/alaafyouderfilm\/"]}</script> <comment> /Squirrly SEO Plugin </comment> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://alaaf-you.com/xmlrpc.php"> <link rel='dns-prefetch' href='//cdn.linearicons.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="Alaaf You » Feed" href="https://alaaf-you.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Alaaf You » Kommentar-Feed" href="https://alaaf-you.com/comments/feed/" /> <link rel='stylesheet' id='frontend.min.css-css' href='https://alaaf-you.com/wp-content/plugins/squirrly-seo/view/css/frontend.min.css?ver=8305' type='text/css' media='all' /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.4\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/alaaf-you.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.3"}}; !function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([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]),!b);case"emoji":return b=d([55357,56692,8205,9792,65039],[55357,56692,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.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='contact-form-7-css' href='https://alaaf-you.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.0' type='text/css' media='all' /> <link rel='stylesheet' id='wpsm_faq-font-awesome-front-css' href='https://alaaf-you.com/wp-content/plugins/faq-responsive/assets/css/font-awesome/css/font-awesome.min.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='wpsm_faq_bootstrap-front-css' href='https://alaaf-you.com/wp-content/plugins/faq-responsive/assets/css/bootstrap-front.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='gglcptch-css' href='https://alaaf-you.com/wp-content/plugins/google-captcha/css/gglcptch.css?ver=1.35' type='text/css' media='all' /> <link rel='stylesheet' id='rs-plugin-settings-css' href='https://alaaf-you.com/wp-content/plugins/revslider/public/assets/css/settings.css?ver=5.2.6' type='text/css' media='all' /> <style id='rs-plugin-settings-inline-css' type='text/css'> #rs-demo-id {} </style> <link rel='stylesheet' id='siteorigin-panels-front-css' href='https://alaaf-you.com/wp-content/plugins/siteorigin-panels/css/front-flex.css?ver=2.6.2' type='text/css' media='all' /> <link rel='stylesheet' id='sow-social-media-buttons-flat-359cc5130730-css' href='https://alaaf-you.com/wp-content/uploads/siteorigin-widgets/sow-social-media-buttons-flat-359cc5130730.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='tc-team-members-css' href='https://alaaf-you.com/wp-content/plugins/tc-team-members/lib/functions/../../assets/css/tc-plugin.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='tc-font-awesome-css' href='https://alaaf-you.com/wp-content/plugins/tc-team-members/lib/functions/../../vendors/font-awesome/css/font-awesome.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='woocommerce-gzd-layout-css' href='//alaaf-you.com/wp-content/plugins/woocommerce-germanized/assets/css/woocommerce-gzd-layout.min.css?ver=1.9.8' type='text/css' media='all' /> <style id='woocommerce-gzd-layout-inline-css' type='text/css'> .woocommerce-checkout .shop_table { background-color: #eeeeee; } </style> <link rel='stylesheet' id='bramble-style-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/style.css?ver=4.9.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-owl-carousel-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/owl.carousel.css?ver=1.3.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-owl-theme-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/owl.theme.css?ver=1.3.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-prettyphoto-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/prettyPhoto.css?ver=3.1.6' type='text/css' media='all' /> <link rel='stylesheet' id='superfish-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/superfish.css?ver=1.7.5' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-woocommerce-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/woocommerce.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-font-awesome-css' href='https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/font-awesome.min.css?ver=4.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-linearicons-css' href='https://cdn.linearicons.com/free/1.0.0/icon-font.min.css?ver=4.0.3' type='text/css' media='all' /> <link rel='stylesheet' id='bramble-fonts-css' href='//fonts.googleapis.com/css?family=Raleway%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic%7COpen+Sans%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic&subset=latin%2Clatin-ext' type='text/css' media='all' /> <script type='text/javascript' src='https://alaaf-you.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='https://alaaf-you.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript' src='https://alaaf-you.com/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js?ver=5.2.6'></script> <script type='text/javascript' src='https://alaaf-you.com/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js?ver=5.2.6'></script> <link rel='https://api.w.org/' href='https://alaaf-you.com/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://alaaf-you.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://alaaf-you.com/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.9.3" /> <meta name="generator" content="WooCommerce 3.2.6" /> <link rel='shortlink' href='https://alaaf-you.com/' /> <link rel="alternate" type="application/json+oembed" href="https://alaaf-you.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Falaaf-you.com%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://alaaf-you.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Falaaf-you.com%2F&format=xml" /> <link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/fbrfg/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/wp-content/uploads/fbrfg/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/wp-content/uploads/fbrfg/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/wp-content/uploads/fbrfg/manifest.json"> <link rel="mask-icon" href="/wp-content/uploads/fbrfg/safari-pinned-tab.svg" color="#c60f1b"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/wp-content/uploads/fbrfg/mstile-144x144.png"> <meta name="msapplication-config" content="/wp-content/uploads/fbrfg/browserconfig.xml"> <meta name="theme-color" content="#ffffff"> <meta name="generator" content="bramble 1.0" /> <comment>[if IE 8]> <link rel="stylesheet" href="https://alaaf-you.com/wp-content/themes/themetrust-bramble/css/ie8.css" type="text/css" media="screen" /> <![endif]</comment> <comment>[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]</comment> <style> body { color: #000000; } .content-area { background-color: #f6f6f6; } .entry-content a, .entry-content a:visited { color: #000000; } .entry-content a:hover { color: #c60f1b; } .button, a.button, a.button:active, a.button:visited, #footer a.button, #searchsubmit, input[type="submit"], a.post-edit-link, a.tt-button, .pagination a, .pagination span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { background-color: #c4c4c4; } #loader-icon, #loader-icon * { background-color: #c60f1b; } .products .product .overlay { background-color: #000000 !important; } .product-thumb span.sale, .product-thumb span.onsale, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { background-color: #c60f1b ; } .star-rating, p.stars a, p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after { color: #c60f1b !important; } header.entry-header.main * { color: #191919 !important; } .page-id-1422 .main.entry-header { display: none !important; } .page-id-1548 .main.entry-header { display: none !important; } .page-id-1405 .main.entry-header { display: none !important; } ul.payment_methods li img { max-width: 50px !important; margin: 10px 0 !important; } #pgc-228-2-0 .panel-widget-style { border: none !important; } @media only screen and (max-width: 680px) { #site-header .secondary-nav { position: relative !important; float: none !important; } } body { background-color: #f6f6f6 !Important; } a:hover, a:active { color: #c60f1b; } a { color: #000; } .woocommerce-tabs ul.tabs li.active a { border-bottom: 6px solid #c60f1b !important } @media only screen and (max-width: 780px ) { .woocommerce-checkout .content-area .col-1 { width: 100% !important; margin-right: 0; } .woocommerce-checkout .content-area .col-2 { width: 100% !important; } } .main-nav ul li, .secondary-nav span, .secondary-nav a { color: black !important; } </style> <style type="text/css">.main-nav ul li a, .main-nav ul li span { font-weight: 200; }</style> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <meta name="generator" content="Powered by Slider Revolution 5.2.6 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> <style type="text/css" media="all" id="siteorigin-panels-layouts-head">/* Layout 425 */ #pgc-425-0-0 { width:100%;width:calc(100% - ( 0 * 30px ) ) } #pg-425-0 , #pg-425-1 , #pl-425 .so-panel , #pl-425 .so-panel:last-child { margin-bottom:0px } #pgc-425-1-0 { width:100%;width:calc(100% - ( 0 * 0px ) ) } #pg-425-1> .panel-row-style { background-color:#f7f7f7 } @media (max-width:780px){ #pg-425-0.panel-no-style, #pg-425-0.panel-has-style > .panel-row-style , #pg-425-1.panel-no-style, #pg-425-1.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-425-0 .panel-grid-cell , #pg-425-1 .panel-grid-cell { margin-right:0 } #pg-425-0 .panel-grid-cell , #pg-425-1 .panel-grid-cell { width:100% } #pl-425 .panel-grid-cell { padding:0 } #pl-425 .panel-grid .panel-grid-cell-empty { display:none } #pl-425 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } } </style> </head> <body class="home page-template-default page page-id-425 wide-header siteorigin-panels siteorigin-panels-before-js siteorigin-panels-home safari iphone osx side-header"> <div id="scroll-to-top"><span></span></div> <div id="header-search" class="header-search"> <span id="search-toggle-close" class="search-toggle close" data-target="header-search" ></span> <div class="inside"> <div class="form-wrap"> <form role="search" method="get" id="searchform" class="searchform clear" action="https://alaaf-you.com/"> <input type="text" placeholder="Type and press enter to search." name="s" id="s" /> </form> </div> </div> </div> <comment> Slide Panel </comment> <div id="slide-panel"> <div class="hidden-scroll"> <div class="inner has-mobile-menu"> <nav id="slide-main-menu" class="menu-main-narrow-mobile-container"><ul id="menu-main-narrow-mobile" class="collapse sidebar"><li id="menu-item-1872" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-425 current_page_item menu-item-1872"><a href="https://alaaf-you.com/">Der Shop</a></li> <li id="menu-item-1868" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1868"><a href="https://alaaf-you.com/der-movie/">Der Movie</a></li> <li id="menu-item-1869" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1869"><a href="https://alaaf-you.com/diemarke/">Die Marke</a></li> <li id="menu-item-1871" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1871"><a href="https://alaaf-you.com/mein-konto/">Dein Account</a></li> </ul></nav> <nav id="slide-mobile-menu" class="menu-main-narrow-mobile-container"><ul id="menu-main-narrow-mobile-1" class="collapse sidebar"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-425 current_page_item menu-item-1872"><a href="https://alaaf-you.com/">Der Shop</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1868"><a href="https://alaaf-you.com/der-movie/">Der Movie</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1869"><a href="https://alaaf-you.com/diemarke/">Die Marke</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1871"><a href="https://alaaf-you.com/mein-konto/">Dein Account</a></li> </ul></nav> </div><comment> .inner </comment> </div> <span id="menu-toggle-close" class="menu-toggle right close slide" data-target="slide-panel"><span></span></span> </div><comment> /slide-panel</comment> <div id="site-wrap"> <header id="site-header" class="dark"> <div class="inside clearfix"> <div id="logo" class=""> <h1 class="site-title"><a href="https://alaaf-you.com"><img src="https://alaaf-you.com/wp-content/uploads/2016/10/AlaafYou_WBM_weblogo.png" alt="Alaaf You" /></a></h1> </div> <div class="main-nav woocommerce"> <ul id="menu-main-menu" class="main-menu sf-menu sf-vertical"><li id="menu-item-1081" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-425 current_page_item menu-item-1081 depth-0"><a href="https://alaaf-you.com/" class="link link-depth-0"><span>Der Shop</span></a></li> <li id="menu-item-1190" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1190 depth-0"><a href="https://alaaf-you.com/der-movie/" class="link link-depth-0"><span>Der Movie</span></a></li> <li id="menu-item-1543" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1543 depth-0"><a href="https://alaaf-you.com/diemarke/" class="link link-depth-0"><span>Die Marke</span></a></li> <li id="menu-item-1072" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1072 depth-0"><a href="https://alaaf-you.com/mein-konto/" class="link link-depth-0"><span>Dein Account</span></a></li> </li></ul> </div> <div class="secondary-nav clearfix"> <a class="cart-icon open" href="https://alaaf-you.com/warenkorb/" title="View your shopping cart"> </a> <span id="search-toggle-open" class="search-toggle right open" data-target="header-search" ></span> <span id="menu-toggle-open" class="menu-toggle right open slide " data-target="slide-menu" ></span> </div> </div> </header><comment> #site-header </comment> <div id="main-container"> <div id="middle"> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <article id="post-425" class="post-425 page type-page status-publish hentry"> <div class="body-wrap"> <div class="entry-content"> <div id="pl-425" class="panel-layout" ><div id="pg-425-0" class="panel-grid panel-no-style" ><div id="pgc-425-0-0" class="panel-grid-cell" ><div id="panel-425-0-0-0" class="so-panel widget widget_text panel-first-child panel-last-child" data-index="0" > <div class="textwidget"><link href="https://fonts.googleapis.com/css?family=Raleway%3A800" rel="stylesheet" property="stylesheet" type="text/css" media="all" /><link href="https://fonts.googleapis.com/css?family=Roboto%3A500" rel="stylesheet" property="stylesheet" type="text/css" media="all" /> <div id="rev_slider_46_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;"> <comment> START REVOLUTION SLIDER 5.2.6 fullwidth mode </comment> <div id="rev_slider_46_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.2.6"> <ul> <comment> SLIDE </comment> <li data-index="rs-114" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="https://alaaf-you.com/wp-content/uploads/2016/10/AlaafYou_Crazy-2-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <comment> MAIN IMAGE </comment> <img src="https://alaaf-you.com/wp-content/uploads/2016/10/AlaafYou_Crazy-2.jpg" alt="" title="alaafyou_crazy" width="1920" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="3" class="rev-slidebg" data-no-retina> <comment> LAYERS </comment> <comment> LAYER NR. 1 </comment> <div class="tp-caption tp-resizeme" id="slide-114-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-27','0','0','0']" data-fontsize="['60','60','60','45']" data-lineheight="['80','80','80','50']" data-width="['901','747','747','369']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;" data-transform_out="opacity:0;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 901px; max-width: 901px; white-space: normal; font-size: 60px; line-height: 80px; font-weight: 800; color: rgba(255, 255, 255, 1.00);font-family:Raleway;text-align:center;">DIE MARKE MIT KÖLSCHEM <i class="fa-icon-heart"></i> </div> </li> <comment> SLIDE </comment> <li data-index="rs-126" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="https://alaaf-you.com/wp-content/uploads/2015/12/AlaafYou_Dreigestirn-100x50.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> <comment> MAIN IMAGE </comment> <img src="https://alaaf-you.com/wp-content/uploads/2015/12/AlaafYou_Dreigestirn.jpg" alt="" title="alaafyou_dreigestirn" width="1920" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="3" class="rev-slidebg" data-no-retina> <comment> LAYERS </comment> <comment> LAYER NR. 1 </comment> <div class="tp-caption tp-resizeme" id="slide-126-layer-1" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-27','-27','-27','-24']" data-fontsize="['60','60','60','45']" data-lineheight="['80','80','80','50']" data-width="['901','901','901','366']" data-height="none" data-whitespace="normal" data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeOut;" data-transform_out="opacity:0;s:300;" data-start="500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 5; min-width: 901px; max-width: 901px; white-space: normal; font-size: 60px; line-height: 80px; font-weight: 800; color: rgba(255, 255, 255, 1.00);font-family:Raleway;text-align:center;">JEDER KAUF EINE SPENDE </div> <comment> LAYER NR. 2 </comment> <div class="tp-caption rev-btn rev-hiddenicon " id="slide-126-layer-6" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['48','41','41','49']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:0;e:Linear.easeNone;" data-style_hover="c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);" data-transform_in="opacity:0;s:300;e:Power2.easeInOut;" data-transform_out="opacity:0;s:300;" data-start="1850" data-splitin="none" data-splitout="none" data-actions='[{"event":"click","action":"simplelink","target":"_self","url":"https:\/\/alaaf-you.com\/die-spendenaktion\/ ","delay":""}]' data-responsive_offset=

Nice, sleek and intuitive. A grid control especially designed for bootstrap.

The jQuery Grid plugin by jQWidgets, called jqxGrid, is designed to provide rich functionality, cross-browser support and easy to use APIs

Fixed position block

Gijgo is a set of free open source javascript controls distributed under MIT License. All widgets are high performance, built on top of the jQuery JavaScript Library with built-in support for Bootstrap, Material Design and Font Awesome. They are designed to saves you time and scales with your development process.