Showcase | Media Machine

<!DOCTYPE html> <html lang="en" dir="ltr" xmlns:og="http://ogp.me/ns#" xmlns:article="http://ogp.me/ns/article#" xmlns:book="http://ogp.me/ns/book#" xmlns:profile="http://ogp.me/ns/profile#" xmlns:video="http://ogp.me/ns/video#" xmlns:product="http://ogp.me/ns/product#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#"> <head profile="http://www.w3.org/1999/xhtml/vocab"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="https://www.mediamachine.co.za/sites/all/themes/mediamachinev3/favicon.ico" type="image/vnd.microsoft.icon" /> <meta name="description" content="Our portfolio - from industrial clients to web agencies, start-ups to corporate giants, Drupal forms the core of our passion and expertise for the web." /> <meta name="generator" content="Drupal 7 (http://drupal.org)" /> <link rel="canonical" href="https://www.mediamachine.co.za/showcase" /> <link rel="shortlink" href="https://www.mediamachine.co.za/showcase" /> <meta property="og:site_name" content="Media Machine" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://www.mediamachine.co.za/showcase" /> <meta property="og:title" content="Showcase" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:url" content="https://www.mediamachine.co.za/showcase" /> <meta name="twitter:title" content="Showcase" /> <meta itemprop="name" content="Showcase" /> <title>Showcase | Media Machine</title> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__zBtTC621We6bgtw8_-S-Us5Cy-YHlsF-5nqvrGsMisM__NdgYro1h6fQ-IHG1Yx5lv4jcoCSQsoWbABVoBS8MPfg__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__DU0fpF2M7kwztd_yg_ybFf8-xXguNsF-4v05KK-1nfc__5YBrTVSXdT0DC5yVMqfjQIB9EL67a-kyPNm7ez7rWvo__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__qMhylzSEc2xiur6a6evN7ZUUTk4aSNVIo7GNbMcABKs__57HdxI9Ys-6a_gGdkGLkzBjLDaYq9D_G7_hkOCJVP0E__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__3nX8HoBENRDRp_IeS24HpMQegOzCsLq_3Q8wnDVsXYM__K6sHjDb8xd9iDsiYbO30ZPsU4a7jLPn3fP1j9pvpNGg__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.css" media="all" />    <script type="text/javascript"> <![CDATA[//><!]]> </script> </head> <body class="html not-front not-logged-in no-sidebars page-showcase navbar-is-static-top" > <div id="skip-link"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> </div> <header id="fixed-top" role="banner" class="sb-slide navbar navbar-static-top navbar-inverse"> <div class="container"> <div class="navbar-header"> <a class="name navbar-brand" href="/" title="Home">Media Machine</a>   <button type="button" class="sb-toggle-right"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> </header> <div class="sb-slidebar sb-right sb-width-wide"> <nav role="navigation"> <div class="close-btn-wrap"> <button type="button" class="sb-toggle-right close-btn"> <span class="glyphicon glyphicon-remove"></span> </button> </div> <ul class="menu nav navbar-nav"><li class="first leaf"><a href="/" title="Where the magic begins.">Home</a></li> <li class="leaf active"><a href="/showcase" title="Take a look at what we've done." class="active">Showcase</a></li> <li class="leaf"><a href="/services" title="We're ready to tackle any/all of your digital needs.">Services</a></li> <li class="leaf"><a href="/services/web-hosting" title="Our hosting platform, optimised for Drupal.">Hosting</a></li> <li class="leaf"><a href="/about" title="Find out more about Media Machine.">About</a></li> <li class="leaf"><a href="/sandbox" title="We share our decades of combined experience with the world.">Sandbox</a></li> <li class="last leaf"><a href="/contact-us" title="You have a product we'd love to develop, so get in contact with us.">Contact</a></li> </ul> <div class="region region-navigation"> <section id="block-block-8" class="block block-block clearfix"> <p>17 Davenport Rd,<br />Vredehoek,<br />Cape Town,<br />South Africa</p> <p>Tel: +27 83 381 0300<br />Email: <a href="mailto:info@mediamachine.co.za">info@mediamachine.co.za</a></p> </section> <section id="block-block-7" class="block block-block clearfix"> <a href="https://www.facebook.com/pages/Media-Machine/121204004620356" class="social"><i class="fa fa-facebook fa-2x"></i></a> <a href="https://twitter.com/mediamachine_za" class="social"><i class="fa fa-twitter fa-2x"></i></a> <a href="http://www.linkedin.com/company/media-machine" class="social"><i class="fa fa-linkedin fa-2x"></i></a> <a href="https://plus.google.com/+MediaMachineCapeTown" class="social"><i class="fa fa-google-plus fa-2x"></i></a> </section> </div> </nav> </div> <div id="sb-site"> <div class="main-container container"> <header role="banner" id="page-header"> </header>  <div class="row"> <section> <div class="container"> </div> <a id="main-content"></a> <div class="title-bg"> <div class="container"> <h1 class="page-header">Showcase</h1> </div> </div> <div class="container"> </div> <div class="region region-content"> <section id="block-system-main" class="block block-system clearfix"> <div class="contentpage-showcase" > <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="panel-pane pane-custom pane-1 page-subtitle" > <div class="pane-content"> <h4> From industrial clients and web agencies to start-ups and global corporations, our passion and expertise in Drupal drive everything we do. Here鈥檚 a showcase of the projects we鈥檝e developed and/or proudly maintain.</h4> </div> </div> </div> </div> </div> <div class="container"> <div class="panel-pane pane-views-panes pane-projects-panel-pane-1" > <div class="pane-content"> <div class="view view-projects view-id-projects view-display-id-panel_pane_1 view-dom-id-e9d77573fb0e00771a624899ce037a3a"> <div class="view-content"> <div id="views-bootstrap-grid-1" class="views-bootstrap-grid-plugin-style"> <div class="row"> <div class="col col-xs-12 col-ms-12 col-sm-6 col-md-6 col-lg-6"> <div class="grid"> <div class="views-field views-field-nothing"> <span class="field-content"><a href="https://www.africanreservations.com" target="_blank"> <div class="project-grid-item"> <div class="project-grid-image"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/projects/grid_thumb/ar-24.png" width="620" height="620" alt="" /></div> <div class="project-grid-title"> <div class="project-grid-title-inner"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span><h4>African Reservations</h4><span class="project-category"></span></div></div></div></a></span> </div> </div> </div> <div class="col col-xs-12 col-ms-12 col-sm-6 col-md-6 col-lg-6"> <div class="grid"> <div class="views-field views-field-nothing"> <span class="field-content"><a href="https://www.therobot.tv" target="_blank"> <div class="project-grid-item"> <div class="project-grid-image"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/projects/grid_thumb/robot.png" width="620" height="620" alt="" /></div> <div class="project-grid-title"> <div class="project-grid-title-inner"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span><h4>Robot</h4><span class="project-category"></span></div></div></div></a></span> </div> </div> </div> </div> <div class="row"> <div class="col col-xs-12 col-ms-12 col-sm-6 col-md-6 col-lg-6"> <div class="grid"> <div class="views-field views-field-nothing"> <span class="field-content"><a href="https://www.globalpolicyjournal.com" target="_blank"> <div class="project-grid-item"> <div class="project-grid-image"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/projects/grid_thumb/global-policy.png" width="620" height="620" alt="" /></div> <div class="project-grid-title"> <div class="project-grid-title-inner"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span><h4>Global Policy Journal</h4><span class="project-category"></span></div></div></div></a></span> </div> </div> </div> <div class="col col-xs-12 col-ms-12 col-sm-6 col-md-6 col-lg-6"> <div class="grid"> <div class="views-field views-field-nothing"> <span class="field-content"><a href="http://www.galerie1214.com" target="_blank"> <div class="project-grid-item"> <div class="project-grid-image"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/projects/grid_thumb/galerie_slide.png" width="620" height="620" alt="" /></div> <div class="project-grid-title"> <div class="project-grid-title-inner"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span><h4>Galerie1214</h4><span class="project-category"></span></div></div></div></a></span> </div> </div> </div> </div> <div class="row"> <div class="col col-xs-12 col-ms-12 col-sm-6 col-md-6 col-lg-6"> <div class="grid"> <div class="views-field views-field-nothing"> <span class="field-content"><a href="https://www.thenakedscientists.com" target="_blank"> <div class="project-grid-item"> <div class="project-grid-image"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/projects/grid_thumb/tns_slide.png" width="620" height="620" alt="" /></div> <div class="project-grid-title"> <div class="project-grid-title-inner"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span><h4>The Naked Scientists</h4><span class="project-category"></span></div></div></div></a></span> </div> </div> </div> <div class="col col-xs-12 col-ms-12 col-sm-6 col-md-6 col-lg-6"> <div class="grid"> <div class="views-field views-field-nothing"> <span class="field-content"><a href="http://www.saoga.org.za" target="_blank"> <div class="project-grid-item"> <div class="project-grid-image"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/projects/grid_thumb/moga.png" width="620" height="620" alt="" /></div> <div class="project-grid-title"> <div class="project-grid-title-inner"><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span><h4>South African Oil & Gas Alliance</h4><span class="project-category"></span></div></div></div></a></span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="division-md"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="panel-pane pane-fieldable-panels-pane pane-fpid-13 cta-panel pane-bundle-html-snippets" > <div class="pane-content"> <div class="fieldable-panels-pane"> <div class="field field-name-field-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><h3>Impressed yet? We will gladly send you our full portfolio.</h3> <p><a class="btn btn-green btn-lg" href="/contact-us">Contact Us</a></p> </div></div></div></div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </section> </div> </div> <footer class="footer"> <div class="container"> <div class="row"> <div class="col col-sm-3 col-xs-12"> <div class="region region-footer-first"> <section id="block-block-6" class="block block-block clearfix"> <p><a href="/contact-us#region-map"><img alt="" src="https://www.mediamachine.co.za/sites/default/files/images/managed/mediamachine_map.jpg" style="width: 263px; height: 127px;" /></a></p> </section> </div> </div> <div class="col col-sm-2 col-xs-12"> <div class="region region-footer-second"> <section id="block-block-2" class="block block-block clearfix"> <p>17 Davenport Rd,<br />Vredehoek,<br />Cape Town,<br />South Africa</p> </section> </div> </div> <div class="col last col-sm-4 col-xs-12"> <div class="region region-footer-third"> <section id="block-block-3" class="block block-block clearfix"> <p>Tel: +27 83 381 0300 / 021 462 5500<br />Email: <a href="mailto:info@mediamachine.co.za">info@mediamachine.co.za</a></p> </section> </div> </div> <div class="col last col-sm-3 col-xs-12"> <div class="region region-footer-fourth"> <section id="block-block-5" class="block block-block clearfix"> <a href="https://www.facebook.com/pages/Media-Machine/121204004620356" class="social"><i class="fa fa-facebook fa-3x"></i></a> <a href="https://twitter.com/mediamachine_za" class="social"><i class="fa fa-twitter fa-3x"></i></a> <a href="http://www.linkedin.com/company/media-machine" class="social"><i class="fa fa-linkedin fa-3x"></i></a> <a href="https://plus.google.com/+MediaMachineCapeTown" class="social"><i class="fa fa-google-plus fa-3x"></i></a> </section> </div> </div> </div> <div class="row"> <div class="col col-sm-12"> <div class="region region-footer-fifth"> <section id="block-block-4" class="block block-block clearfix"> <p>漏 Media Machine 2025. All rights reserved.</p> </section> <section id="block-system-main-menu" class="block block-system block-menu clearfix"> <ul class="menu nav"><li class="first leaf"><a href="/" title="Where the magic begins.">Home</a></li> <li class="leaf active"><a href="/showcase" title="Take a look at what we've done." class="active">Showcase</a></li> <li class="leaf"><a href="/services" title="We're ready to tackle any/all of your digital needs.">Services</a></li> <li class="leaf"><a href="/services/web-hosting" title="Our hosting platform, optimised for Drupal.">Hosting</a></li> <li class="leaf"><a href="/about" title="Find out more about Media Machine.">About</a></li> <li class="leaf"><a href="/sandbox" title="We share our decades of combined experience with the world.">Sandbox</a></li> <li class="last leaf"><a href="/contact-us" title="You have a product we'd love to develop, so get in contact with us.">Contact</a></li> </ul> </section> </div> </div> </div> </div> </footer> </div> <script type="text/javascript" src="/sites/default/files/advagg_js/js__mErrea_7gHmIqDddriI1aAm7bZ-rZXlXVvKWqkm7AhU__TeDTs6WJmKXoQ9_5u_LujjHu0Et54_AzBf0xrOIe5sk__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__rLygPkMx_bu5QlJL-3rKPQthomXkYSuPgtDYKzHw-s4__SwIuwOGF0vWJFhyH7eixPEj6iFRdUYoE2Atmew-5tGs__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.js"></script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__Z6Om_nwAEu_Mi2Sb-abiErIuiUzkrJuAmcRFdHnDVto__3CIWmoaaoKn6fMahJTypEVerG8aTGiuUPsBi95Uvlyg__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.js"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="/sites/default/files/advagg_js/js__KzuOSMDW8Q3bNZFJxVJu1b5qfW9qbS_t-EiYp79nFLQ__uod6MIwKUJMnJmvCvrUz8D1814i-y0hf61zFI1rF0qc__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.js"></script> </body> </html>

CINXE.COM

Showcase | Media Machine