Websites using grid layouts as a keyword

Fixed position block

Templates para o Blogger e Blogspot grátis e por encomenda. Scripts, hackes, dicas, geradores, slides para seu blog.

Bienvenido a Cabo de Gata El paraiso natural del sur de Europa Descubrelo Recuerdos para siempre No pierdas tiempo Comprobar disponibilidad /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize=function(){ try{var e=new Object,i=jQuery(window).width(),t=9999,r=0,n=0,l=0,f=0,s=0,h=0; e.c = jQuery('#rev_slider_1_2'); e.responsiveLevels = [1240,1024,778,480]; e.gridwidth = [1240,1024,778,480]; e.gridheight = [500,500,500,400]; e.sliderLayout = "fullwidth"; e.minHeight = "100vh"; if(e.responsiveLevels&&(jQuery.each(e.responsiveLevels,function(e,f){f>i&&(t=r=f,l=e),i>f&&f>r&&(r=f,n=e)}),t>r&&(l=n)),f=e.gridheight[l]||e.gridheight[0]||e.gridheight,s=e.gridwidth[l]||e.gridwidth[0]||e.gridwidth,h=i/s,h=h>1?1:h,f=Math.round(h*f),"fullscreen"==e.sliderLayout){var u=(e.c.width(),jQuery(window).height());if(void 0!=e.fullScreenOffsetContainer){var…" /> <meta name="generator" content="Powered by Slider Revolution 5.4.1 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> <comment> Jetpack Open Graph Tags </comment> <meta property="og:type" content="website" /> <meta property="og:title" content="Hostal Las Dunas" /> <meta property="og:description" content="Hostal en Cabo de Gata" /> <meta property="og:url" content="https://hostallasdunas.com/" /> <meta property="og:site_name" content="Hostal Las Dunas" /> <meta property="og:image" content="https://hostallasdunas.com/wp-content/plugins/revslider/admin/assets/images/dummy.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="500" /> <meta property="og:locale" content="es_ES" /> <meta name="twitter:text:title" content="Inicio" /> <meta name="twitter:card" content="summary" /> <style type="text/css" media="all" id="siteorigin-panels-layouts-head">/* Layout 2054 */ #pgc-2054-0-0 , #pgc-2054-3-0 , #pgc-2054-4-0 , #pgc-2054-6-0 , #pgc-2054-7-0 , #pgc-2054-8-0 { width:100%;width:calc(100% - ( 0 * 0px ) ) } #pg-2054-0 , #pg-2054-5 , #pg-2054-6 , #pg-2054-7 , #pl-2054 .so-panel { margin-bottom:30px } #pgc-2054-1-0 , #pgc-2054-1-1 , #pgc-2054-1-2 { width:33.3333%;width:calc(33.3333% - ( 0.66666666666667 * 0px ) ) } #pg-2054-1 , #pg-2054-2 , #pg-2054-3 , #pg-2054-4 , #pl-2054 .so-panel:last-child { margin-bottom:0px } #pgc-2054-2-0 { width:100%;width:calc(100% - ( 0 * 50px ) ) } #pgc-2054-5-0 , #pgc-2054-5-1 , #pgc-2054-5-2 , #pgc-2054-5-3 , #pgc-2054-5-4 { width:20%;width:calc(20% - ( 0.8 * 0px ) ) } #pg-2054-1> .panel-row-style { margin-top: -100px;position: relative;z-index: 999;width:100% } #pg-2054-1.panel-no-style, #pg-2054-1.panel-has-style > .panel-row-style , #pg-2054-2.panel-no-style, #pg-2054-2.panel-has-style > .panel-row-style , #pg-2054-3.panel-no-style, #pg-2054-3.panel-has-style > .panel-row-style , #pg-2054-4.panel-no-style, #pg-2054-4.panel-has-style > .panel-row-style , #pg-2054-5.panel-no-style, #pg-2054-5.panel-has-style > .panel-row-style , #pg-2054-6.panel-no-style, #pg-2054-6.panel-has-style > .panel-row-style , #pg-2054-7.panel-no-style, #pg-2054-7.panel-has-style > .panel-row-style , #pg-2054-8.panel-no-style, #pg-2054-8.panel-has-style > .panel-row-style { -webkit-align-items:flex-start;align-items:flex-start } #panel-2054-1-0-0> .panel-widget-style , #panel-2054-1-1-0> .panel-widget-style , #panel-2054-1-2-0> .panel-widget-style { padding:3px 3px 3px 3px } #pg-2054-2> .panel-row-style { background-color:#ffb864;padding:0px 0px 72px 0px } #panel-2054-2-0-0> .panel-widget-style , #pg-2054-4> .panel-row-style , #pg-2054-5> .panel-row-style , #pg-2054-6> .panel-row-style { padding:0px 0px 0px 0px } #panel-2054-2-0-1> .panel-widget-style , #panel-2054-8-0-1> .panel-widget-style { margin-top: -50px } #pg-2054-3> .panel-row-style { padding-left:0px!important;padding-right:0px!important;} } #panel-2054-3-0-0> .panel-widget-style { background-image:url(https://i1.wp.com/hostallasdunas.com/wp-content/uploads/2017/05/pdlg1.jpg?fit=1200%2C500&ssl=1);background-position:center center;background-repeat:no-repeat;padding:0px 0px 0px 0px } #pg-2054-7> .panel-row-style { min-height: 400px;padding-left: 0px!important;padding-right: 0px!important } @media (max-width:780px){ #pg-2054-0.panel-no-style, #pg-2054-0.panel-has-style > .panel-row-style , #pg-2054-1.panel-no-style, #pg-2054-1.panel-has-style > .panel-row-style , #pg-2054-2.panel-no-style, #pg-2054-2.panel-has-style > .panel-row-style , #pg-2054-3.panel-no-style, #pg-2054-3.panel-has-style > .panel-row-style , #pg-2054-4.panel-no-style, #pg-2054-4.panel-has-style > .panel-row-style , #pg-2054-5.panel-no-style, #pg-2054-5.panel-has-style > .panel-row-style , #pg-2054-6.panel-no-style, #pg-2054-6.panel-has-style > .panel-row-style , #pg-2054-7.panel-no-style, #pg-2054-7.panel-has-style > .panel-row-style , #pg-2054-8.panel-no-style, #pg-2054-8.panel-has-style > .panel-row-style { -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } #pg-2054-0 .panel-grid-cell , #pg-2054-1 .panel-grid-cell , #pg-2054-2 .panel-grid-cell , #pg-2054-3 .panel-grid-cell , #pg-2054-4 .panel-grid-cell , #pg-2054-5 .panel-grid-cell , #pg-2054-6 .panel-grid-cell , #pg-2054-7 .panel-grid-cell , #pg-2054-8 .panel-grid-cell { margin-right:0 } #pg-2054-0 .panel-grid-cell , #pg-2054-1 .panel-grid-cell , #pg-2054-2 .panel-grid-cell , #pg-2054-3 .panel-grid-cell , #pg-2054-4 .panel-grid-cell , #pg-2054-5 .panel-grid-cell , #pg-2054-6 .panel-grid-cell , #pg-2054-7 .panel-grid-cell , #pg-2054-8 .panel-grid-cell { width:100% } #pgc-2054-1-0 , #pgc-2054-1-1 , #pgc-2054-5-0 , #pgc-2054-5-1 , #pgc-2054-5-2 , #pgc-2054-5-3 { margin-bottom:30px } #pl-2054 .panel-grid-cell { padding:0 } #pl-2054 .panel-grid .panel-grid-cell-empty { display:none } #pl-2054 .panel-grid .panel-grid-cell-mobile-last { margin-bottom:0px } #panel-2054-2-0-0> .panel-widget-style , #pg-2054-4> .panel-row-style , #pg-2054-6> .panel-row-style { padding:0px 0px 0px 0px } } </style></head> <body data-rsssl=1 class="home page-template page-template-page-templates page-template-homepage page-template-page-templateshomepage-php page page-id-2054 wrapper-header_overlay wrapper-header_v1 siteorigin-panels siteorigin-panels-before-js siteorigin-panels-home"> <div id="preload"> <div class="loading-inner"> <img src="https://i2.wp.com/hostallasdunas.com/wp-content/uploads/2017/07/logo_trans600x150.png?fit=600%2C140&ssl=1" alt="Hostal Las Dunas" /> </div> </div> <div id="wrapper-container" class="wrapper-container"> <div class="content-pusher "> <header id="masthead" class="site-header affix-top bg-custom-sticky sticky-header header_overlay header_v1"> <comment> 1 </comment> <div class="container"> <div class="row"> <div class="navigation col-sm-12"> <div class="tm-table"> <div class="menu-mobile-effect navbar-toggle" data-effect="mobile-effect"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </div> <div class="width-logo table-cell sm-logo"> <a href="https://hostallasdunas.com/" title="Hostal Las Dunas - Hostal en Cabo de Gata" rel="home" class="no-sticky-logo no-mobile-logo"><img src="https://i2.wp.com/hostallasdunas.com/wp-content/uploads/2017/06/logo_trans.png?fit=3368%2C784&ssl=1" alt="Hostal Las Dunas" /></a><a href="https://hostallasdunas.com/" title="Hostal Las Dunas - Hostal en Cabo de Gata" rel="home" class="sticky-logo no-mobile-logo"> <img src="https://i2.wp.com/hostallasdunas.com/wp-content/uploads/2017/06/logo_trans.png?fit=3368%2C784&ssl=1" alt="Hostal Las Dunas" /></a><a href="https://hostallasdunas.com/" title="Hostal Las Dunas - Hostal en Cabo de Gata" rel="home" class="mobile-logo"><img src="https://i2.wp.com/hostallasdunas.com/wp-content/uploads/2017/06/logo_trans.png?fit=3368%2C784&ssl=1" alt="Hostal Las Dunas" /></a> </div> <nav class="width-navigation table-cell table-right"> <div class="top-header"> <aside id="text-3" class="widget widget_text"> <div class="textwidget">Tel:<b>(+34) 950 37 00 72</b></div> </aside><aside id="social-2" class="widget widget_social"><div class="thim-widget-social thim-widget-social-base"><div class="thim-social version-old"> <ul class="social_link"> <li><a class="face hasTooltip" href="#" target="_self"><i class="fa fa-facebook"></i></a></li><li><a class="twitter hasTooltip" href="#" target="_self" ><i class="fa fa-twitter"></i></a></li> </ul> </div></div></aside><aside id="woocommerce_widget_cart-2" class="widget woocommerce widget_shopping_cart"><div class="minicart_hover" id="header-mini-cart"><span class="cart-items-number"><i class="fa fa-fw fa-shopping-cart"></i><span class="wrapper-items-number"><span class="items-number">0</span></span></span><div class="clear"></div></div><div class="widget_shopping_cart_content" style="display: none;"></div></aside> </div><comment>End/div.top</comment> <div class="inner-navigation"> <ul class="nav navbar-nav menu-main-menu"> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home drop_to_right standard"><a href="https://hostallasdunas.com"><span data-hover="Inicio">Inicio</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children drop_to_right standard"><a href="#"><span data-hover="Reservar">Reservar</span></a> <ul class="sub-menu" > <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://hostallasdunas.com/mis-reservas/">Mis reservas</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://hostallasdunas.com/mis-habitaciones/">Mis habitaciones</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://hostallasdunas.com/realizar-pago/">Pago</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children drop_to_right standard"><a href="#"><span data-hover="Sobre nosotros">Sobre nosotros</span></a> <ul class="sub-menu" > <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://hostallasdunas.com/quienes-somos/">Quienes somos</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page drop_to_right standard"><a href="https://hostallasdunas.com/galeria/">Galeria</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://hostallasdunas.com/rooms/">Las habitaciones</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page drop_to_left standard"></li> <li class="menu-item menu-item-type-post_type menu-item-object-page drop_to_left standard"><a href="https://hostallasdunas.com/contacto/"><span data-hover="Contacto">Contacto</span></a></li> </ul> </div> <comment></div></comment> </nav> </div> <comment>end .row</comment> </div> </div> </div> </header> <div id="main-content"> <div class="home-page container" role="main"> <div id="pl-2054" class="panel-layout" ><div id="pg-2054-0" class="panel-grid panel-has-style" ><div class="siteorigin-panels-stretch thim-fix-stretched panel-row-style panel-row-style-for-2054-0" data-stretch-type="full-stretched" ><div id="pgc-2054-0-0" class="panel-grid-cell" ><div id="panel-2054-0-0-0" class="so-panel widget widget_text panel-first-child panel-last-child" data-index="0" ><div class="thim-top-rev-slider panel-widget-style panel-widget-style-for-2054-0-0-0" > <div class="textwidget"><link href="https://fonts.googleapis.com/css?family=Roboto:700|Open+Sans:400" rel="stylesheet" property="stylesheet" type="text/css" media="all"> <div id="rev_slider_1_2_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;"> <comment> START REVOLUTION SLIDER 5.4.1 fullwidth mode </comment> <div id="rev_slider_1_2" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1"> <ul> <comment> SLIDE </comment> <li data-index="rs-1" data-transition="fade" data-slotamount="7" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="Power0.easeIn" data-easeout="Power0.easeInOut" data-masterspeed="500" data-thumb="https://i1.wp.com/hostallasdunas.com/wp-content/uploads/2017/07/FullSizeRender-e1500289331500.jpg?fit=1920%2C1033&ssl=1" data-rotate="0" data-saveperformance="off" data-title="Slider 1" 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://i2.wp.com/hostallasdunas.com/wp-content/plugins/revslider/admin/assets/images/dummy.png?resize=640%2C344&ssl=1" alt="" title="FullSizeRender" data-lazyload="https://i1.wp.com/hostallasdunas.com/wp-content/uploads/2017/07/FullSizeRender-e1500289331500.jpg?fit=1920%2C1033&ssl=1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina data-recalc-dims="1"> <comment> LAYERS </comment> <comment> LAYER NR. 1 </comment> <div class="tp-caption tp-resizeme" id="slide-1-layer-2" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-60','-60','-60','-100']" data-width="['650','650','650','450']" data-height="60" data-whitespace="normal" data-type="text" data-responsive_offset="on" data-frames='[{"delay":1150,"speed":1500,"frame":"0","from":"x:left;","to":"o:1;","ease":"Power3.easeOut"},{

Profound Grid is a responsive grid system for fixed and fluid layouts. Built in SCSS, it gives you flexibility and full control. Profound Grid uses negative margins to calculate columns, so unlike with other grid systems, fluid layouts will look exactly the same in every browser.

Free tutorials and reference manuals with examples for Android, Java, J2ee, Php, Html, Html5, Java script, Dom, JQuery, Sql, Mysql and Sqlite. All examples are well explained and you can download source code of all samples

Visually develop responsive web layouts directly in the browser using CSS grid.

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=

Signals.me - Free daily stock & forex signals powered by social sentiment, artificial intelligence, neural networks and cloud computing

The central feature of this theme is the grid style layouts for the blog and front page with an infinite scroll. The grid posts (cards) include your featured

Mit Start installierst und managst Du ein responsive TYPO3. Start liefet ein Dutzend Backend-Layouts sowie weitere Grid-Layouts, ein Template für einen responsive Newsletter inklusive. Es basiert auf dem responsive Framework Foundation (Zurb).

Freewall demo for flex layout

we provides good layouts design of snippets like profile, grid, pagination, chat, forms, buttons, model, slider, search, social, badges, controls, footer, select, calender, timeline etc. You can simple take html, css and js code and get layout of available snippets. We provide bootstrap design widget and we also provide without bootstrap snippets.

SquareForge produces Modular Dungeon Map Tiles for popular RPG Gaming Systems. Create unlimited layouts with terrain pieces that fit together like a puzzle.