CINXE.COM

<!DOCTYPE html> <html lang="en-gb" dir="ltr"> <head> <meta charset="utf-8" /> <base href="https://showcase.joomla.org/case-studies.html" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="blue" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@joomla" /> <meta name="twitter:description" content="The Platform Millions of Websites Are Built On" /> <meta name="twitter:image" content="https://cdn.joomla.org/images/joomla-twitter-card.jpg" /> <meta name="twitter:title" content="Joomla.org" /> <meta name="referrer" content="unsafe-url" /> <meta property="og:site_name" content="Joomla! Showcase Directory" /> <meta property="og:image" content="https://cdn.joomla.org/images/joomla-org-og.jpg" /> <meta name="description" content="The Joomla Community Showcase is a collection of sites that show off the power and beauty of Joomla." /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>Case Studies - Joomla! Showcase Directory</title> <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="preload" as="style" /> <link href="/templates/joomla/images/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/templates/joomla/images/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/templates/joomla/images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144" /> <link href="/templates/joomla/images/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/templates/joomla/images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114" /> <link href="/templates/joomla/images/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/templates/joomla/images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" /> <link href="/templates/joomla/images/apple-touch-icon-57x57.png" rel="apple-touch-icon" sizes="57x57" /> <link href="/templates/joomla/images/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/templates/joomla/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/media/system/css/fields/calendar.css" rel="stylesheet" /> <link href="/media/cck/css/definitions/base.css" rel="stylesheet" /> <link href="/media/cck_toolbox/css/cck.site-ie.css" rel="stylesheet" /> <link href="/media/cck_toolbox/css/cck.responsive-ie.css" rel="stylesheet" /> <link href="/media/cck_toolbox/css/jquery.select2.min.css" rel="stylesheet" /> <link href="/media/jui/css/icomoon.css" rel="stylesheet" /> <link href="https://cdn.joomla.org/template/css/template_3.1.0.min.css" rel="stylesheet" /> <link href="/templates/joomla/css/custom.css?aea3d9821813d9ebac03868d19a99f50" rel="stylesheet" /> <style> .select2-container-multi .select2-choices .select2-search-field { margin: 5px 8px !important; } .select2-chosen, .select2-default, .select2-input { color: #999 !important; font-size: 12px !important; padding-left: 7px !important; } .select2-container select.inputbox { display: none!important; } /* Variation: seb_css3 on cck3r_mainbody */ #cck3r_mainbody.seb_css3.horizontal div.cck_forms { width: 10; } #cck3r_mainbody.seb_css3.horizontal div.cck_label { width:0px; text-align:left; padding:0; } #cck3r_mainbody.seb_css3 { background-color:none; border:0px none none; position:relative; padding:0; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; overflow:hidden; } /* Variation: seb_css3 */ div.seb_css3 { background-color:none; border:0 solid #dedede; position:relative; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; } .cat-thumb .category > a > span {display:none;} .cat-thumb .category{height: 100px;position: relative;} .cat-thumb .category > a{color: #fff;display: block;height: 75px;position: absolute;right: 0;text-decoration: none;top: 0;width: 100%;z-index: 11;} .cat-thumb .view{background-color: #163869;border: 1px solid #ccc;color: #fff;height: 75px;overflow: hidden;position: relative;} .cat-thumb .mask {height: 75px;position: absolute;top: 0;transition: all 0.2s ease-out 0.2s;width: 100%;} .cat-thumb .padder{height: 100px;} .cat-thumb h4{color: #fff;height: 3.2em;margin: 0;padding: 7px 0 0 7px;position: absolute;transition: all 0.2s ease-out 0s;width: 96%;z-index: 9;} .cat-thumb span.fa-out{color: #3577d2;display: block;padding: 8px;text-align: right;transition: all 0.2s ease-out 0s;} .fa-3x{font-size: 3em;} .fa{display: inline-block;font-family: FontAwesome;font-feature-settings: normal;font-kerning: auto;font-language-override: normal;font-size: inherit;font-size-adjust: none;font-stretch: normal;font-style: normal;font-synthesis: weight style;font-variant: normal;font-weight: normal;line-height: 1;text-rendering: auto;} .fa-arrow-right::before{content: "";} .cat-thumb span.fa-over{background-color: #fff;border-radius: 18px;color: #000;left: 38%;opacity: 0;padding: 8px;position: absolute;top: 8px;transition: all 0.2s ease-out 0s;} .cat-thumb .padder div {background-color: #ebf0f1;bottom: 0;color: #5d6d6d;font-size: 0.9em;height: 18px;line-height: 18px;opacity: 1;padding-left: 2px;position: absolute;transition: all 0.2s ease-out 0.1s;width: 100%;} .cat-thumb{margin: 0;padding: 0;} .cat-thumb .category:hover a{height: 48px;top: 0;} .cat-thumb .category:hover .view{background-color: #05162d;} .cat-thumb .category:hover h4, .cat-thumb .category:hover span.fa-out{opacity: 0.5;} .cat-thumb .category:hover span.fa-over{opacity: 0.95;} .itemid-343 .row-01,.itemid-343 .row-02,.itemid-343 .row-03{display: none;height: 0;} .itemid-343 label[for="search_total"] { width: 20px; display: inline; margin-right: 10px; } .itemid-343 .span-hidden{display: none;} [class^="icon-"], [class*=" icon-"] {background-image: none;} </style> <script type="application/json" class="joomla-script-options new">{"csrf.token":"bd5699eca22e81d5699354b7327c6cf1","system.paths":{"root":"","base":""}}</script> <script src="/media/jui/js/jquery.min.js?aea3d9821813d9ebac03868d19a99f50"></script> <script src="/media/jui/js/jquery-noconflict.js?aea3d9821813d9ebac03868d19a99f50"></script> <script src="/media/jui/js/jquery-migrate.min.js?aea3d9821813d9ebac03868d19a99f50"></script> <script src="/media/jui/js/bootstrap.min.js?aea3d9821813d9ebac03868d19a99f50"></script> <script src="/media/cck/js/cck.core-3.18.2.min.js"></script> <script src="/media/system/js/core.js?aea3d9821813d9ebac03868d19a99f50"></script>    <script src="/media/system/js/fields/calendar-locales/en.js"></script> <script src="/media/system/js/fields/calendar-locales/date/gregorian/date-helper.min.js"></script> <script src="/media/system/js/fields/calendar.min.js"></script> <script src="/media/cck/scripts/jquery-knob/js/jquery.knob.js"></script> <script src="/media/cck_toolbox/js/jquery.select2.min.js"></script> <script src="/templates/joomla/js/template.js?aea3d9821813d9ebac03868d19a99f50"></script> <script src="/templates/joomla/js/blockadblock.js?aea3d9821813d9ebac03868d19a99f50"></script> <script src="/templates/joomla/js/js.cookie.js?aea3d9821813d9ebac03868d19a99f50"></script>  <script src="/modules/mod_responsivemenu/js/theme4.js" defer></script> <script> JCck.Core.baseURI = ""; JCck.Core.sourceURI = "https://showcase.joomla.org"; jQuery(document).ready(function (){ jQuery(".knob0").knob( {"readOnly": 1, "width": 40, "height": 40, "font": "Open Sans", "fgColor": "#87CEEB", "bgColor": "#EEEEEE", "inputColor": "#87CEEB", "fontWeight": "800" }); }); (function ($){ $(document).ready(function(){$("#cck3r_art_created").conditionalStates({"states":[{"type":"isFilledBy","selector":" #art_created","revert":"1","value":"submisison_date"}],"conditions":[{"type":"isChanged","trigger":"submisison_date","value":""}],"rule":"and"});$("#cck3r_item_category_frontend").conditionalStates({"states":[{"type":"isFilledBy","selector":" #item_category_frontend","revert":"1","value":"item_category_search"}],"conditions":[{"type":"isChanged","trigger":"item_category_search","value":""}],"rule":"and"});$("#cck3r_tags_id_for_join").conditionalStates({"states":[{"type":"isFilledBy","selector":" #tags_id_for_join","revert":"1","value":"item_tags_search"}],"conditions":[{"type":"isChanged","trigger":"item_tags_search","value":""}],"rule":"and"});});})(jQuery); JCck.Core.submit = function(task) {JCck.Core.submitForm((task=="save"?"search":task), document.getElementById("seblod_form")); };Joomla.submitbutton = function(task, cid){if (task == "delete") {if (!confirm(Joomla.JText._('COM_CCK_CONFIRM_DELETE'))) {return false;}}jQuery("#seblod_form").append('<input type="hidden" id="return" name="return" value="aHR0cHM6Ly9zaG93Y2FzZS5qb29tbGEub3JnL2Nhc2Utc3R1ZGllcy5odG1s">');JCck.Core.submitForm(task,document.getElementById('seblod_form'));}; (function ($){ MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.attributeName == "value") { if ($("[data-cck-boxchecked]").length) { $("[data-cck-boxchecked]").each(function() { if ($("#boxchecked").val()==1) { $(this).text($("#boxchecked").val()+($(this).attr("data-cck-boxchecked-single") !== undefined ? $(this).attr("data-cck-boxchecked-single") : "")).addClass("selection"); } else if ($("#boxchecked").val()>0) { $(this).text($("#boxchecked").val()+($(this).attr("data-cck-boxchecked-multiple") !== undefined ? $(this).attr("data-cck-boxchecked-multiple") : "")).addClass("selection"); } else { $(this).text($(this).attr("data-cck-boxchecked")).removeClass("selection"); } }); } if ($("#boxchecked").val() == 1) { $("[data-cck-has-boxchecked]").hide(); $("[data-cck-has-boxchecked=\"single\"],[data-cck-has-boxchecked=\"\"]").show(); } else if ($("#boxchecked").val() > 0) { $("[data-cck-has-boxchecked]").hide(); $("[data-cck-has-boxchecked=\"multiple\"],[data-cck-has-boxchecked=\"\"]").show(); } else { $("[data-cck-has-boxchecked]").hide(); $("[data-cck-has-boxchecked=\"none\"]").show(); } } }); }); $(document).ready(function() { if ($("#boxchecked").length) { if ($("#boxchecked").val() == 1) { $("[data-cck-has-boxchecked]").hide(); $("[data-cck-has-boxchecked=\"single\"],[data-cck-has-boxchecked=\"\"]").show(); } else if ($("#boxchecked").val() > 0) { $("[data-cck-has-boxchecked]").hide(); $("[data-cck-has-boxchecked=\"multiple\"],[data-cck-has-boxchecked=\"\"]").show(); } else { $("[data-cck-has-boxchecked]").hide(); $("[data-cck-has-boxchecked=\"none\"]").show(); } observer.observe(document.querySelector("#boxchecked"), {attributes:true}); } }); })(jQuery); jQuery(document).ready(function($){var hash = window.location.hash; hash && $('ul.nav a[href="' + hash + '"]').tab('show'); $("form#seblod_form_f5118").on("change", "#com_language", function() { var loc = String(window.location.href); document.location.href = urlQueryParameter(loc,'comment_language', $(this).val()) +'#item_tab_comments'; }); function urlQueryParameter (uri,key, value) { var regEx = new RegExp("([?|&])" + key + "=.*?(&|$)", "i"); var separator = uri.indexOf('?') !== -1 ? "&" : "?"; if (uri.match(regEx)) uri = uri.replace(regEx, '$1' + key + "=" + value + '$2'); else uri = uri + separator + key + "=" + value; return uri; }; $('.nav-tabs a').click(function (e) { $(this).tab('show'); var scrollmem = $('body').scrollTop(); window.location.hash = this.hash; $('html,body').scrollTop(scrollmem); }); var artid = jQuery("[id$='_value_art_id']").first().text(); ajaxFavorite(artid, "read"); $(".cck_button_favorite a").on("click", function() { ajaxFavorite(artid, "toggle"); }); function ajaxFavorite(artid, act){ var url = "index.php?option=com_cck&format=raw&task=ajax&file=media/cck_dev/favorite.php"; var request = jQuery.ajax({ url: url, data: { art_id: artid, action: act }, type: "GET", dataType: "json", success: changeFavoriteClass }); } function changeFavoriteClass(data) { if (data.status == "is_favorite") { jQuery(".cck_button_favorite a").removeClass("not_favorite").addClass("is_favorite"); } else { jQuery(".cck_button_favorite a").removeClass("is_favorite").addClass("not_favorite"); } return; } }); jQuery(document).ready(function($){ $("select:not(.select2-no-auto)").select2();$.each($(".select2-container"), function (i, n) {$(n).next().show().fadeTo(0, 0).height("0px").css({"left":0,"position":"absolute","top":0});$(n).prepend($(n).next());$(n).delay(500).queue(function () {$(this).removeClass("validate[required]");$(this).dequeue();});});}); </script> </head> <body class="site com_cck view-list layout-default task-search itemid-343">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKT9FP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-NKT9FP');</script>   <nav class="navigation" role="navigation"> <div id="mega-menu" class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <div class="nav-collapse collapse"> <ul id="nav-joomla" class="nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"> <span dir="ltr"><span aria-hidden="true" class="icon-joomla"></span> Joomla!<sup>®</sup></span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="nav-header"><span>About us</span></li> <li> <a href="https://www.joomla.org"> <span aria-hidden="true" class="icon-joomla"></span> Joomla Home </a> </li> <li><a href="https://www.joomla.org/about-joomla.html">What is Joomla?</a></li> <li><a href="https://www.joomla.org/core-features.html">Benefits & Features</a></li> <li><a href="https://www.joomla.org/about-joomla/the-project.html">Project & Leadership</a></li> <li><a href="https://tm.joomla.org">Trademark & Licensing</a></li> <li><a href="https://joomlafoundation.org">The Joomla Foundation</a></li> <li class="divider"></li> <li class="nav-header"><span>Support us</span></li> <li><a href="https://www.joomla.org/contribute-to-joomla.html">Contribute</a></li> <li><a href="https://www.joomla.org/sponsor.html">Sponsor</a></li> <li><a href="https://www.joomla.org/about-joomla/partners.html">Partner</a></li> <li><a href="https://shop.joomla.org">Shop</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Download & Extend <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="https://downloads.joomla.org">Downloads</a></li> <li><a href="https://extensions.joomla.org">Extensions</a></li> <li><a href="https://downloads.joomla.org/language-packs">Languages</a></li> <li><a href="https://launch.joomla.org">Get a free site</a></li> <li><a href="https://domains.joomla.org">Get a domain</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Discover & Learn <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="https://docs.joomla.org">Documentation</a></li> <li><a href="https://community.joomla.org/joomla-training.html">Training</a></li> <li><a href="https://certification.joomla.org">Certification</a></li> <li><a href="https://showcase.joomla.org">Site Showcase</a></li> <li><a href="https://www.joomla.org/announcements.html">Announcements</a></li> <li><a href="https://community.joomla.org/blogs.html">Blogs</a></li> <li><a href="https://magazine.joomla.org">Magazine</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Community & Support <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="https://community.joomla.org">Community Portal</a></li> <li><a href="https://community.joomla.org/events.html">Events</a></li> <li><a href="https://community.joomla.org/user-groups.html">User Groups</a></li> <li><a href="https://forum.joomla.org">Forum</a></li> <li><a href="https://community.joomla.org/service-providers-directory.html">Service Providers Directory</a></li> <li><a href="https://volunteers.joomla.org">Volunteers Portal</a></li> <li><a href="https://extensions.joomla.org/vulnerable-extensions/vulnerable/">Vulnerable Extensions List</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">Developer Resources <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="https://developer.joomla.org">Developer Network</a></li> <li><a href="https://developer.joomla.org/security.html">Security Centre</a></li> <li><a href="https://issues.joomla.org">Issue Tracker</a></li> <li><a href="https://github.com/joomla">GitHub</a></li> <li><a href="https://api.joomla.org">API Documentation</a></li> <li><a href="https://framework.joomla.org"><span dir="ltr">Joomla!</span> Framework</a></li> </ul> </li> </ul> <div id="nav-search" class="navbar-search pull-right"> </div> </div> </div> </div> </div> </nav>  <header class="header"> <div class="container"> <div class="row-fluid"> <div class="span7"> <h1 class="page-title"> <a href="/"><img alt="Joomla CMS" width="40" height="40" src="https://cdn.joomla.org/images/Joomla_logo.png">Joomla! Showcase Directory</a> </h1> </div> <div class="span5"> <div class="btn-toolbar row-fluid"> <div class="span6"> <a href="https://downloads.joomla.org/" class="btn btn-block btn-large btn-warning">Download</a> </div> <div class="span6"> <a href="https://launch.joomla.org" class="btn btn-block btn-large btn-primary">Launch <span aria-hidden="true" class="icon-rocket"></span></a> </div> </div> </div> </div> </div> </header> <nav class="subnav-wrapper"> <div class="subnav"> <div class="container"> <div id="login" class="pull-right"> <a href="/user-login.html" role="button">Log in</a> <a href="/register" role="button" >Register</a> <span class="badge badge-rounded"><i class="icon-user"></i></span> </div> <div id="responsiveMenuTheme4Cnt"> <a class="responsiveMenu4 toggleMenu " href="#"><span>Menu</span></a> <ul id="responsiveMenu123" class="responsiveMenuTheme4 nav menu nav-pills "><input type="hidden" name="maxMobileWidth" value="680" class="maxMobileWidth"/> <li id="item-101" class="first"><a href="/" ><span class="linker">Home</span></a></li><li id="item-106" class="deeper parent"><a href="/browse-sites.html" ><span class="linker">Browse Sites</span><span class="opener">>open</span></a><ul><li id="item-115"><a href="/browse-sites/featured.html" ><span class="linker">Featured</span></a></li><li id="item-116"><a href="/browse-sites/newest-first.html" ><span class="linker">Newest First</span></a></li><li id="item-125"><a href="/browse-sites/highest-rating.html" ><span class="linker">Highest Rating</span></a></li><li id="item-126"><a href="/browse-sites/most-reviewed.html" ><span class="linker">Most Reviewed</span></a></li><li id="item-143"><a href="/browse-sites/responsive-design.html" ><span class="linker">Responsive Design</span></a></li></ul></li><li id="item-343" class="current active"><a href="/case-studies.html" ><span class="linker">Case Studies</span></a></li><li id="item-220" class="deeper parent"><span class="separator "><span class="linker">Featured Countries</span><span class="opener">>open</span></span> <ul><li id="item-325"><a href="/australia.html" ><span class='linker'>Australia</span></a></li><li id="item-342"><a href="/south-africa.html" ><span class='linker'>South Africa</span></a></li><li id="item-223"><a href="/france.html" ><span class='linker'>France</span></a></li><li id="item-228"><a href="/germany.html" ><span class='linker'>Germany</span></a></li><li id="item-224"><a href="/netherlands.html" ><span class='linker'>Netherlands</span></a></li><li id="item-328"><a href="/spain.html" ><span class='linker'>Spain</span></a></li><li id="item-330"><a href="/sweden.html" ><span class='linker'>Sweden</span></a></li><li id="item-226"><a href="/united-kingdom.html" ><span class='linker'>United Kingdom</span></a></li><li id="item-225"><a href="/united-states.html" ><span class='linker'>United States</span></a></li></ul></li><li id="item-113"><a href="/submit-a-site.html" ><span class="linker">Submit a Site</span></a></li><li id="item-127" class="deeper parent"><a href="/about-jsd/team-members.html" ><span class='linker'>About JSD</span><span class="opener">>open</span></a><ul><li id="item-149"><a href="/about-jsd/faqs.html" ><span class="linker">FAQs</span></a></li><li id="item-128"><a href="/about-jsd/team-members.html" ><span class="linker">Team Members</span></a></li><li id="item-215"><a href="https://github.com/joomla/joomla-websites/labels/Showcase" target="_blank" ><span>Site Issue Tracking</span></a></li><li id="item-173"><a href="/about-jsd/disclaimer.html" ><span class="linker">Disclaimer</span></a></li><li id="item-236"><a href="/about-jsd/contact.html" ><span class="linker">Contact</span></a></li></ul></li></ul> </div> </div> </div> </nav>  <div class="body"> <div class="container"> <div class="row-fluid"> <main id="content" class="span12">  <div class="moduletable"> <div class="custom" > <div class="alert alert-message"><a class="close" data-dismiss="alert">×</a> <h4 class="alert-heading">Message</h4> <div> <div class="alert-message">To request your site on Case Studies list please consult the <a href="/about-jsd/faqs.html">FAQ</a>.</div> </div> </div></div> </div> <div id="system-message-container"> </div> <div class="cck_page cck-clrfix"><div> <h2>Case Studies</h2><form action="/case-studies.html" autocomplete="off" method="get" id="seblod_form" name="seblod_form"><div class="cck_page_search cck-clrfix"><div id="cck3r_mainbody" class="cck-pos-mainbody seb_css3 horizontal cck3r-deepest"> <div class="row-fluid"><div class="span8"><div class="search-module"><div class="search-all"><div class="row-fluid row-01"><div class="span12"></div></div><div class="row-fluid row-02"><div class="span6"><input type="hidden" id="item_tags_search" name="item_tags_search" value="Select some tags" class="inputbox form-control select2-no-auto no-chosen" /></div><div class="span6"><input type="hidden" id="item_category_search" name="item_category_search[]" value="" class="inputbox form-control select2-no-auto" /></div></div><div class="row-fluid row-03"><div class="span4"></div><div class="span4"><input type="hidden" id="item_joomla_version" name="item_joomla_version" value="" class="inputbox form-control" /></div><div class="span4"><input type="hidden" id="item_country_search" name="item_country_search" value="" class="inputbox form-control" /></div></div><div class="row-fluid row-04"><div class="span4"><select id="item_search_ordering" name="item_search_ordering" class="inputbox select form-control has-value"> <option value="art_id:desc" selected="selected">Newest First</option> <option value="arating:desc">Highest Rating</option> <option value="ratingsnb:desc">Most Reviewed</option> <option value="drating:desc">Design - Highest Rating</option> <option value="frating:desc">Functionality - Highest Rating</option> <option value="urating:desc">Usability - Highest Rating</option> <option value="rrating:desc">Responsiveness - Highest Rating</option> </select> </div><div class="span4 span-hidden"><input type="hidden" id="responsive" name="responsive" value="" class="inputbox form-control" /></div><div class="span4 span-hidden"><input type="hidden" id="submisison_date" name="submisison_date" value="" class="inputbox form-control" /></div></div></div></div></div></div><label for="search_total">Total</label>1 Results </div> <div style="display: none;"> <div id="cck3r_hidden" class="cck-pos-hidden seb_css3 vertical cck3r-deepest"> <input type="hidden" id="cck" name="cck" value="showcase_items" class="inputbox" /><input type="hidden" id="item_featured_case_study" name="item_featured_case_study" value="1" class="inputbox" /><div id="cck3r_art_created" class="cck_forms cck_search cck_jform_calendar cck_art_created"><div id="cck3r_label_art_created" class="cck_label cck_label_jform_calendar"><label for="art_created">Created Date</label></div><div id="cck3r_form_art_created" class="cck_form cck_form_jform_calendar"><div class="field-calendar"> <div class="input-append"> <input type="text" id="art_created" name="art_created" value="" class="inputbox text" onchange="JCck.Core.trigger(this,'blur');" data-alt-value="" autocomplete="off"/> <button type="button" class="btn btn-secondary" id="art_created_btn" data-inputfield="art_created" data-dayformat="%Y-%m-%d %H:%M:%S" data-button="art_created_btn" data-firstday="0" data-weekend="0,6" data-today-btn="1" data-week-numbers="0" data-show-time="1" data-show-others="1" data-time-24="12" data-only-months-nav="0" title="Open the calendar" ><span class="icon-calendar" aria-hidden="true"></span></button> </div> </div> </div></div><div id="cck3r_item_category_frontend" class="cck_forms cck_search cck_jform_category cck_item_category_frontend"><div id="cck3r_label_item_category_frontend" class="cck_label cck_label_jform_category"><label for="item_category_frontend">Category</label></div><div id="cck3r_form_item_category_frontend" class="cck_form cck_form_jform_category"><select id="item_category_frontend" name="item_category_frontend" class="inputbox select"> <option value="" selected="selected">- Select an Option -</option> </select> </div></div><div id="cck3r_item_creator" class="cck_forms cck_search cck_text cck_item_creator"><div id="cck3r_label_item_creator" class="cck_label cck_label_text"><label for="item_creator">Creator</label></div><div id="cck3r_form_item_creator" class="cck_form cck_form_text"><input type="text" id="item_creator" name="item_creator" value="" class="inputbox text" size="32" maxlength="255" placeholder="- Creator -" /></div></div><input type="hidden" id="item_state" name="item_state" value="1" class="inputbox" /><input type="hidden" id="art_access" name="art_access" value="1" class="inputbox" /><input type="hidden" id="moderation_status" name="moderation_status" value="1" class="inputbox" /><div id="cck3r_tags_id_for_join" class="cck_forms cck_search cck_text cck_tags_id_for_join"><div id="cck3r_form_tags_id_for_join" class="cck_form cck_form_text"><input type="text" id="tags_id_for_join" name="tags_id_for_join" value="" class="inputbox text" size="32" maxlength="255" /></div></div> </div> </div> <input type="hidden" name="boxchecked" id="boxchecked" value="0" data-cck-remove-before-search="" /> <input type="hidden" name="search" value="showcase_search" data-cck-keep-for-search="" /> <input type="hidden" name="task" value="search" data-cck-keep-for-search="" /></div><div class="clr"></div></form><div class="cck_page_list cck-clrfix" id="system"> <div class="cck_page_items"><div class="cck-list-block cck-sites"><ul class="row-fluid"> <li class="span4" > <div class="showcase-item"> <a href="/browse-sites/21746.html#case"> <img src="https://showcase.joomla.org/images/showcase/17827/_thumb2/WaterfrontRest-Home-page.png" alt="Waterfront Rest B&B - Independent Booking and Reservation solution by Puma - IT Services (Hervé Boinnard)"> </a> <div class="edit_button_search"> </div> <div class="details"> <h4><a href="/browse-sites/21746.html#case">Waterfront Rest B&B - Independent Booking and Reservation solution</a></h4> <div class="subheader"> <span><a href="/browse-sites.html?cck=showcase_items&item_state=1&search=showcase_search&task=search&item_category_frontend=52">Travel</a> | Puma - IT Services (Hervé Boinnard)</span> </div> </div> <div class="row-fluid grey-bg stats"> <div> <div class="span8"> <div class="version"> <span class="badge badge-rounded badge-30">3.x</span> </div> <div style="clear: left;"></div> </div> </div> </div> </div> </li></ul> </div> </div></div> </div></div>  </main> </div> </div> </div>  <footer class="footer center"> <div class="container"> <hr /> <div class="social"> <ul class="soc"> <li><a href="https://twitter.com/joomla" target="_blank" rel="noopener" class="icon-twitter2" title="Joomla! on Twitter"><span class="element-invisible">Joomla! on Twitter</span></a></li> <li><a href="https://www.facebook.com/joomla" target="_blank" rel="noopener" class="icon-facebook2" title="Joomla! on Facebook"><span class="element-invisible">Joomla! on Facebook</span></a></li> <li><a href="https://www.youtube.com/user/joomla" target="_blank" rel="noopener" class="icon-youtube3" title="Joomla! on YouTube"><span class="element-invisible">Joomla! on YouTube</span></a></li> <li><a href="https://www.linkedin.com/company/joomla" target="_blank" rel="noopener" class="icon-linkedin" title="Joomla! on LinkedIn"><span class="element-invisible">Joomla! on LinkedIn</span></a></li> <li><a href="https://www.pinterest.com/joomla" target="_blank" rel="noopener" class="icon-pinterest2" title="Joomla! on Pinterest"><span class="element-invisible">Joomla! on Pinterest</span></a></li> <li><a href="https://www.instagram.com/joomlaofficial/" target="_blank" rel="noopener" class="icon-instagram" title="Joomla! on Instagram"><span class="element-invisible">Joomla! on Instagram</span></a></li> <li><a href="https://github.com/joomla" target="_blank" rel="noopener" class="icon-github3" title="Joomla! on GitHub"><span class="element-invisible">Joomla! on GitHub</span></a></li> </ul> </div> <div class="footer-menu"> <ul class="nav-inline"> <li><a href="https://www.joomla.org"><span>Home</span></a></li> <li><a href="https://www.joomla.org/about-joomla.html"><span>About</span></a></li> <li><a href="https://community.joomla.org"><span>Community</span></a></li> <li><a href="https://forum.joomla.org"><span>Forum</span></a></li> <li><a href="https://extensions.joomla.org"><span>Extensions</span></a></li> <li><a href="https://community.joomla.org/service-providers-directory.html"><span>Services</span></a></li> <li><a href="https://docs.joomla.org"><span>Docs</span></a></li> <li><a href="https://developer.joomla.org"><span>Developer</span></a></li> <li><a href="https://community.joomla.org/the-joomla-shop.html"><span>Shop</span></a></li> </ul> <ul class="nav-inline"> <li><a href="https://www.joomla.org/accessibility-statement.html">Accessibility Statement</a></li> <li><a href="https://www.joomla.org/privacy-policy.html">Privacy Policy</a></li> <li><a href="https://www.joomla.org/cookie-policy.html">Cookie Policy</a></li> <li><a href="https://community.joomla.org/sponsorship-campaigns.html">Sponsor Joomla! with $5</a></li> <li><a href="https://joomla.crowdin.com" target="_blank" rel="noopener">Help Translate</a></li> <li><a href="https://github.com/joomla/joomla-websites/issues/new?title=[jshow]%20&body=Please%20describe%20the%20problem%20or%20your%20issue">Report an Issue</a></li> <li><a href="/user-login.html">Log in</a></li> </ul> <p class="copyright">© 2005 - 2024 <a href="https://opensourcematters.org">Open Source Matters, Inc.</a> All Rights Reserved.</p> <div class="hosting"> <div class="hosting-image"><a href="https://www.rochen.com/joomla-hosting" rel="noopener" target="_blank"><img class="rochen" width="84" height="42" src="https://cdn.joomla.org/rochen/rochen_footer_logo_white.png" alt="Rochen" /></a></div> <div class="hosting-text"><a href="https://www.rochen.com/joomla-hosting" rel="noopener" target="_blank"><span dir="ltr">Joomla!</span> Hosting by Rochen</a></div> </div> </div> <div id="adblock-msg" class="navbar navbar-fixed-bottom hide"> <div class="navbar-inner"> <a class="close" data-dismiss="alert" href="#">×</a> <i class="icon-warning"></i> We have detected that you are using an ad blocker. The Joomla! Project relies on revenue from these advertisements so please consider disabling the ad blocker for this domain. </div> </div> </div> </footer> </body> </html>