CINXE.COM

<!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="We are a professional digital agency based in Cape Town, South Africa that specializes in fresh and flexible Drupal development services and solutions." /> <meta name="generator" content="Drupal 7 (http://drupal.org)" /> <link rel="canonical" href="https://www.mediamachine.co.za/homepage" /> <link rel="shortlink" href="https://www.mediamachine.co.za/homepage" /> <meta property="og:site_name" content="Media Machine" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://www.mediamachine.co.za/homepage" /> <meta property="og:title" content="Home" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:url" content="https://www.mediamachine.co.za/homepage" /> <meta name="twitter:title" content="Home" /> <meta itemprop="name" content="Home" /> <title>Drupal web development, design & hosting | Media Machine</title> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__DdAHc57H4I5skdJFYt95WDoNkc78Gi_MiIWLW3Hd7Xs__Mbtj0nD-s9GUGCcyAQlAHwxHs-TkzHrS_DYyZQ8QQbw__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.css" media="all" /> <link type="text/css" rel="stylesheet" href="/sites/default/files/advagg_css/css__e__Wlzr78UCULFOR3iMYEmTAPYJFepeMbHEGkkO_prM__xuz3L9r_cf6SvfKXCvRwcrH9S4JGVYIrusvMh95lMMw__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 front not-logged-in no-sidebars page-homepage 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 active"><a href="/" title="Where the magic begins." class="active">Home</a></li> <li class="leaf"><a href="/showcase" title="Take a look at what we've done.">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="jumbotron-wrap"> <div class="highlighted jumbotron"> <div class="container"> <div class="region region-highlighted"> <section id="block-block-1" class="block block-block clearfix"> <div class="animated fadeInDown"> <h1>We plan, design and develop beautiful online products</h1> <h3>We鈥檇 love to create something great with you too.</h3> <p><a class="btn btn-white-inverse btn-lg" href="/showcase">Showcase</a></p> </div> </section> </div> </div> <a href="#first-region" class="scroll-arrow" style="display: inline;"></a> </div> </div> <div class="main-container"> <header role="banner" id="page-header"> </header>  <div class="container"> <div class="row"> <section class="col-sm-12"> <a id="main-content"></a> </section> </div> </div> <div class="region region-content"> <section id="block-system-main" class="block block-system clearfix"> <div class="homepage-onecol" > <div class="container division" id="first-region"> <div class="row"> <div class="col-sm-12"> <div class="panel-pane pane-fieldable-panels-pane pane-fpid-5 title-pane pane-bundle-title-panes" > <h2 class="pane-title"> Services </h2> <div class="pane-content"> <div class="fieldable-panels-pane"> <div class="field field-name-field-sub-title field-type-text field-label-hidden"><div class="field-items"><div class="field-item even">A digital agency offering production services along with on-going support, maintenance & strategic partnerships.</div></div></div></div> </div> </div> <div class="panel-separator"></div><div class="panel-pane pane-views-panes pane-services-panel-pane-1" > <div class="pane-content"> <div class="view view-services view-id-services view-display-id-panel_pane_1 view-dom-id-feddf7b7da58def8cd8bf0cdb93c5283"> <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-12 col-md-4 col-lg-4"> <div class="grid"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-svg"> <div class="field-content"><svg version="1.1" id="drupal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144px" height="130px" viewBox="0 0 144 130" style="enable-background:new 0 0 144 130;" xml:space="preserve"> <switch> <g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:22.9256;" d="M68.693,11.715 c-0.346,3.299-0.701,6.587-2.853,9.016c-4.241,4.784-9.995,7.724-14.689,10.033C39.215,36.64,25.485,50.33,25.485,72.2 c0,10.592,4.087,21.989,11.795,30.771c8.206,9.348,20.481,15.748,35.06,15.678c13.029-0.064,23.729-4.318,31.771-11.266 c9.406-8.124,15.08-20.058,15.08-35.183c0-11.145-3.321-20.8-9.369-28.189C97.893,29.44,88.266,28.156,82.178,24.683 C77.82,22.198,73.802,17.82,68.693,11.715L68.693,11.715z"/> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:22.9256;" d="M85.975,83.244 c-6.19-0.039-12.281-10.854-24.642-11.145c-9.296-0.219-16.62,7.574-16.458,15.074c0.192,9.002,6.559,11.153,12.463,11.242 c11.58,0.171,21.891-11.669,28.926-11.789c5.344-0.092,10.764,11.091,15.62,11.465c5.595,0.434,9.771-10.404,9.404-16.973 c-0.243-4.378-2.759-7.52-6.022-7.439C99.148,73.826,92.025,83.285,85.975,83.244L85.975,83.244z M77.215,99.33 c2.842-2.829,5.86-4.504,9.25-4.421c5.413,0.133,5.643,1.405,7.211,4.573c0.319,0.645,0.137,1.197-0.068,1.522 c-0.11,0.179-0.731,0.772-0.941,0.772c-0.521,0-0.711-0.186-0.925-0.721c-1.291-3.223-3.204-3.234-5.618-3.236 c-3.719,0-5.341,1.814-7.538,3.632c-0.544,0.45-1.06,0.792-1.474,0.446c-0.332-0.279-0.605-0.67-0.598-0.961 C76.529,100.245,76.723,99.818,77.215,99.33L77.215,99.33z M69.694,107.021c2.921,2.693,16.718,4.957,25.01-0.615 c0.308-0.207,0.696-0.344,1.036-0.198c0.254,0.106,0.4,0.244,0.436,0.528c0.057,0.468,0.09,1.173-0.271,1.475 c-5.758,4.807-21.33,7.545-28.735,1.432c-0.729-0.604-0.756-1.514-0.275-2.039c0.36-0.391,0.671-0.571,1.105-0.82 C68.54,106.471,69.23,106.592,69.694,107.021L69.694,107.021z"/> </g> <foreignObject> <img src="sites/all/themes/mediamachinev3/images/png/icon-drupal.png" class="img-responsive" width="144" height="130"> </foreignObject> </switch> </svg> </div> </div> <div class="views-field views-field-title"> <h4 class="field-content">Web & Drupal Development</h4> </div> <div class="views-field views-field-body"> <div class="field-content"><p>Media Machine uses Drupal, almost exclusively, to build everything from personal blogs to enterprise applications.</p> </div> </div> </div> </div> <div class="col col-xs-12 col-ms-12 col-sm-12 col-md-4 col-lg-4"> <div class="grid"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-svg"> <div class="field-content"><svg version="1.1" id="tools" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144px" height="130px" viewBox="0 0 144 130" style="enable-background:new 0 0 144 130;" xml:space="preserve"> <switch> <g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M38.717,38.219c-0.731,0-1.418-0.283-1.935-0.801 L24.698,25.333c-0.516-0.516-0.801-1.202-0.801-1.933c0-0.73,0.283-1.417,0.8-1.934l2.794-2.797 c0.519-0.518,1.205-0.802,1.936-0.802c0.73,0,1.417,0.284,1.935,0.802l12.083,12.085c1.066,1.065,1.067,2.8,0.002,3.865 l-2.797,2.799C40.133,37.936,39.446,38.219,38.717,38.219z"/> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M125.039,25.844 c-0.127-0.471-0.496-0.84-0.967-0.965c-0.117-0.031-0.237-0.047-0.354-0.047c-0.358,0-0.706,0.142-0.966,0.401l-6.348,6.348 c-0.113,0.114-0.271,0.179-0.475,0.179c-0.002,0-9.094-0.7-9.094-0.7c-0.297-0.021-0.539-0.263-0.561-0.561l-0.7-9.084 c-0.013-0.175,0.052-0.351,0.179-0.476l6.352-6.351c0.345-0.346,0.479-0.85,0.354-1.319c-0.125-0.473-0.493-0.841-0.965-0.969 c-1.646-0.445-3.346-0.671-5.049-0.671c-5.131,0-9.955,1.996-13.586,5.623c-5.655,5.66-7.217,14.057-3.977,21.401 c0.104,0.227,0.055,0.491-0.127,0.671c0,0-21.693,21.684-21.96,21.951L46.492,81.578c-0.115,0.113-0.271,0.182-0.431,0.182 c-0.084,0-0.165-0.02-0.244-0.055c-2.471-1.092-5.099-1.646-7.81-1.646c-5.136,0-9.961,2-13.585,5.627 c-4.843,4.84-6.74,11.979-4.952,18.629c0.127,0.474,0.497,0.842,0.968,0.968c0.118,0.03,0.237,0.047,0.354,0.047 c0.358,0,0.708-0.142,0.967-0.399l6.347-6.351c0.115-0.111,0.272-0.177,0.475-0.177c0.002,0,9.094,0.699,9.094,0.699 c0.297,0.021,0.538,0.262,0.56,0.561l0.7,9.084c0.013,0.176-0.052,0.35-0.178,0.475l-6.351,6.352 c-0.345,0.347-0.48,0.849-0.354,1.32c0.125,0.471,0.493,0.84,0.964,0.969c1.647,0.445,3.347,0.672,5.048,0.672 c5.131,0,9.956-1.996,13.585-5.623c5.656-5.659,7.218-14.057,3.977-21.401c-0.103-0.227-0.053-0.489,0.127-0.669l20.304-20.311 c0.258-0.256,21.961-21.948,21.961-21.948c0.114-0.113,0.271-0.181,0.433-0.181c0.083,0,0.163,0.019,0.243,0.054 c2.472,1.093,5.099,1.646,7.81,1.646c5.138,0,9.962-1.999,13.586-5.625C124.932,39.635,126.828,32.495,125.039,25.844z"/> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M116.02,115.075c-1.553,0-3.117-0.675-4.293-1.853 l-21.52-21.517c-0.533-0.535-0.533-1.399,0-1.935l5.589-5.592c0.257-0.258,0.604-0.402,0.968-0.402c0.364,0,0.711,0.146,0.969,0.402 l21.518,21.518c1.092,1.094,1.749,2.494,1.846,3.945c0.086,1.428-0.379,2.727-1.307,3.655l-0.462,0.462 C118.236,114.848,116.927,115.075,116.02,115.075z"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="92.889" y1="87.09" x2="41.988" y2="36.081"/> </g> <foreignObject> <img src="sites/all/themes/mediamachinev3/images/png/icon-tools.png" class="img-responsive" width="144" height="130"> </foreignObject> </switch> </svg> </div> </div> <div class="views-field views-field-title"> <h4 class="field-content">Support & Maintenance</h4> </div> <div class="views-field views-field-body"> <div class="field-content"><p>We're in it for the long haul and we'll look after your website by offering on-going support, maintenance and strategic services.</p> </div> </div> </div> </div> <div class="col col-xs-12 col-ms-12 col-sm-12 col-md-4 col-lg-4"> <div class="grid"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-svg"> <div class="field-content"><svg version="1.1" id="hosting" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144px" height="130px" viewBox="0 0 144 130" style="enable-background:new 0 0 144 130;" xml:space="preserve"> <switch> <g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M39,31.312c3.845-3.219,9.111-5.453,14.468-5.453 c2.391,0,4.939,0.184,7.232,0.963C63.924,17.987,72.339,12,81.673,12c6.741,0,13.063,2.974,17.313,8.26 c2.179-1.088,4.526-1.666,6.95-1.666c8.626,0,15.647,7.058,15.647,15.75c0,1.635-0.254,3.258-0.765,4.841 C127.913,40.804,133,48.027,133,55.395C133,64.085,125.987,72,117.363,72H68.478"/> <path d="M40.137,54.951"/> <g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M64,41.855C64,39.727,62.247,38,60.085,38H21.915 C19.753,38,18,39.727,18,41.855v72.289c0,2.13,1.753,3.855,3.915,3.855h38.171c2.162,0,3.915-1.726,3.915-3.855V41.855z"/> </g> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="19.16" y1="57" x2="64.84" y2="57"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="27" y1="80" x2="55" y2="80"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="27" y1="64" x2="55" y2="64"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="27" y1="47" x2="55" y2="47"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="18" y1="71" x2="64" y2="71"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="18.315" y1="88.356" x2="63.996" y2="88.356"/> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M45.872,105.43c0,2.091-1.693,3.787-3.788,3.787 c-2.09,0-3.79-1.696-3.79-3.787c0-2.098,1.699-3.792,3.79-3.792C44.178,101.638,45.872,103.332,45.872,105.43L45.872,105.43z"/> </g> <foreignObject> <img src="sites/all/themes/mediamachinev3/images/png/icon-hosting.png" class="img-responsive" width="144" height="130"> </foreignObject> </switch> </svg></div> </div> <div class="views-field views-field-title"> <h4 class="field-content">Web Hosting</h4> </div> <div class="views-field views-field-body"> <div class="field-content"><p>Our hosting packages offer an affordable entry point and can be upgraded at any time allowing you to increase your web resources as needed.</p> </div> </div> </div> </div> </div> <div class="row"> <div class="col col-xs-12 col-ms-12 col-sm-12 col-md-4 col-lg-4"> <div class="grid"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-svg"> <div class="field-content"><svg version="1.1" id="apps" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144px" height="130px" viewBox="0 0 144 130" style="enable-background:new 0 0 144 130;" xml:space="preserve"> <switch> <g> <g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M64.981,110.229c-1.94,0-3.519-1.582-3.519-3.519 c0-1.938,1.577-3.516,3.519-3.516c1.938,0,3.518,1.577,3.518,3.516C68.499,108.646,66.92,110.229,64.981,110.229z"/> </g> <path d="M35.772,94.065"/> <g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M101,17.04c0-2.231-1.792-4.04-4.001-4.04H31 c-2.209,0-4,1.809-4,4.04v95.921c0,2.23,1.791,4.039,4,4.039h65.999c2.209,0,4.001-1.809,4.001-4.039V17.04z"/> </g> <g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M94,25c0-2.209-1.761-4-3.934-4H37.935 C35.762,21,34,22.791,34,25v68c0,2.208,1.762,4,3.935,4h52.131C92.239,97,94,95.208,94,93V25z"/> </g> <g> <path style="fill:#FFFFFF;" d="M123.862,39.473c0-2.193-1.811-3.973-4.044-3.973H82.413c-2.233,0-4.045,1.779-4.045,3.973v64.559 c0,2.193,1.812,3.973,4.045,3.973h37.405c2.233,0,4.044-1.779,4.044-3.973V39.473z"/> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M124.368,39.969c0-2.193-1.812-3.973-4.043-3.973 H82.918c-2.232,0-4.044,1.779-4.044,3.973v64.56c0,2.193,1.812,3.972,4.044,3.972h37.407c2.231,0,4.043-1.778,4.043-3.972V39.969z" /> </g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M106.276,97.07c0,1.857-1.505,3.367-3.368,3.367 c-1.854,0-3.365-1.51-3.365-3.367c0-1.863,1.511-3.371,3.365-3.371C104.771,93.699,106.276,95.207,106.276,97.07L106.276,97.07z"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="79.732" y1="44.002" x2="123.502" y2="44.002"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="79.732" y1="88.769" x2="123.502" y2="88.769"/> </g> <foreignObject> <img src="sites/all/themes/mediamachinev3/images/png/icon-apps.png" class="img-responsive" width="144" height="130"> </foreignObject> </switch> </svg></div> </div> <div class="views-field views-field-title"> <h4 class="field-content">Hybrid App Development</h4> </div> <div class="views-field views-field-body"> <div class="field-content"><p>There's an App for that! <br />We build "hybrid" Apps using web technologies that run on all major platforms and devices.</p> </div> </div> </div> </div> <div class="col col-xs-12 col-ms-12 col-sm-12 col-md-4 col-lg-4"> <div class="grid"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-svg"> <div class="field-content"><svg version="1.1" id="like" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144px" height="130px" viewBox="0 0 144 130" style="enable-background:new 0 0 144 130;" xml:space="preserve"> <switch> <g> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M35.822,100C33.263,100,31,97.089,31,94.594V62.469 C31,59.982,33.263,58,35.822,58h23.402c1.737,0,3.536,0.688,3.768,2.446c0.033,0.248-0.043,34.333-0.081,35.457 C62.828,98.475,60.061,100,59.224,100H35.822z"/> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M72.954,100c-1.296,0-2.526-1.022-3.375-2.023 l-2.54-5.039l-3.499-0.137c0,0-0.099-23.697,0.011-32.119l16.151-32.73C80.464,26.396,81.902,26,83.608,26h8.678 c2.428,0,4.434,1.43,4.476,3.911l0.017,1.36c0.16,11.76,0.241,17.572,0.197,21.751l10.763-0.2c2.462,0,4.762,2.77,4.762,5.295 v36.401c0,2.529-1.96,5.479-4.43,5.479H72.954V100z"/> <path d="M112.547,94.094"/> <path style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" d="M54.266,92.326c-2.079,0-3.77-1.693-3.77-3.773 c0-2.074,1.691-3.762,3.77-3.762c2.075,0,3.762,1.688,3.762,3.762C58.028,90.633,56.34,92.326,54.266,92.326z"/> <path d="M54.266,90.739"/> </g> <foreignObject> <img src="sites/all/themes/mediamachinev3/images/png/icon-like.png" class="img-responsive" width="144" height="130"> </foreignObject> </switch> </svg> </div> </div> <div class="views-field views-field-title"> <h4 class="field-content">Online Marketing</h4> </div> <div class="views-field views-field-body"> <div class="field-content"><p>Let us help develop and implement your online marketing strategy, making effective use of social channels and search optimisation.</p> </div> </div> </div> </div> <div class="col col-xs-12 col-ms-12 col-sm-12 col-md-4 col-lg-4"> <div class="grid"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-svg"> <div class="field-content"><svg version="1.1" id="pencil" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144px" height="130px" viewBox="0 0 144 130" style="enable-background:new 0 0 144 130;" xml:space="preserve"> <switch> <g> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="99.165" y1="20.786" x2="116.941" y2="38.562"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="94.632" y1="25.319" x2="112.407" y2="43.095"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="24.904" y1="95.044" x2="42.682" y2="112.82"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="19.251" y1="110.322" x2="28.076" y2="119.15"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="30.05" y1="100.189" x2="99.643" y2="30.598"/> <line style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" x1="37.817" y1="107.956" x2="107.543" y2="38.231"/> <polygon style="fill:none;stroke:#A6D239;stroke-width:3;stroke-miterlimit:10;" points="126.958,28.545 37.269,118.234 17.72,120 19.481,100.466 109.182,10.768 "/> </g> <foreignObject> <img src="sites/all/themes/mediamachinev3/images/png/icon-pencil.png" class="img-responsive" width="144" height="130"> </foreignObject> </switch> </svg> </div> </div> <div class="views-field views-field-title"> <h4 class="field-content">Design & Creative Direction</h4> </div> <div class="views-field views-field-body"> <div class="field-content"><p>Our team is exceptionally creative and even those that specialise in programming, have a solid design background.</p> </div> </div> </div> </div> </div> </div> </div> <div class="view-footer"> <p><a href="services" class="btn btn-green btn-lg">Our Services</a></p> </div> </div> </div> </div> </div> </div> </div> <div class="case-study"> <div class="panel-pane pane-views-panes pane-case-studies-panel-pane-1" > <div class="pane-content"> <div class="view view-case-studies view-id-case_studies view-display-id-panel_pane_1 view-dom-id-f66a453679fbb56983c87bbff7d528d2"> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first views-row-last"> <div class="views-field views-field-nothing"> <span class="field-content"> <div class="tns bg-fixed"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h4>The Naked Scientists</h4> <h3>Interactive website for the award-winning science podcast.</h3> <p><a class="btn btn-white-inverse btn-lg" href="https://www.thenakedscientists.com" target="_blank">View Website</a></p> </div></div></div></div></span> </div> </div> </div> </div> </div> </div> </div> <div class="container division our-process"> <div class="row"> <div class="col-sm-12"> <div class="panel-pane pane-fieldable-panels-pane pane-fpid-6 title-pane pane-bundle-title-panes" > <h2 class="pane-title"> Our Process </h2> <div class="pane-content"> <div class="fieldable-panels-pane"> <div class="field field-name-field-sub-title field-type-text field-label-hidden"><div class="field-items"><div class="field-item even">We use an Agile methodology for managing our projects.</div></div></div></div> </div> </div> <div class="panel-separator"></div><div class="panel-pane pane-fieldable-panels-pane pane-fpid-19 pane-bundle-svg-snippets" > <div class="pane-content"> <div class="fieldable-panels-pane"> <div class="field field-name-field-svg field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><svg version="1.1" id="diagram" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0.25 0.75 550 550" enable-background="new 0.25 0.75 550 550" xml:space="preserve"> <switch> <g> <g> <path fill="#FFFFFF" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M457.791,212.859l-3.485,3.08v-1.647 l3.485-2.999h1.379v19.234h-1.379V212.859z"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M389.729,160.801h-15.297 c-0.416,0-0.756-0.338-0.756-0.755V103.37c0-0.418,0.34-0.756,0.756-0.756h33.912l9.917,8.407v22.397"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M423.535,139.589v27.148 c0,0.472-0.368,0.852-0.822,0.852h-23.178"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M418.167,111.021h-9.161 c-0.419,0-0.756-0.338-0.756-0.756v-7.651"/> <circle fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" cx="414.819" cy="156.625" r="23.375"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="428.735" y1="175.74" x2="439.854" y2="190.734"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="418.261" y1="159.667" x2="399.535" y2="159.667"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="418.261" y1="153.667" x2="399.535" y2="153.667"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="418.261" y1="147.667" x2="399.535" y2="147.667"/> </g> <path fill="none" stroke="#93BA31" stroke-width="6" stroke-miterlimit="10" d="M307.199,42.568 c0.777-4.283,48.544-6.489,124.217,42.833c35.137,22.902,63.213,64.161,74.894,80.605c6.705,9.438,36.479-9.303,33.358-1.558 c-3.109,7.724-52.827,85.408-67.755,90.729c-8.104,2.889-109.42-29.984-108.642-33.488c0.72-3.237,15.138-5.519,17.911-10.125 c5.712-9.474-14.536-21.727-21.416-26.868c-11.813-8.826-50.204-20.179-52.799-25.829c-4.053-8.827,29.176-30.633,33.913-50.881 C346.616,83.471,303.785,61.334,307.199,42.568z"/> <g> <path fill="#FFFFFF" stroke="#888888" stroke-width="2" stroke-miterlimit="10" enable-background="new " d="M405.154,439.586 l7.725-10.128c0.756-0.975,1.08-1.893,1.08-3c0-2.295-1.35-3.836-3.699-3.836c-1.999,0-3.703,1.136-3.703,3.836h-1.378 c0-2.863,1.917-5.053,5.08-5.053c3.079,0,5.078,2.026,5.078,5.053c0,1.433-0.353,2.431-1.325,3.703l-7.212,9.426h8.537v1.218 h-10.186v-1.219H405.154z"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M431.004,375.249c-0.458,0-0.828-0.399-0.828-0.895 v-43.811c0-0.495,0.37-0.895,0.828-0.895h61.824c0.458,0,0.83,0.399,0.83,0.895v43.811c0,0.495-0.372,0.895-0.83,0.895H431.004z"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="463.253" y1="390.733" x2="453.932" y2="400.056"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="462.358" y1="390.733" x2="471.682" y2="400.055"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="462.806" y1="375.314" x2="462.806" y2="392.105"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="462.806" y1="324" x2="462.806" y2="330.083"/> <circle fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" cx="438.976" cy="350.62" r="2.694"/> <circle fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" cx="456.418" cy="363.534" r="2.695"/> <circle fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" cx="467.443" cy="347.019" r="2.694"/> <circle fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" cx="484.531" cy="338.96" r="2.695"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="440.943" y1="352.449" x2="453.773" y2="361.696"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="458.519" y1="360.84" x2="466.043" y2="349.318"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="469.595" y1="346.295" x2="481.836" y2="340.659"/> </g> <path fill="none" stroke="#9BC13B" stroke-width="6" stroke-miterlimit="10" d="M529.177,232.888 c4.319-0.55,20.841,44.322-3.338,131.353c-11.228,40.412-42.087,79.632-54.235,95.732c-6.977,9.24,19.879,31.965,11.556,31.329 c-8.304-0.633-97.371-24.58-106.95-37.203c-5.201-6.854-4.446-113.369-0.869-113.685c3.301-0.29,9.83,12.767,15.06,14.022 c10.757,2.584,16.323-20.418,19.148-28.528c4.849-13.925,4.08-53.954,8.688-58.133c7.189-6.528,38.01,18.567,58.743,16.971 C502.082,282.814,510.256,235.299,529.177,232.888z"/> <g> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" enable-background="new " d="M188.458,459.656 c-2.999,0-5.268-1.54-5.484-4.862h1.379c0.215,2.619,2.079,3.646,4.106,3.646c2.296,0,4.079-1.538,4.079-4.107 c0-2.592-1.242-4.105-4.187-4.105h-0.324v-1.216h0.324c2.594,0,3.809-1.379,3.809-3.864c0-2.513-1.648-3.89-3.728-3.89 c-2.27,0-3.593,1.351-3.836,3.512h-1.378c0.297-3.025,2.404-4.728,5.213-4.728c3.026,0,5.105,1.999,5.105,5.105 c0,2.055-0.783,3.54-2.729,4.375c2.162,0.731,3.107,2.351,3.107,4.811C193.916,457.765,191.565,459.656,188.458,459.656z"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M255.177,467.565c-5.079,0-9.209,4.048-9.209,9.019 c0,4.975,4.13,9.026,9.209,9.026c5.074,0,9.2-4.053,9.2-9.026C264.377,471.608,260.251,467.565,255.177,467.565L255.177,467.565z" /> <path d="M255.177,483.796"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M274.866,470.143l-0.253-0.092l-1-2.375 l0.109-0.243c3.018-6.839,2.81-7.041,2.307-7.539l-4.022-3.922c-0.162-0.162-0.452-0.275-0.7-0.275c-0.226,0-0.912,0-6.852,2.688 l-0.24,0.106l-2.45-0.986l-0.096-0.243c-2.795-6.915-3.08-6.915-3.776-6.915h-5.682c-0.69,0-1.003,0-3.595,6.931l-0.097,0.246 l-2.436,0.995l-0.235-0.097c-4.02-1.694-6.368-2.555-6.98-2.555c-0.249,0-0.534,0.109-0.7,0.273l-4.029,3.934 c-0.512,0.508-0.718,0.714,2.454,7.41l0.115,0.253l-0.995,2.37l-0.244,0.092c-7.082,2.74-7.082,3.004-7.082,3.716v5.567 c0,0.715,0,1.009,7.09,3.55l0.254,0.093l0.999,2.366l-0.106,0.239c-3.015,6.843-2.827,7.026-2.311,7.537l4.015,3.929 c0.17,0.166,0.461,0.275,0.709,0.275c0.222,0,0.907,0,6.852-2.685l0.235-0.115l2.454,0.994l0.097,0.245 c2.795,6.916,3.08,6.916,3.776,6.916h5.682c0.713,0,1.009,0,3.601-6.937l0.097-0.253l2.44-0.989l0.235,0.098 c4.015,1.698,6.363,2.56,6.971,2.56c0.249,0,0.538-0.109,0.708-0.275l4.029-3.941c0.506-0.505,0.719-0.714-2.459-7.403l-0.12-0.249 l1-2.365l0.235-0.093c7.091-2.75,7.091-3.017,7.091-3.73v-5.563C281.961,472.971,281.961,472.676,274.866,470.143L274.866,470.143z "/> <path d="M273.111,482.01"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M298.576,457.925 c-3.228,0.235-5.665,2.999-5.436,6.157c0.23,3.162,3.045,5.545,6.271,5.31c3.225-0.234,5.659-3,5.429-6.16 C304.609,460.067,301.8,457.69,298.576,457.925L298.576,457.925z"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M311.208,458.648l-0.166-0.046l-0.745-1.464 l0.062-0.157c1.598-4.488,1.458-4.606,1.114-4.899l-2.738-2.306c-0.109-0.097-0.301-0.155-0.457-0.145 c-0.145,0.01-0.579,0.041-4.229,2.028l-0.146,0.078l-1.604-0.515l-0.073-0.15c-2.098-4.266-2.276-4.251-2.722-4.219l-3.611,0.263 c-0.438,0.032-0.637,0.048-1.962,4.571l-0.051,0.16l-1.502,0.746l-0.153-0.052c-2.632-0.889-4.164-1.327-4.554-1.3 c-0.158,0.012-0.334,0.093-0.434,0.209l-2.377,2.685c-0.303,0.347-0.425,0.486,1.901,4.595l0.086,0.156l-0.521,1.554l-0.151,0.068 c-4.374,2.069-4.36,2.238-4.329,2.69l0.26,3.538c0.032,0.453,0.047,0.639,4.671,1.928l0.164,0.045l0.745,1.458l-0.056,0.157 c-1.601,4.49-1.471,4.596-1.12,4.897l2.733,2.309c0.116,0.099,0.306,0.155,0.464,0.144c0.141-0.01,0.576-0.041,4.229-2.022 l0.145-0.085l1.607,0.519l0.071,0.153c2.097,4.263,2.278,4.25,2.722,4.219l3.607-0.264c0.455-0.034,0.645-0.047,1.967-4.575 l0.053-0.163l1.506-0.744l0.151,0.052c2.63,0.894,4.162,1.33,4.551,1.303c0.155-0.012,0.336-0.094,0.438-0.208l2.377-2.69 c0.298-0.345,0.423-0.488-1.907-4.59l-0.087-0.154l0.524-1.549l0.145-0.068c4.381-2.077,4.368-2.248,4.334-2.699l-0.258-3.537 C315.848,460.119,315.834,459.932,311.208,458.648L311.208,458.648z"/> </g> <path fill="none" stroke="#A5C94B" stroke-width="6" stroke-miterlimit="10" d="M415.696,498.422 c1.924,3.905-35.148,34.105-125.316,39.502c-41.866,2.51-88.982-13.938-108.158-20.2c-11.005-3.596-23.775,29.185-25.879,21.104 c-2.099-8.06-8.377-100.076,0.453-113.236c4.793-7.146,105.778-41.025,107.237-37.744c1.349,3.027-8.881,13.442-8.369,18.796 c1.05,11.014,24.61,8.811,33.201,8.847c14.745,0.063,52.353-13.663,57.801-10.667c8.511,4.683-5.213,41.981,3.029,61.072 C359.677,489.01,407.271,481.309,415.696,498.422z"/> <g> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" enable-background="new " d="M108.213,254.558 h-1.377v-3.161h-7.618v-1.216l7.078-14.859h1.46l-7.079,14.859h6.16v-6.104h1.377v6.104h2.568v1.216h-2.568V254.558 L108.213,254.558z"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M132.5,307.625V372.5c0,0.553-0.448,1-1,1h-57 c-0.552,0-1-0.447-1-1v-75c0-0.553,0.448-1,1-1h44.875L132.5,307.625z"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M93.803,321.483 c2.854-1.429,6.076-2.233,9.485-2.233c11.715,0,21.212,9.497,21.212,21.213c0,11.715-9.497,21.212-21.212,21.212 s-21.212-9.497-21.212-21.212c0-3.672,0.933-7.126,2.574-10.138"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M132.375,307.625H120.25c-0.552,0-1-0.447-1-1 V296.5"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="108.75" y1="341.375" x2="116.5" y2="341.375"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="112.625" y1="345.25" x2="112.625" y2="337.5"/> <polyline fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" points="91,348.625 99,332.25 106,348.625 "/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="94.436" y1="341.594" x2="103.166" y2="341.594"/> </g> <path fill="none" stroke="#B2D45B" stroke-width="6" stroke-miterlimit="10" d="M126.835,477.354 c-3.143,3.015-43.127-23.209-75.497-107.538c-15.033-39.156-13.578-89.039-13.399-109.21c0.104-11.577-35-13.854-27.933-18.298 c7.049-4.434,92.876-38.203,108.088-33.759c8.258,2.413,71.049,88.456,68.361,90.833c-2.48,2.201-15.497-4.405-20.446-2.303 c-10.182,4.327-0.968,26.123,1.591,34.323c4.391,14.076,28.833,45.785,27.621,51.883c-1.894,9.527-41.596,7.705-57.308,21.328 C118.893,421.108,140.604,464.157,126.835,477.354z"/> <path fill="none" stroke="#BBDD6A" stroke-width="6" stroke-miterlimit="10" d="M61.474,197.496 c-3.876-1.982,7.797-48.351,76.864-106.565c32.069-27.033,79.675-42.003,98.792-48.443c10.973-3.696,1.623-37.607,8.136-32.387 c6.499,5.207,66.525,75.231,67.312,91.059c0.426,8.594-60.291,96.111-63.421,94.352c-2.892-1.623-0.914-16.085-4.524-20.073 c-7.423-8.202-24.997,7.646-31.906,12.75c-11.859,8.761-33.81,42.244-39.969,43.098c-9.622,1.332-20.909-36.776-38.927-47.157 C112.012,171.563,78.456,206.18,61.474,197.496z"/> <g> <path fill="#FFFFFF" stroke="#888888" stroke-width="2" stroke-miterlimit="10" enable-background="new " d="M275.875,107.689 c-0.918,0.918-2.16,1.379-3.7,1.379c-1.595,0-2.864-0.433-3.702-1.297c-0.754-0.757-1.187-1.81-1.297-3.133h1.379 c0.298,2.052,1.352,3.214,3.62,3.214c1.054,0,2.027-0.352,2.647-0.973c1.136-1.135,1.16-2.837,1.16-4.295 c0-2.405-0.459-5.133-3.592-5.133c-1.756,0-3.08,0.73-3.485,2.026h-1.216v-9.834h9.239v1.216h-8.023v6.809 c0.839-0.947,2.053-1.432,3.646-1.432c1.379,0,2.461,0.379,3.242,1.162c1.38,1.378,1.566,3.377,1.566,5.187 C277.361,104.421,277.254,106.311,275.875,107.689z"/> <path fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" d="M195.158,160.003c-0.142,0-0.285-0.03-0.417-0.091 l-17.94-8.687l-6.384,7.429c-0.191,0.223-0.469,0.348-0.758,0.348c-0.045,0-0.091-0.003-0.137-0.009 c-0.337-0.047-0.626-0.261-0.77-0.57l-6.36-13.698l-15.957-7.592c-0.306-0.165-0.504-0.476-0.524-0.822 c-0.02-0.347,0.141-0.679,0.425-0.877l68.018-47.406c0.172-0.121,0.373-0.181,0.573-0.181c0.201,0,0.402,0.061,0.574,0.181 c0.344,0.241,0.5,0.672,0.392,1.078l-19.768,70.156c-0.077,0.285-0.274,0.521-0.541,0.646 C195.448,159.971,195.303,160.003,195.158,160.003z"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="162.391" y1="144.726" x2="214.5" y2="88.668"/> <line fill="none" stroke="#888888" stroke-width="2" stroke-miterlimit="10" x1="176.8" y1="151.226" x2="214.917" y2="88.668"/> </g> </g> <foreignObject> <img src="sites/all/themes/mediamachinev3/images/png/our-process-diagram.png" class="img-responsive"> </foreignObject> </switch> </svg></div></div></div><div class="field field-name-field-body field-type-text-long field-label-hidden"><div class="field-items"><div class="field-item even"><ol> <li> <h4>Discovery</h4> <p>The Discovery phase is all about getting key stakeholders directly engaged with our project team.</p> </li> <li> <h4>Solution Crafting</h4> <p>Using the information gathered in Discovery we define and document project scope, specifications, goals and deliverables.</p> </li> <li> <h4>Production</h4> <p>An agile and iterative production process that embraces change and ensures the team complete the highest priorty features first. Continuing to refine and evelove the product through successive iterations we deliver the best product on time and within budget.</p> </li> <li> <h4>End-to-end Testing</h4> <p>Testing is built into our production workflow and is performed at every iteration. We thoroughly test of the system again before deployment using the same features and functionality that content administrators will use once the product goes live.</p> </li> <li> <h4>Deployment</h4> <p>Migration and deployment of the completed product from the development environment to the production enviroment.</p> </li> </ol> </div></div></div></div> </div> </div> </div> </div> </div> <div class="testimonial"> <div class="container division"> <div class="row"> <div class="col-sm-12"> <div class="panel-pane pane-fieldable-panels-pane pane-fpid-7 title-pane pane-bundle-title-panes" > <h2 class="pane-title"> Testimonials </h2> <div class="pane-content"> <div class="fieldable-panels-pane"> <div class="field field-name-field-sub-title field-type-text field-label-hidden"><div class="field-items"><div class="field-item even">What clients say about us.</div></div></div></div> </div> </div> <div class="panel-separator"></div><div class="panel-pane pane-views-panes pane-testimonials-panel-pane-1" > <div class="pane-content"> <div class="view view-testimonials view-id-testimonials view-display-id-panel_pane_1 view-dom-id-e6dfff1668a741b9d9bbcb8df41a67f6"> <div class="view-content"> <div class="owl-carousel-panel_pane_13"><div class="item-0 item-odd"> <div class="views-field views-field-body"> <div class="field-content"><div>Global Policy approached MediaMachine to migrate our website from the aging Drupal 6 to 8. Not only did MediaMachine complete the migration smoothly and on time, they also gave us a better version of our platform for users and taught me how to use it.</div> </div> </div> <div class="views-field views-field-nothing"> <span class="field-content"><div class="field-testimonial-image col-sm-3"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/styles/thumbnail/public/images/testimonials/global-policy-mediamachine.png?itok=OFHfVSSX" width="100" height="100" alt="" /></div> <h4 class="field-name">Dr Tom Kirk</h4> <span class="field-position">Online Editor at <a href="https://www.globalpolicyjournal.com">Global Policy Journal</a></span> </span> </div></div><div class="item-1 item-even"> <div class="views-field views-field-body"> <div class="field-content"><p>It gives me great pleasure to write this letter of recommendation for Media Machine. Media Machine was selected by Mindset Network through a competitive procurement process to develop a new Drupal based website for the organisation.</p></div> </div> <div class="views-field views-field-nothing"> <span class="field-content"><div class="field-testimonial-image col-sm-3"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/styles/thumbnail/public/images/testimonials/mindset.jpg?itok=1zfzXurU" width="100" height="100" alt="" /></div> <h4 class="field-name">Dylan Busa</h4> <span class="field-position">Schooling Executive at <a href="http://learn.mindset.co.za">Mindset Learn</a></span> </span> </div></div><div class="item-2 item-odd"> <div class="views-field views-field-body"> <div class="field-content"><p>The team of Media Machine in Cape Town have been our dedicated freelance development partners since 2005. They are taking care of the back-end of our multi-website content management system, powered by Drupal.</p></div> </div> <div class="views-field views-field-nothing"> <span class="field-content"><div class="field-testimonial-image col-sm-3"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/styles/thumbnail/public/images/testimonials/unitemp.png?itok=_jZFB8LL" width="100" height="100" alt="" /></div> <h4 class="field-name">Steffi Nepgen</h4> <span class="field-position">Marketing Consultant at <a href="http://www.unitemp.com">Unitemp</a></span> </span> </div></div><div class="item-3 item-even"> <div class="views-field views-field-body"> <div class="field-content"><p>Media Machine has assisted SAOGA to develop and enhance its online presence in support of SAOGA's strategy to utilise web and social media platforms to interact with Industry and Members in the upstream and midstream Oil & Gas value chains.</p></div> </div> <div class="views-field views-field-nothing"> <span class="field-content"><div class="field-testimonial-image col-sm-3"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/styles/thumbnail/public/images/testimonials/SAOGA_Logo.jpg?itok=KYZZf8uw" width="100" height="100" alt="" /></div> <h4 class="field-name">Ebrahim Takolia</h4> <span class="field-position">CEO at <a href="http://www.saoga.org.za">SAOGA</a></span> </span> </div></div><div class="item-4 item-odd"> <div class="views-field views-field-body"> <div class="field-content"><p>Media Machine have partnered with BON Hotels since September 2011. They have assisted us with creation and implementation of our website and currently maintain and host our website for us.</p></div> </div> <div class="views-field views-field-nothing"> <span class="field-content"><div class="field-testimonial-image col-sm-3"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/styles/thumbnail/public/images/testimonials/bon-logo.png?itok=8wHFckii" width="100" height="100" alt="" /></div> <h4 class="field-name">Natasha Bester</h4> <span class="field-position">Group Marketing Manager at <a href="http://www.bonhotels.com">BON Hotels</a></span> </span> </div></div></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container division-md"> <div class="row"> <div class="col-sm-12"> <div class="panel-pane pane-views-panes pane-clients-panel-pane-1" > <div class="pane-content"> <div class="view view-clients view-id-clients view-display-id-panel_pane_1 view-dom-id-af555d562846251332f486c738807037"> <div class="view-content"> <div class="owl-carousel-panel_pane_14"><div class="item-0 item-odd"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-image"> <div class="field-content"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/clients/gg-adv-24.png" width="348" height="145" alt="" /></div> </div></div><div class="item-1 item-even"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-image"> <div class="field-content"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/clients/uct-grey-24.png" width="348" height="145" alt="" /></div> </div></div><div class="item-2 item-odd"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-image"> <div class="field-content"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/clients/durham_university-grey-24.png" width="348" height="145" alt="" /></div> </div></div><div class="item-3 item-even"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-image"> <div class="field-content"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/clients/saoga.png" width="200" height="150" alt="" /></div> </div></div><div class="item-4 item-odd"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-image"> <div class="field-content"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/clients/unitemp.png" width="200" height="150" alt="" /></div> </div></div><div class="item-5 item-even"> <div class="views-field views-field-contextual-links"> <span class="field-content"></span> </div> <div class="views-field views-field-field-image"> <div class="field-content"><img typeof="foaf:Image" class="img-responsive" src="https://www.mediamachine.co.za/sites/default/files/images/clients/okha.png" width="200" height="150" alt="" /></div> </div></div></div> </div> </div> </div> </div> </div> </div> </div> <div class="contact-banner bg-fixed"> <div class="container division-md"> <div class="row"> <div class="col-sm-12"> <div class="panel-pane pane-fieldable-panels-pane pane-fpid-4 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"><h2>Let's work together.</h2> <p><a class="btn btn-white-inverse btn-lg" href="/contact-us">Contact Us</a></p> </div></div></div></div> </div> </div> </div> </div> </div> </div> </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 active"><a href="/" title="Where the magic begins." class="active">Home</a></li> <li class="leaf"><a href="/showcase" title="Take a look at what we've done.">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__YzEm5cTyPVqXFqn1U822-IIz2-duE-U1J_hyTxm005Q__P2uduZuMNJRggPxh4D-Ht3DIVOnonzjp8dqPnGHgA3o__QokLc4uc8V-li3Y_XSag5ZNUsh3i4b5tqRmXrdBcd9E.js"></script> </body> </html>