Website Design Sydney | Web Designers, Email Marketing

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Website Design Sydney | Web Designers, Email Marketing - Sydney, NSW Australia</title> <meta name="description" content="Website Design Sydney - Milk Digital is an award winning Sydney based studio, specialising in web design and email marketing. Call: 1300 71 76 79" /> <meta name="author" content="Milk Digital, Sydney Australia"> <meta name="copyright" content="Milk Digital, Sydney Australia" /> <meta name="reply-to" content="info@milkdigital.com.au" /> <meta name="classification" content="Web Design, Sydney, Australia"> <meta name="robots" content="index,follow"> <meta name="rating" content="safe for kids"> <meta name="rating" content="General"> <meta name="revisit-after" content="15"> <meta name="distribution" content="global"> <meta name="p:domain_verify" content="b51548b43e04813acdd8727daead2ae4"/> <meta property="og:image" content="https://milkdigital.com.au/facebook.jpg"/> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="MILK DIGITAL | Sydney Website Design" /> <meta property="og:description" content="Web Design Sydney - Milk Digital is an award winning Sydney based studio, specialising in web design and email marketing. Call: 1300 71 76 79 - Online, Branding, Email Marketing" /> <meta property="og:url" content="https://milkdigital.com.au/" /> <meta property="og:site_name" content="Milk Digital" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="Web Design Sydney - Milk Digital is an award winning Sydney based studio, specialising in web design and email marketing. Call: 1300 71 76 79 - Online, Video & Touchscreen" /> <meta name="twitter:title" content="MILK DIGITAL | Sydney Website Design" /> <link rev="made" href="mailto:info@milkdigital.com.au" /> <link rel="author" href="https://plus.google.com/107850514595844126647"/> <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="assets/css/bundle.css?v=4">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-LE9L69XNTD" defer nonce="Saik14t9sjq24"></script> <script defer nonce="Saik14t9sjq24"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LE9L69XNTD'); </script> <script src="https://www.google.com/recaptcha/api.js?render=6Ldarp0eAAAAACshie2WKXkvb4-MxVIzHiaFZf77" defer></script> <script defer> window.onload = function(e) { grecaptcha.ready(() => { grecaptcha.execute('6Ldarp0eAAAAACshie2WKXkvb4-MxVIzHiaFZf77', { action: 'validate_captcha' }) .then((token) => { document.querySelector('.g-recaptcha-response').value = token; }); }); } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-710033611" defer nonce="Saik14t9sjq24"></script> <script defer nonce="Saik14t9sjq24"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-710033611'); </script>  <script defer nonce="Saik14t9sjq24"> gtag('event', 'conversion', {'send_to': 'AW-710033611/6CFUCJSu8dADEMuBydIC'}); </script> <style> .budget_other { display: none; } .textarea { line-height: 1.3; min-height: auto !important; height: auto !important; } .file-upload-inner:before { content: 'Upload PDF'; color: #c7c7c7; position: absolute; left: 0; top: 0; z-index: 9; } .file-added .file-upload-inner:before { content: none; } </style> </head> <body> <div class="wrapper"> <header class="header"> <div class="header__inner"> <a href="index.php" class="logo"> <svg class="svg-top-logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 210.4 112.37"><path fill="#fff" d="M105.01 16.88a6.72 6.72 0 1 0 6.72 6.72 6.73 6.73 0 0 0-6.72-6.72zM99.26 76.15a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V40.72a5.8 5.8 0 0 0-5.8-5.8 5.8 5.8 0 0 0-5.8 5.8zm109.45-4.16l-19.08-19.08-4.17-4.21a2.63 2.63 0 0 1-.44-3.48l21.59-21.58a12.32 12.32 0 0 0 3.62-9.47 14.06 14.06 0 0 0-4.3-9.75 14.33 14.33 0 0 0-9.77-4.33 12.29 12.29 0 0 0-9.6 3.5l-17.83 17.83-1.92 1.92-3.95 3.95c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65v26.54a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V5.83a5.8 5.8 0 1 0-11.6 0v63a12.32 12.32 0 0 0 4.13 9.25 14.06 14.06 0 0 0 9.93 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V44.06a11.34 11.34 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 16.13-16.11a2.75 2.75 0 0 1 4-.12 2.65 2.65 0 0 1-.15 3.87l-4.17 4.21-15.55 15.41a13.79 13.79 0 0 0-1.07 1 14.06 14.06 0 0 0-4.3 9.75 12.32 12.32 0 0 0 3.62 9.47l24.23 24.23a5.8 5.8 0 1 0 8.2-8.2zM90.72 14.1c0-.26 0-.52-.06-.77a12.32 12.32 0 0 0-4.11-8.88l-.11-.12A14.33 14.33 0 0 0 76.67 0a12.29 12.29 0 0 0-9.6 3.5l-6.71 6.71-5.35 5.33c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65l-.01 38.22a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V29.49a16.22 16.22 0 0 0-1.64-7.65c-1.07-2-3.44-4.33-5.35-6.23l-5.32-5.32-6.71-6.71a12.29 12.29 0 0 0-9.6-3.5 14.33 14.33 0 0 0-9.77 4.33l-.11.12a12.32 12.32 0 0 0-4.11 8.88c0 .26-.05.51-.06.77v62a5.8 5.8 0 1 0 11.6 0V14.09a2.86 2.86 0 0 1 .78-1.84 2.75 2.75 0 0 1 4 .12l4.44 4.43 5 5a44.86 44.86 0 0 1 4.41 4.95 11.35 11.35 0 0 1 1.12 5.58v36.41a12.32 12.32 0 0 0 4.13 9.25 13.18 13.18 0 0 0 9.56 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V32.32a11.35 11.35 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 4.44-4.43a2.75 2.75 0 0 1 4-.12 2.85 2.85 0 0 1 .78 1.84v62.07a5.8 5.8 0 1 0 11.6 0v-62zm28.57 62.05a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V5.8a5.8 5.8 0 0 0-5.8-5.8 5.81 5.81 0 0 0-5.8 5.8zM1.22 112.13A1.21 1.21 0 0 1 0 110.91V96.34a1.23 1.23 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37h4.79a8.67 8.67 0 0 1 4.72 1.23 8 8 0 0 1 2.92 3.19 9.09 9.09 0 0 1 0 8.19 8 8 0 0 1-2.92 3.19 8.67 8.67 0 0 1-4.72 1.23zm4.56-2.32a7 7 0 0 0 3.39-.79 5.6 5.6 0 0 0 2.25-2.18 6.94 6.94 0 0 0 0-6.46 5.62 5.62 0 0 0-2.25-2.18 7 7 0 0 0-3.39-.79H2.47v12.39zm33.61 2.44a1.21 1.21 0 0 1-1.22-1.22V96.22a1.22 1.22 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35zm33.33.12a8.9 8.9 0 0 1-4.46-1.11 7.74 7.74 0 0 1-3-3.1 9.41 9.41 0 0 1-1.07-4.52 9.24 9.24 0 0 1 1.12-4.58 8 8 0 0 1 3.07-3.1 8.62 8.62 0 0 1 4.31-1.1 10.8 10.8 0 0 1 3.32.46 12.28 12.28 0 0 1 2.73 1.29 1 1 0 0 1 .38.38 1.16 1.16 0 0 1 .16.6 1.11 1.11 0 0 1-1.15 1.13 1.25 1.25 0 0 1-.57-.13 9.92 9.92 0 0 0-2.23-1 8.42 8.42 0 0 0-2.41-.33 6.86 6.86 0 0 0-3.22.75 5.4 5.4 0 0 0-2.23 2.19 7.59 7.59 0 0 0 0 6.73 5.63 5.63 0 0 0 2.2 2.27 6.76 6.76 0 0 0 3.42.83 8.57 8.57 0 0 0 4.06-1v-4.12h-3.82a1.13 1.13 0 1 1 0-2.25h4.68a1.29 1.29 0 0 1 1.29 1.29v5.45a1.79 1.79 0 0 1-.27 1 1.71 1.71 0 0 1-.72.64 12.35 12.35 0 0 1-5.59 1.33zm31.68-.12a1.21 1.21 0 0 1-1.22-1.22V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.23 1.23 0 0 1-.88.35zm30.91 0a1.21 1.21 0 0 1-1.22-1.22V97.41h-4.75a1.13 1.13 0 0 1-1.15-1.15 1.16 1.16 0 0 1 .33-.83 1.1 1.1 0 0 1 .82-.34h12a1.16 1.16 0 0 1 1.17 1.17 1.1 1.1 0 0 1-.34.82 1.16 1.16 0 0 1-.83.33h-4.73v13.61a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.93.36zm41.07 0a1.24 1.24 0 0 1-.69-.2 1.3 1.3 0 0 1-.47-.55l-1.53-3.66h-8l-1.52 3.66a1.3 1.3 0 0 1-.47.55 1.24 1.24 0 0 1-.69.2 1.18 1.18 0 0 1-.88-.36 1.21 1.21 0 0 1-.34-.87 1.43 1.43 0 0 1 .13-.54l6.12-14.45a2 2 0 0 1 .58-.76 1.47 1.47 0 0 1 .94-.31h.24a1.47 1.47 0 0 1 .94.31 2 2 0 0 1 .58.76l6.12 14.45a1.44 1.44 0 0 1 .13.54 1.21 1.21 0 0 1-.34.87 1.18 1.18 0 0 1-.85.36zm-3.64-6.69l-3-7.29-3 7.29zm27.61 6.57a1.66 1.66 0 0 1-1.65-1.65V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v13.42h7.71a1.25 1.25 0 0 1 1.25 1.25 1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35z"></path></svg> </a> <h3 class="header__title"><a href="web-design-sydney.php" style="color:#ffffff; text-decoration:none;" title="Web Design Sydney">Web Design</a> <a href="web-design-sydney.php" style="color:#ffffff; text-decoration:none;" title="Email Marketing">& Email Marketing Sydney</a></h3> <a href="#nav" class="btn btn--small btn--reverse btn--reverse-small nav-trigger nav-trigger--sticky nav-toggle"> <span class="icon"> <i> <div class="nav-trigger__inner"> <span class="line first"></span> <span class="line"></span> <span class="line last"></span> </div> <div class="icon-svg hidden"> <svg width="24" height="19" class="svg-icon-burger visible-lg-inline-block" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24.02 19.02"><path fill="#00c0f3" d="M921,524.49H900a1.5,1.5,0,1,0,0,3h21a1.5,1.5,0,1,0,0-3Zm-21-5h21a1.5,1.5,0,1,0,0-3H900a1.5,1.5,0,1,0,0,3Zm21,13H900a1.5,1.5,0,1,0,0,3h21a1.5,1.5,0,1,0,0-3Z" transform="translate(-898.49 -516.5)"></path></svg> <svg class="svg-icon-burger svg-icon-burger-sm hidden-lg" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 21 14"><path fill="#00c0f3" d="M923.5,531.5h-19a1,1,0,1,0,0,2h19a1,1,0,1,0,0-2Zm0-6h-19a1,1,0,0,0,0,2h19a1,1,0,0,0,0-2Zm-19-4h19a1,1,0,0,0,0-2h-19a1,1,0,0,0,0,2Z" transform="translate(-903.5 -519.5)"></path></svg> <svg width="14" height="25" class="svg-caret-right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 14.02 25"><path fill="#00c0f3" d="M907.1,536.36l9.18-9.36-9.3-9.48h0a1.8,1.8,0,0,1-.49-1.24,1.77,1.77,0,0,1,1.75-1.79,1.73,1.73,0,0,1,1.22.5h0L920,525.71h0a1.8,1.8,0,0,1,.54,1.29h0a1.8,1.8,0,0,1-.54,1.29h0L909.46,539h0a1.73,1.73,0,0,1-1.21.5,1.77,1.77,0,0,1-1.75-1.79A1.79,1.79,0,0,1,907.1,536.36Z" transform="translate(-906.49 -514.5)"></path></svg> </div> </i> </span> <span class="text">Menu</span> </a> <div class="menu" id="nav"> <div class="shell" style="max-width: 100%;"> <div class="menu__head"> <a href="#" class="menu__logo"> <svg class="svg-logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 210.4 112.37"><path fill="#00c0f3" d="M105.01 16.88a6.72 6.72 0 1 0 6.72 6.72 6.73 6.73 0 0 0-6.72-6.72zM99.26 76.15a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V40.72a5.8 5.8 0 0 0-5.8-5.8 5.8 5.8 0 0 0-5.8 5.8zm109.45-4.16l-19.08-19.08-4.17-4.21a2.63 2.63 0 0 1-.44-3.48l21.59-21.58a12.32 12.32 0 0 0 3.62-9.47 14.06 14.06 0 0 0-4.3-9.75 14.33 14.33 0 0 0-9.77-4.33 12.29 12.29 0 0 0-9.6 3.5l-17.83 17.83-1.92 1.92-3.95 3.95c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65v26.54a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V5.83a5.8 5.8 0 1 0-11.6 0v63a12.32 12.32 0 0 0 4.13 9.25 14.06 14.06 0 0 0 9.93 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V44.06a11.34 11.34 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 16.13-16.11a2.75 2.75 0 0 1 4-.12 2.65 2.65 0 0 1-.15 3.87l-4.17 4.21-15.55 15.41a13.79 13.79 0 0 0-1.07 1 14.06 14.06 0 0 0-4.3 9.75 12.32 12.32 0 0 0 3.62 9.47l24.23 24.23a5.8 5.8 0 1 0 8.2-8.2zM90.72 14.1c0-.26 0-.52-.06-.77a12.32 12.32 0 0 0-4.11-8.88l-.11-.12A14.33 14.33 0 0 0 76.67 0a12.29 12.29 0 0 0-9.6 3.5l-6.71 6.71-5.35 5.33c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65l-.01 38.22a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V29.49a16.22 16.22 0 0 0-1.64-7.65c-1.07-2-3.44-4.33-5.35-6.23l-5.32-5.32-6.71-6.71a12.29 12.29 0 0 0-9.6-3.5 14.33 14.33 0 0 0-9.77 4.33l-.11.12a12.32 12.32 0 0 0-4.11 8.88c0 .26-.05.51-.06.77v62a5.8 5.8 0 1 0 11.6 0V14.09a2.86 2.86 0 0 1 .78-1.84 2.75 2.75 0 0 1 4 .12l4.44 4.43 5 5a44.86 44.86 0 0 1 4.41 4.95 11.35 11.35 0 0 1 1.12 5.58v36.41a12.32 12.32 0 0 0 4.13 9.25 13.18 13.18 0 0 0 9.56 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V32.32a11.35 11.35 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 4.44-4.43a2.75 2.75 0 0 1 4-.12 2.85 2.85 0 0 1 .78 1.84v62.07a5.8 5.8 0 1 0 11.6 0v-62zm28.57 62.05a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V5.8a5.8 5.8 0 0 0-5.8-5.8 5.81 5.81 0 0 0-5.8 5.8zM1.22 112.13A1.21 1.21 0 0 1 0 110.91V96.34a1.23 1.23 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37h4.79a8.67 8.67 0 0 1 4.72 1.23 8 8 0 0 1 2.92 3.19 9.09 9.09 0 0 1 0 8.19 8 8 0 0 1-2.92 3.19 8.67 8.67 0 0 1-4.72 1.23zm4.56-2.32a7 7 0 0 0 3.39-.79 5.6 5.6 0 0 0 2.25-2.18 6.94 6.94 0 0 0 0-6.46 5.62 5.62 0 0 0-2.25-2.18 7 7 0 0 0-3.39-.79H2.47v12.39zm33.61 2.44a1.21 1.21 0 0 1-1.22-1.22V96.22a1.22 1.22 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35zm33.33.12a8.9 8.9 0 0 1-4.46-1.11 7.74 7.74 0 0 1-3-3.1 9.41 9.41 0 0 1-1.07-4.52 9.24 9.24 0 0 1 1.12-4.58 8 8 0 0 1 3.07-3.1 8.62 8.62 0 0 1 4.31-1.1 10.8 10.8 0 0 1 3.32.46 12.28 12.28 0 0 1 2.73 1.29 1 1 0 0 1 .38.38 1.16 1.16 0 0 1 .16.6 1.11 1.11 0 0 1-1.15 1.13 1.25 1.25 0 0 1-.57-.13 9.92 9.92 0 0 0-2.23-1 8.42 8.42 0 0 0-2.41-.33 6.86 6.86 0 0 0-3.22.75 5.4 5.4 0 0 0-2.23 2.19 7.59 7.59 0 0 0 0 6.73 5.63 5.63 0 0 0 2.2 2.27 6.76 6.76 0 0 0 3.42.83 8.57 8.57 0 0 0 4.06-1v-4.12h-3.82a1.13 1.13 0 1 1 0-2.25h4.68a1.29 1.29 0 0 1 1.29 1.29v5.45a1.79 1.79 0 0 1-.27 1 1.71 1.71 0 0 1-.72.64 12.35 12.35 0 0 1-5.59 1.33zm31.68-.12a1.21 1.21 0 0 1-1.22-1.22V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.23 1.23 0 0 1-.88.35zm30.91 0a1.21 1.21 0 0 1-1.22-1.22V97.41h-4.75a1.13 1.13 0 0 1-1.15-1.15 1.16 1.16 0 0 1 .33-.83 1.1 1.1 0 0 1 .82-.34h12a1.16 1.16 0 0 1 1.17 1.17 1.1 1.1 0 0 1-.34.82 1.16 1.16 0 0 1-.83.33h-4.73v13.61a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.93.36zm41.07 0a1.24 1.24 0 0 1-.69-.2 1.3 1.3 0 0 1-.47-.55l-1.53-3.66h-8l-1.52 3.66a1.3 1.3 0 0 1-.47.55 1.24 1.24 0 0 1-.69.2 1.18 1.18 0 0 1-.88-.36 1.21 1.21 0 0 1-.34-.87 1.43 1.43 0 0 1 .13-.54l6.12-14.45a2 2 0 0 1 .58-.76 1.47 1.47 0 0 1 .94-.31h.24a1.47 1.47 0 0 1 .94.31 2 2 0 0 1 .58.76l6.12 14.45a1.44 1.44 0 0 1 .13.54 1.21 1.21 0 0 1-.34.87 1.18 1.18 0 0 1-.85.36zm-3.64-6.69l-3-7.29-3 7.29zm27.61 6.57a1.66 1.66 0 0 1-1.65-1.65V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v13.42h7.71a1.25 1.25 0 0 1 1.25 1.25 1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35z"></path></svg> </a> <a href="#nav" class="btn btn--small btn--reverse btn--reverse-small menu__close nav-toggle"> <span class="icon"> <i> <svg width="17" height="17" classs="svg-ico-close" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 17.85 17.85"><path fill="#fff" d="M915.62,527l6.36-6.36a1.5,1.5,0,1,0-2.12-2.12l-6.36,6.36-6.36-6.36a1.5,1.5,0,1,0-2.12,2.12l6.36,6.36L905,533.36a1.5,1.5,0,1,0,2.12,2.12l6.36-6.36,6.36,6.36a1.5,1.5,0,1,0,2.12-2.12Z" transform="translate(-904.57 -518.07)"></path></svg> </i> </span> <span class="text">Close</span> </a> </div> <div class="menu__body"> <aside class="menu__aside"> <nav class="nav"> <ul> <li> <a href="#animation-holder-1" class="js-scroll-to">Digital Services</a> </li> <li> <a href="#animation-holder-3" class="js-scroll-to">Work Examples</a> </li> <li> <a href="#animation-holder-6" class="js-scroll-to">Contact Milk</a> </li> </ul> </nav> <div class="menu__field"> <a href="#enquiry-form" class="btn btn--light popup-toggle menu__btn"> <span class="icon"> <svg class="svg-ico-pen" width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 30.03 29.96"><path fill="#fff" d="M901.53,533.94l15.84-15.8,5.28,5.27-15.84,15.8Zm21.11-21.07a1.87,1.87,0,0,1,2.64,0l2.64,2.63a1.86,1.86,0,0,1,0,2.63l-4,4-5.28-5.27Zm-24.2,29.41,1.76-7,5.28,5.27Z" transform="translate(-898.44 -512.32)"></path></svg> </span> <span>Enquiry Form</span> </a> <div class="menu__entry"> <p><a href="tel:1300717679">Call our Sydney studio 1300 71 76 79</a></p> <p><a class="email" href="mailto:sales@milkdigital.com.au">Email Milk Digital</a></p> </div> </div> </aside> </div> </div> </div> </div> </header> <div class="main"> <section class="intro"> <figure class="intro__image"> <svg class="svg-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.4 112.37"><path fill="#00c0f3" class="svg-dot" d="M105.01 16.88a6.72 6.72 0 1 0 6.72 6.72 6.73 6.73 0 0 0-6.72-6.72z"></path><path fill="#00c0f3" d="M99.26 76.15a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V40.72a5.8 5.8 0 0 0-5.8-5.8 5.8 5.8 0 0 0-5.8 5.8zM208.71 71.99l-19.08-19.08-4.17-4.21a2.63 2.63 0 0 1-.44-3.48l21.59-21.58a12.32 12.32 0 0 0 3.62-9.47 14.06 14.06 0 0 0-4.3-9.75 14.33 14.33 0 0 0-9.77-4.33 12.29 12.29 0 0 0-9.6 3.5l-17.83 17.83-1.92 1.92-3.95 3.95c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65v26.54a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V5.83a5.8 5.8 0 1 0-11.6 0v63a12.32 12.32 0 0 0 4.13 9.25 14.06 14.06 0 0 0 9.93 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V44.06a11.34 11.34 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 16.13-16.11a2.75 2.75 0 0 1 4-.12 2.65 2.65 0 0 1-.15 3.87l-4.17 4.21-15.55 15.41a13.79 13.79 0 0 0-1.07 1 14.06 14.06 0 0 0-4.3 9.75 12.32 12.32 0 0 0 3.62 9.47l24.23 24.23a5.8 5.8 0 1 0 8.2-8.2zM90.72 14.1c0-.26 0-.52-.06-.77a12.32 12.32 0 0 0-4.11-8.88l-.11-.12A14.33 14.33 0 0 0 76.67 0a12.29 12.29 0 0 0-9.6 3.5l-6.71 6.71-5.35 5.33c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65l-.01 38.22a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V29.49a16.22 16.22 0 0 0-1.64-7.65c-1.07-2-3.44-4.33-5.35-6.23l-5.32-5.32-6.71-6.71a12.29 12.29 0 0 0-9.6-3.5 14.33 14.33 0 0 0-9.77 4.33l-.11.12a12.32 12.32 0 0 0-4.11 8.88c0 .26-.05.51-.06.77v62a5.8 5.8 0 1 0 11.6 0V14.09a2.86 2.86 0 0 1 .78-1.84 2.75 2.75 0 0 1 4 .12l4.44 4.43 5 5a44.86 44.86 0 0 1 4.41 4.95 11.35 11.35 0 0 1 1.12 5.58v36.41a12.32 12.32 0 0 0 4.13 9.25 13.18 13.18 0 0 0 9.56 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V32.32a11.35 11.35 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 4.44-4.43a2.75 2.75 0 0 1 4-.12 2.85 2.85 0 0 1 .78 1.84V76.15a5.8 5.8 0 1 0 11.6 0v-62zM119.29 76.15a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V5.8a5.8 5.8 0 0 0-5.8-5.8 5.81 5.81 0 0 0-5.8 5.8zM1.22 112.13A1.21 1.21 0 0 1 0 110.91V96.34a1.23 1.23 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37h4.79a8.67 8.67 0 0 1 4.72 1.23 8 8 0 0 1 2.92 3.19 9.09 9.09 0 0 1 0 8.19 8 8 0 0 1-2.92 3.19 8.67 8.67 0 0 1-4.72 1.23zm4.56-2.32a7 7 0 0 0 3.39-.79 5.6 5.6 0 0 0 2.25-2.18 6.94 6.94 0 0 0 0-6.46 5.62 5.62 0 0 0-2.25-2.18 7 7 0 0 0-3.39-.79H2.47v12.39zM39.39 112.25a1.21 1.21 0 0 1-1.22-1.22V96.22a1.22 1.22 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35zM72.72 112.37a8.9 8.9 0 0 1-4.46-1.11 7.74 7.74 0 0 1-3-3.1 9.41 9.41 0 0 1-1.07-4.52 9.24 9.24 0 0 1 1.12-4.58 8 8 0 0 1 3.07-3.1 8.62 8.62 0 0 1 4.31-1.1 10.8 10.8 0 0 1 3.32.46 12.28 12.28 0 0 1 2.73 1.29 1 1 0 0 1 .38.38 1.16 1.16 0 0 1 .16.6 1.11 1.11 0 0 1-1.15 1.13 1.25 1.25 0 0 1-.57-.13 9.92 9.92 0 0 0-2.23-1 8.42 8.42 0 0 0-2.41-.33 6.86 6.86 0 0 0-3.22.75 5.4 5.4 0 0 0-2.23 2.19 7.59 7.59 0 0 0 0 6.73 5.63 5.63 0 0 0 2.2 2.27 6.76 6.76 0 0 0 3.42.83 8.57 8.57 0 0 0 4.06-1v-4.12h-3.82a1.13 1.13 0 1 1 0-2.25h4.68a1.29 1.29 0 0 1 1.29 1.29v5.45a1.79 1.79 0 0 1-.27 1 1.71 1.71 0 0 1-.72.64 12.35 12.35 0 0 1-5.59 1.33zM104.4 112.25a1.21 1.21 0 0 1-1.22-1.22V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.23 1.23 0 0 1-.88.35zM135.31 112.25a1.21 1.21 0 0 1-1.22-1.22V97.41h-4.75a1.13 1.13 0 0 1-1.15-1.15 1.16 1.16 0 0 1 .33-.83 1.1 1.1 0 0 1 .82-.34h12a1.16 1.16 0 0 1 1.17 1.17 1.1 1.1 0 0 1-.34.82 1.16 1.16 0 0 1-.83.33h-4.73v13.61a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.93.36zM176.38 112.25a1.24 1.24 0 0 1-.69-.2 1.3 1.3 0 0 1-.47-.55l-1.53-3.66h-8l-1.52 3.66a1.3 1.3 0 0 1-.47.55 1.24 1.24 0 0 1-.69.2 1.18 1.18 0 0 1-.88-.36 1.21 1.21 0 0 1-.34-.87 1.43 1.43 0 0 1 .13-.54l6.12-14.45a2 2 0 0 1 .58-.76 1.47 1.47 0 0 1 .94-.31h.24a1.47 1.47 0 0 1 .94.31 2 2 0 0 1 .58.76l6.12 14.45a1.44 1.44 0 0 1 .13.54 1.21 1.21 0 0 1-.34.87 1.18 1.18 0 0 1-.85.36zm-3.64-6.69l-3-7.29-3 7.29zM200.35 112.13a1.66 1.66 0 0 1-1.65-1.65V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v13.42h7.71a1.25 1.25 0 0 1 1.25 1.25 1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35z"></path></svg> <div class="intro__image-inner"> <svg class="svg-top-shape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4286 1245.02" preserveAspectRatio="none"><path fill="#00c0f3" class="svg-top-shape-path" d="M0 10.26v345c2045.18 871.22 2047.73 889.78 2143 889.78s97.82-18.57 2143-889.78v-345L2143 .01z"></path></svg> </div> </figure> <div class="intro__inner"> <div class="slider slider--main slider--light slider--intro slider--autoplay-animation"> <div class="slider__clip"> <div class="slider__slides"> <div class="slider__slide active"> <article class="article article--default"> <figure class="article__image"> <img src="assets/images/temp/website-design.png" alt="Website Design for Ken Done" width="603" height="857"> </figure> <div class="article__content"> <div class="article__content-inner"> <h1 class="article__title">Web Design</h1> <div class="article__entry"> <p>Human focused solutions and bespoke design for <a href="https://www.milkdigital.com.au/web-design-sydney.php" style="text-decoration: none; color: #ffffff;" title="web design">web sites</a>, interactive apps and email marketing.</p> </div> </div> </div> </article> </div> <div class="slider__slide"> <article class="article article--default article--extended"> <figure class="article__image"> <img src="assets/images/temp/responsive-web-design.png" alt="Responsive Web Design for DCI" width="434" height="764"> </figure> <div class="article__content"> <div class="article__content-inner"> <h1 class="article__title"><span class="block">Website</span> Compatibility</h1> <div class="article__entry"> <p>Responsive <a href="https://www.milkdigital.com.au/web-design-sydney.php" style="text-decoration: none; color: #ffffff;" title="website design">web design</a> and emails that look beautiful on all devices. </p> </div> </div> </div> </article> </div> <div class="slider__slide"> <article class="article article--default article--overlap"> <figure class="article__image"> <img src="assets/images/temp/laptop-email-marketing@2x.png" alt="Email Design and Marketing" width="1182" height="697"> </figure> <div class="article__content"> <div class="article__content-inner"> <h1 class="article__title"><span class="block">Email</span> Marketing</h1> <div class="article__entry"> <p>Design and integration for leading platforms, including SalesForce, Hubspot & MS Dynamics.</p> </div> </div> </div> </article> </div> </div> </div> <div class="slider__dots" id="animation-holder-9"> <ul></ul> </div> </div> </div> </section> <section class="section section--list" id="animation-holder-1"> <div class="decoration decoration--left hidden-xs hidden-sm"> <img src="assets/images/temp/print-design@2x.png" alt="Print Design Colour Research" width="767" height="896"> </div> <div class="decoration decoration--right hidden-xs hidden-sm"> <img src="assets/images/temp/illustration@2x.png" alt="Illustration" width="482" height="313"> </div> <div class="section__inner"> <div class="shell"> <header class="section__head"> <h1 class="section__title">Digital Marketing Services</h1> </header> <div class="section__body"> <div class="accordion"> <div class="accordion__section"> <a href="#" class="accordion__head js-trigger-accordion"> <span class="text">UX Design</span> <span class="underline"></span> <i> <i class="line"></i> <svg class="svg-arrow-down visible-lg-inline-block" width="25" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path fill="#e2e2e3" d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> <svg width="18" height="10" class="svg-arrow-down-sm hidden-lg" fill="#e2e2e3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> </i> <i class="ico-minus"></i> </a> <div class="accordion__body"> <ul> <li>Research</li> <li>User Personas</li> <li>Site Maps</li> <li>Wireframing</li> <li>Prototypes</li> <li>Design Concepts</li> </ul> </div> </div> <div class="accordion__section"> <a href="#" class="accordion__head js-trigger-accordion"> <span class="text">Websites</span> <span class="underline"></span> <i> <svg class="svg-arrow-down visible-lg-inline-block" width="25" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path fill="#e2e2e3" d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> <svg width="18" height="10" class="svg-arrow-down-sm hidden-lg" fill="#e2e2e3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> </i> <i class="ico-minus"></i> </a> <div class="accordion__body"> <ul> <li>Responsive Websites</li> <li>Landing Pages</li> <li>One Page Websites</li> <li>Social Feeds</li> <li>Content Management System (CMS) Integration</li> <li>Web App Development</li> <li>E-Commerce Integration</li> <li>EOI and Survey Tools</li> <li>Search Engine Optimisation (SEO)</li> <li>Google Analytics reporting</li> <li>Website & Application Hosting</li> </ul> </div> </div> <div class="accordion__section"> <a href="#" class="accordion__head js-trigger-accordion"> <span class="text">Email Marketing</span> <span class="underline"></span> <i> <svg class="svg-arrow-down visible-lg-inline-block" width="25" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path fill="#e2e2e3" d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> <svg width="18" height="10" class="svg-arrow-down-sm hidden-lg" fill="#e2e2e3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> </i> <i class="ico-minus"></i> </a> <div class="accordion__body"> <ul> <li>Email Design</li> <li>Templates</li> <li>Email Broadcast Integration</li> <li>Dynamic Content</li> <li>Win Back & On Boarding</li> <li>Gif Animation</li> <li>A/B Testing</li> <li>Advanced Device & Email Client Testing</li> <li>Responsive or Fixed Coding</li> <li>Lists</li> <li>Subscription Management</li> </ul> </div> </div> <div class="accordion__section"> <a href="#" class="accordion__head js-trigger-accordion"> <span class="text">Digital Advertising</span> <span class="underline"></span> <i> <svg class="svg-arrow-down visible-lg-inline-block" width="25" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path fill="#e2e2e3" d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> <svg width="18" height="10" class="svg-arrow-down-sm hidden-lg" fill="#e2e2e3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> </i> <i class="ico-minus"></i> </a> <div class="accordion__body"> <ul> <li>HTML5 Display</li> <li>Static/Mobile</li> <li>Social Media</li> <li>Facebook Ad Campaign Management</li> <li>Rich Media</li> <li>Video Content</li> <li>Digital OOH</li> <li>Animated Gifs</li> <li>Ad Serving Network Delivery</li> </ul> </div> </div> <div class="accordion__section"> <a href="#" class="accordion__head js-trigger-accordion"> <span class="text">Interactive Media & Web Apps</span> <span class="underline"></span> <i> <svg class="svg-arrow-down visible-lg-inline-block" width="25" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path fill="#e2e2e3" d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> <svg width="18" height="10" class="svg-arrow-down-sm hidden-lg" fill="#e2e2e3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> </i> <i class="ico-minus"></i> </a> <div class="accordion__body"> <ul> <li>Touch Screen Kiosks</li> <li>Way Finding Panels</li> <li>Multi-touch Apps</li> <li>Lead Capture</li> <li>Digital Competition Forms</li> <li>Museum Interactives</li> <li>E-Learning</li> <li>Games</li> <li>Interactive Maps</li> <li>Mobile App Design</li> <li>Presentations</li> </ul> </div> </div> <div class="accordion__section"> <a href="#" class="accordion__head js-trigger-accordion"> <span class="text">Brand & Logo</span> <span class="underline"></span> <i> <svg class="svg-arrow-down visible-lg-inline-block" width="25" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path fill="#e2e2e3" d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> <svg width="18" height="10" class="svg-arrow-down-sm hidden-lg" fill="#e2e2e3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> </i> <i class="ico-minus"></i> </a> <div class="accordion__body"> <ul> <li>Competition Research</li> <li>Branding</li> <li>Brand Guidelines</li> <li>Custom Logo Design</li> </ul> </div> </div> <div class="accordion__section"> <a href="#" class="accordion__head js-trigger-accordion"> <span class="text">Video & Animation</span> <span class="underline"></span> <i> <svg class="svg-arrow-down visible-lg-inline-block" width="25" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path fill="#e2e2e3" d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> <svg width="18" height="10" class="svg-arrow-down-sm hidden-lg" fill="#e2e2e3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> </i> <i class="ico-minus"></i> </a> <div class="accordion__body"> <ul> <li>CAD to 3D animation</li> <li>AfterFx</li> <li>Sizzle/Hype Reels</li> <li>Gif Animation</li> <li>Corporate Video</li> <li>Drone Footage (via Partner Soda Films)</li> <li>Event Video</li> <li>Event/Product/Sales Presentations</li> <li>TVCs</li> <li>Interviews/PTC</li> </ul> </div> </div> <div class="accordion__section"> <a href="#" class="accordion__head js-trigger-accordion"> <span class="text">Print & Graphic Design</span> <span class="underline"></span> <i> <svg class="svg-arrow-down visible-lg-inline-block" width="25" height="14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path fill="#e2e2e3" d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> <svg width="18" height="10" class="svg-arrow-down-sm hidden-lg" fill="#e2e2e3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 14.02"><path d="M904.64,520.1l9.36,9.18,9.48-9.3h0a1.8,1.8,0,0,1,1.24-.49,1.77,1.77,0,0,1,1.79,1.75,1.73,1.73,0,0,1-.5,1.22h0L915.29,533h0a1.8,1.8,0,0,1-1.28.54h0a1.8,1.8,0,0,1-1.29-.54h0L902,522.46h0a1.73,1.73,0,0,1-.5-1.21,1.77,1.77,0,0,1,1.79-1.75A1.79,1.79,0,0,1,904.64,520.1Z" transform="translate(-901.5 -519.49)"></path></svg> </i> <i class="ico-minus"></i> </a> <div class="accordion__body"> <ul> <li>Commercial Illustration</li> <li>Menus/Flyers/Posters</li> <li>Signage</li> <li>Packaging</li> <li>Corporate Sales Presentation Material</li> <li>Company Proposals</li> <li>Business Cards</li> <li>Photography</li> </ul> </div> </div> </div> </div> </div> </div> </section> <section class="section section--article" id="animation-holder-2"> <div class="shell"> <article class="article article--simple"> <figure class="article__image"> <div class="parallax-image"> <div class="image" style="background-image: url(assets/images/temp/parallax.jpg);"></div> <div class="parallax-image__item--alt"> <img class="" src="assets/images/temp/number-20.png" alt="20 Years"> </div> </div> </figure> <div class="article__content"> <h1 class="article__title">Over 20 Years of Experience</h1> <div class="article__entry"> <p>Our team is made up of multi-skilled people with key members working at Milk Digital in Sydney since its inception. <br> <br> Our reputation for quality website development and project experience is what sets us apart. Honest and reliable. 5 Star Rating.</p> <p>Join our team!<br> Freelance designers, coders, copywriters and animators, please get in touch.<br> <br> Please email CVs to jobs@milkdigital.com.au</p> </div> </div> </article> </div> </section> <section class="section section--slider" id="animation-holder-3"> <header class="section__head"> <div class="shell"> <h1 class="section__title">Work Examples</h1> </div> </header> <div class="section__body"> <div class="slider slider--main slider--main-alt slider--light"> <div class="slider__clip"> <div class="slider__slides"> <div class="slider__slide"> <div class="slider__slide-inner"> <div class="popover-container" id="container-1"> <div class="article article--alt article--popover"> <div class="background-animation"></div> <div class="article__content"> <a href="#" class="article__logo"> <img src="assets/images/temp/logo-3-small@2x.png" alt="Ken Done" width="173" height="47"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">E-Commerce Website</h3> <ul class="article__list"> <li>UX Design</li> <li>Website Design</li> <li>E-Commerce</li> <li>CMS Integration</li> <li>Email Marketing</li> </ul> <div class="article__actions"> <a href="http://kendone.com.au" target="_blank" class="btn btn--reverse btn--reverse-small btn--dark-transparent btn--small btn--grow-hover"> <span class="icon"> <i> <svg width="26" height="26" viewBox="0 0 36 36"><path fill="#6c7071" d="M928,541H900V513h14v-4H900a4,4,0,0,0-4,4v28a4,4,0,0,0,4,4h28a4,4,0,0,0,4-4V527h-4Zm-10-32v4h7.18l-19.66,19.66,2.82,2.82L928,515.82V523h4V509Z" transform="translate(-896 -509)"></path></svg> </i> </span> <span>View Website</span> </a> </div> </div> <a href="#container-1" class="link-close js-toggle">Close</a> </div> </div> </div> <article class="article article--alt article--container"> <div class="background-animation"></div> <div class="article__content"> <div class="article__actions--alt visible-xs-block"> <a href="#container-1" class="btn article__btn btn--reverse btn--reverse-small btn--dark-transparent btn--small article__btn visiblie-xs-inline-block js-toggle"> <span class="icon"> <i> <i class="ico-info"></i> </i> </span> <span>Info</span> </a> </div> <a href="http://kendone.com.au" target="_blank" class="article__logo"> <img src="assets/images/temp/logo-3-small@2x.png" alt="Ken Done" width="173" height="47"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">E-Commerce Website</h3> <ul class="article__list hidden-xs"> <li>UX Design</li> <li>Website Design</li> <li>E-Commerce</li> <li>CMS Integration</li> <li>Email Marketing</li> </ul> <div class="article__actions hidden-xs"> <a href="http://kendone.com.au" target="_blank" class="btn btn--reverse btn--reverse-small btn--dark-transparent btn--small btn--grow-hover"> <span class="icon"> <i> <svg width="26" height="26" viewBox="0 0 36 36"><path fill="#6c7071" d="M928,541H900V513h14v-4H900a4,4,0,0,0-4,4v28a4,4,0,0,0,4,4h28a4,4,0,0,0,4-4V527h-4Zm-10-32v4h7.18l-19.66,19.66,2.82,2.82L928,515.82V523h4V509Z" transform="translate(-896 -509)"></path></svg> </i> </span> <span>View Website</span> </a> </div> </div> </div> <figure class="article__image article-image-high"> <img src="assets/images/temp/e-commerce-websites@2x.png" alt="E-Commerce Websites" width="600" height="799"> </figure> </article> </div> </div> <div class="slider__slide"> <div class="slider__slide-inner"> <div class="popover-container" id="container-2"> <div class="article article--alt article--light article--popover"> <div class="background-animation" style="background: #287e94"></div> <div class="article__content"> <a href="https://www.sea.museum/explore/apps-and-games/pompeii-trader" target="_blank" class="article__logo"> <img src="assets/images/temp/logo-anmm@2x.png" alt="Australian National Maritime Museum Touchscreen" width="111" height="118"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">Touchscreen Application</h3> <ul class="article__list"> <li>Illustration</li> <li>Animation</li> <li>UX Design</li> <li>Interactive Kiosk</li> <li>Web App</li> </ul> <div class="article__actions"> <a href="https://www.sea.museum/explore/apps-and-games/pompeii-trader" target="_blank" class="btn btn--reverse btn--reverse-small btn--dark-transparent btn--small btn--grow-hover"> <span class="icon"> <i> <svg width="26" height="26" viewBox="0 0 36 36"><path fill="#6c7071" d="M928,541H900V513h14v-4H900a4,4,0,0,0-4,4v28a4,4,0,0,0,4,4h28a4,4,0,0,0,4-4V527h-4Zm-10-32v4h7.18l-19.66,19.66,2.82,2.82L928,515.82V523h4V509Z" transform="translate(-896 -509)"></path></svg> </i> </span> <span>Play Web App</span> </a> </div> </div> <a href="#container-2" class="link-close js-toggle">Close</a> </div> </div> </div> <article class="article article--alt article--alt-modified article--light article--container"> <div class="background-animation" style="background: #287e94"></div> <div class="article__content"> <div class="article__actions--alt visible-xs-block"> <a href="#container-2" class="btn article__btn btn--reverse btn--reverse-small btn--dark-transparent btn--small article__btn visiblie-xs-inline-block js-toggle"> <span class="icon"> <i> <i class="ico-info"></i> </i> </span> <span>Info</span> </a> </div> <a href="https://www.sea.museum/" target="_blank" class="article__logo"> <img src="assets/images/temp/logo-anmm@2x.png" alt="Australian National Maritime Museum Kiosk" width="111" height="118"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">Touchscreen Application</h3> <ul class="article__list hidden-xs"> <li>Illustration</li> <li>Animation</li> <li>UX Design</li> <li>Interactive Kiosk</li> <li>Web App</li> </ul> <div class="article__actions hidden-xs"> <a href="https://www.sea.museum/explore/apps-and-games/pompeii-trader" class="btn btn--reverse btn--reverse-small btn--dark-transparent btn--small btn--grow-hover" target="_blank"> <span class="icon"> <i> <svg width="26" height="26" viewBox="0 0 36 36"><path fill="#6c7071" d="M928,541H900V513h14v-4H900a4,4,0,0,0-4,4v28a4,4,0,0,0,4,4h28a4,4,0,0,0,4-4V527h-4Zm-10-32v4h7.18l-19.66,19.66,2.82,2.82L928,515.82V523h4V509Z" transform="translate(-896 -509)"></path></svg> </i> </span> <span>Play Web App</span> </a> </div> </div> </div> <figure class="article__image"> <img src="assets/images/temp/touch-screen-interactive@2x.png" alt="Touchscreen Interactive Kiosk" width="862" height="704"> </figure> </article> </div> </div> <div class="slider__slide"> <div class="slider__slide-inner"> <div class="popover-container" id="container-3"> <div class="article article--alt article--light article--popover"> <div class="background-animation" style="background: #1b9fd0"></div> <div class="article__content"> <a href="http://truegrit.com.au" target="_blank" class="article__logo"> <img src="assets/images/temp/logo-gird@2x.png" alt="True Grit" width="94" height="112"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">Event Booking Websites</h3> <ul class="article__list"> <li>Brand & Logo</li> <li>UX/UI Design</li> <li>CMS Integration</li> <li>Event Calendar</li> <li>Social Feeds</li> <li>Email Marketing</li> </ul> <div class="article__actions"> <a href="http://www.truegrit.com.au" target="_blank" class="btn btn--reverse btn--reverse-small btn--dark-transparent btn--small btn--grow-hover"> <span class="icon"> <i> <svg width="26" height="26" viewBox="0 0 36 36"><path fill="#6c7071" d="M928,541H900V513h14v-4H900a4,4,0,0,0-4,4v28a4,4,0,0,0,4,4h28a4,4,0,0,0,4-4V527h-4Zm-10-32v4h7.18l-19.66,19.66,2.82,2.82L928,515.82V523h4V509Z" transform="translate(-896 -509)"></path></svg> </i> </span> <span>View Website</span> </a> </div> </div> <a href="#container-3" class="link-close js-toggle">Close</a> </div> </div> </div> <article class="article article--alt article--alt-modified article--large article--light article--container"> <div class="background-animation" style="background: #89837a"></div> <div class="article__content"> <div class="article__actions--alt visible-xs-block"> <a href="#container-3" class="btn article__btn btn--reverse btn--reverse-small btn--dark-transparent btn--small article__btn js-toggle visiblie-xs-inline-block"> <span class="icon"> <i> <i class="ico-info"></i> </i> </span> <span>Info</span> </a> </div> <a href="http://www.truegrit.com.au" class="article__logo" target="_blank"> <img src="assets/images/temp/logo-gird@2x.png" alt="True Grit" width="94" height="112"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">Event Booking Website</h3> <ul class="article__list hidden-xs"> <li>UX/UI Design</li> <li>Brand & Logo</li> <li>CMS Integration</li> <li>Event Calendar</li> <li>Social Feeds</li> <li>Email Marketing</li> </ul> <div class="article__actions hidden-xs"> <a href="http://www.truegrit.com.au" class="btn btn--reverse btn--reverse-small btn--dark-transparent btn--small btn--grow-hover" target="_blank"> <span class="icon"> <i> <svg width="26" height="26" viewBox="0 0 36 36"><path fill="#6c7071" d="M928,541H900V513h14v-4H900a4,4,0,0,0-4,4v28a4,4,0,0,0,4,4h28a4,4,0,0,0,4-4V527h-4Zm-10-32v4h7.18l-19.66,19.66,2.82,2.82L928,515.82V523h4V509Z" transform="translate(-896 -509)"></path></svg> </i> </span> <span>View Website</span> </a> </div> </div> </div> <figure class="article__image"> <img src="assets/images/temp/responsive-web-design-sydney@2x.png" alt="Responsive Web Design Sydney" width="639" height="780"> </figure> </article> </div> </div> <div class="slider__slide"> <div class="slider__slide-inner"> <div class="popover-container" id="container-4"> <div class="article article--alt article--light article--popover"> <div class="background-animation" style="background: #e01e36"></div> <div class="article__content"> <a href="http://www.arn.com.au/" class="article__logo" target="_blank"> <img src="assets/images/temp/logo-arn@2x.png" alt="ARN - iHeart Radio" width="163" height="57"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">iHeart Radio</h3> <ul class="article__list"> <li>Email Marketing</li> <li>On-boarding</li> <li>Win Back</li> <li>Advanced Testing</li> <li>Broadcast Integration</li> </ul> </div> <a href="#container-4" class="link-close js-toggle">Close</a> </div> </div> </div> <article class="article article--alt article--alt-modified article--advanced article--light article--container"> <div class="background-animation" style="background: #e01e36"></div> <div class="article__content"> <div class="article__actions--alt visible-xs-block"> <a href="#container-4" class="btn article__btn btn--reverse btn--reverse-small btn--dark-transparent btn--small article__btn js-toggle visiblie-xs-inline-block"> <span class="icon"> <i> <i class="ico-info"></i> </i> </span> <span>Info</span> </a> </div> <a href="http://www.arn.com.au/" class="article__logo" target="_blank"> <img src="assets/images/temp/logo-arn@2x.png" alt="ARN iHeart Radio" width="163" height="57"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">iHeart Radio</h3> <ul class="article__list hidden-xs"> <li>Email Marketing</li> <li>On-boarding</li> <li>Win Back</li> <li>Advanced Testing</li> <li>Broadcast Integration</li> </ul> </div> </div> <figure class="article__image"> <img class="hidden-xs hidden-sm hidden-md" src="assets/images/temp/email-marketing_sydney_2018@2x.png" alt="Email Marketing for ARN" width="826" height="724"> <img class="hidden-xs hidden-lg" src="assets/images/temp/email-design_sydney2018@2x.png" alt="Email Design for iHeart Radio" width="617" height="507"> <img class="visible-xs-inline-block" src="assets/images/temp/email-design-for-mobile_2018@2x.png" alt="Email Marketing for Mobiles" width="358" height="724"> </figure> </article> </div> </div> <div class="slider__slide"> <div class="slider__slide-inner"> <div class="popover-container" id="container-5"> <div class="article article--alt article--light article--popover"> <div class="background-animation" style="background: #48b349"></div> <div class="article__content"> <a href="#" class="article__logo"> <img src="assets/images/temp/logo-mirvac@2x.png" alt="Mirvac" width="126" height="69"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">Green Square</h3> <ul class="article__list"> <li>Animation</li> <li>Landing Pages</li> <li>Email Marketing</li> <li>Digital Banner Advertising</li> <li>Online Expression of Interest</li> </ul> <div class="article__actions"> <a href="https://vimeo.com/108634412" target="_blank" class="btn btn--reverse btn--reverse-small btn--dark-transparent btn--small btn--grow-hover"> <span class="icon"> <i> <svg width="26" height="26" viewBox="0 0 36 36"><path fill="#6c7071" d="M928,541H900V513h14v-4H900a4,4,0,0,0-4,4v28a4,4,0,0,0,4,4h28a4,4,0,0,0,4-4V527h-4Zm-10-32v4h7.18l-19.66,19.66,2.82,2.82L928,515.82V523h4V509Z" transform="translate(-896 -509)"></path></svg> </i> </span> <span>View Media</span> </a> </div> </div> <a href="#container-5" class="link-close js-toggle">Close</a> </div> </div> </div> <article class="article article--alt article--alt-modified article--additional article--light article--container"> <div class="background-animation" style="background: #48b349"></div> <div class="article__content"> <div class="article__actions--alt visible-xs-block"> <a href="#container-5" class="btn article__btn btn--reverse btn--reverse-small btn--dark-transparent btn--small article__btn js-toggle visiblie-xs-inline-block"> <span class="icon"> <i> <i class="ico-info"></i> </i> </span> <span>Info</span> </a> </div> <a href="#" class="article__logo"> <img src="assets/images/temp/logo-mirvac@2x.png" alt="Mirvac" width="126" height="69"> <span class="underline"></span> </a> <div class="article__field"> <h3 class="article__title">Green Square</h3> <ul class="article__list hidden-xs"> <li>Animation</li> <li>Landing Pages</li> <li>Email Marketing</li> <li>Banner Advertising</li> <li>Online Expression of Interest</li> </ul> <div class="article__actions hidden-xs"> <a href="https://vimeo.com/108634412" target="_blank" class="btn btn--reverse btn--reverse-small btn--dark-transparent btn--small btn--grow-hover"> <span class="icon"> <i> <svg width="26" height="26" viewBox="0 0 36 36"><path fill="#6c7071" d="M928,541H900V513h14v-4H900a4,4,0,0,0-4,4v28a4,4,0,0,0,4,4h28a4,4,0,0,0,4-4V527h-4Zm-10-32v4h7.18l-19.66,19.66,2.82,2.82L928,515.82V523h4V509Z" transform="translate(-896 -509)"></path></svg> </i> </span> <span>View Media</span> </a> </div> </div> </div> <figure class="article__image"> <img src="assets/images/temp/animation@2x.png" alt="3D animation for Mirvac Greensquare video" width="1045" height="692"> </figure> </article> </div> </div> </div> <div class="slider__controls"> <a href="#" class="slider__prev"> <svg class="svg-caret-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.97 86"><path fill="#242626" d="M899.37,526.51l36.49-36.3a3.91,3.91,0,0,0,0-5.55,4,4,0,0,0-5.58,0l-39.09,38.88a4.46,4.46,0,0,0,0,5.95l39.09,38.88a4,4,0,0,0,5.58,0,3.91,3.91,0,0,0,0-5.55Z" transform="translate(-890.05 -483.51)"></path></svg> </a> <a href="#" class="slider__next"> <svg class="svg-caret-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.97 86"><path fill="#242626" d="M899.37,526.51l36.49-36.3a3.91,3.91,0,0,0,0-5.55,4,4,0,0,0-5.58,0l-39.09,38.88a4.46,4.46,0,0,0,0,5.95l39.09,38.88a4,4,0,0,0,5.58,0,3.91,3.91,0,0,0,0-5.55Z" transform="translate(-890.05 -483.51)"></path></svg> </a> </div> </div> <div class="slider__dots"> <ul></ul> </div> </div> </div> </section> <section class="section section--logos" id="animation-holder-4"> <div class="section__bg"></div> <div class="shell"> <div class="section__inner"> <header class="section__head"> <h1 class="section__title">Supporting our clients</h1> <p>Just some of the diverse mix of large companies, museums, universities, government organisations, charities and small businesses that entrust their brand with Milk Digital.</p> </header> <div class="section__body"> <ul class="list-logos animate-lines"> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-1@2x.png" alt="ARN" width="163" height="56"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-1@2x.png" alt="ARN" width="130" height="45"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-1@2x.png" alt="ARN" width="75" height="26"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-2@2x.png" alt="Mirvac" width="131" height="72"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-2@2x.png" alt="Mirvac" width="105" height="58"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-2@2x.png" alt="Mirvac" width="60" height="33"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-3@2x.png" alt="Ken Done" width="173" height="47"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-3@2x.png" alt="Ken Done" width="138" height="41"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-3@2x.png" alt="Ken Done" width="80" height="23"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-4@2x.png" alt="" width="162" height="69"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-4@2x.png" alt="" width="129" height="55"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-4@2x.png" alt="" width="74" height="32"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-5@2x.png" alt="" width="172" height="47"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-5@2x.png" alt="" width="138" height="38"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-5@2x.png" alt="" width="79" height="22"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-6@2x.png" alt="City of Sydney" width="144" height="144"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-6@2x.png" alt="City of Sydney" width="115" height="115"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-6@2x.png" alt="City of Sydney" width="66" height="66"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-7@2x.png" alt="National Maritime Museum" width="166" height="181"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-7@2x.png" alt="National Maritime Museum" width="133" height="145"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-7@2x.png" alt="National Maritime Museum" width="76" height="83"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-8-abc@2x.png" alt="ABC" width="240" height="120"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-8-abc@2x.png" alt="ABC" width="192" height="96"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-8-abc@2x.png" alt="ABC" width="110" height="55"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-9-uniting@2x.png" alt="Uniting" width="240" height="120"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-9-uniting@2x.png" alt="Uniting" width="192" height="96"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-9-uniting@2x.png" alt="Uniting" width="110" height="55"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-10@2x.png" alt="Appoint Consulting" width="268" height="51"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-10@2x.png" alt="Appoint Consulting" width="215" height="41"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-10@2x.png" alt="Appoint Consulting" width="124" height="24"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-11@2x.png" alt="True Grit" width="117" height="140"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-11@2x.png" alt="True Grit" width="94" height="112"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-11@2x.png" alt="True Grit" width="54" height="65"> </div> </li> <li> <span class="line line-top"></span> <span class="line line-left"></span> <span class="line line-bottom"></span> <span class="line line-right"></span> <div class="list-logos__item"> <img class="visible-lg-inline-block" src="assets/images/temp/logo-12@2x.png" alt="Cofi-Com" width="223" height="134"> <img class="visible-md-inline-block visible-sm-inline-block" src="assets/images/temp/logo-12@2x.png" alt="Cofi-Com" width="179" height="107"> <img class="visible-xs-inline-block" src="assets/images/temp/logo-12@2x.png" alt="Cofi-Com" width="103" height="61"> </div> </li> </ul> </div> </div> </div> </section> <section class="section section--reviews" id="animation-holder-5"> <div class="shell"> <header class="section__head"> <h1 class="section__title">Reviews that count</h1> </header> <div class="section__body"> <div class="slider slider--review slider--main slider--autoplay"> <div class="slider__clip"> <div class="slider__slides"> <div class="slider__slide active"> <div class="review"> <aside class="review__aside"> <div class="review__aside-inner"> <a href="https://www.google.com.au/search?q=Milk+Digital#lrd=0x6b12aeebe34f5d51:0xec776c1d621f4d7f,1,,," class="review__logo"> <img src="assets/images/temp/logo-google@2x.png" alt="Google" width="89" height="92"> </a> <ul class="review__rating"> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> </ul> <div class="review__entry"> <p>5 Star Google rating from independant reviews</p> </div> <div class="review__actions hidden-xs"> <a href="https://www.google.com.au/search?q=Milk+Digital#lrd=0x6b12aeebe34f5d51:0xec776c1d621f4d7f,1,,," class="link">View All Google Reviews</a> </div> </div> </aside> <div class="review__content"> <span class="line"></span> <blockquote class="review__blockquote"> <p> <span class="review__quote-icon">“</span>The team at Milk Digital were great at anticipating our needs, taking our basic email and landing page design concepts and working collaboratively with us to turn them into something very impressive!</p> <div class="review__credits"> <p>Phil Remington, Digital Marketing Manager<br> Arrow ECS ANZ</p> </div> </blockquote> <div class="review__actions visible-xs-block"> <a href="https://goo.gl/b1GT71" class="link">View All Google Reviews</a> </div> </div> </div> </div> <div class="slider__slide"> <div class="review"> <div class="review__aside"> <div class="review__aside-inner"> <a href="#" class="review__logo"> <img src="assets/images/temp/truelocal-logo@2x.png" alt="True Local" width="150" height="119.5"> </a> <ul class="review__rating"> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> </ul> <div class="review__entry"> <p>5 Star True Local rating from independant reviews</p> </div> <div class="review__actions hidden-xs"> <a href="https://www.truelocal.com.au/business/milk-digital/leichhardt" target="_blank" class="link">View All True Local Reviews</a> </div> </div> </div> <div class="review__content"> <span class="line"></span> <blockquote class="review__blockquote"> <p> <span class="review__quote-icon">“</span>We have been clients of Milk Digital for over ten years and have been very happy with their work... Wherever I can, I like to outsource parts of my business, not just to free up my time, but to free up my brain-space to concentrate on what I do best. Milk Digital do that perfectly.</p> <div class="review__credits"> <p>Fred Woollard, CEO<br> Samuel Terry Asset Management</p> </div> </blockquote> <div class="review__actions visible-xs-block"> <a href="https://www.truelocal.com.au/business/milk-digital/leichhardt" class="link">View All True Local Reviews</a> </div> </div> </div> </div> <div class="slider__slide"> <div class="review"> <div class="review__aside"> <div class="review__aside-inner"> <a href="https://www.facebook.com/pg/MilkDigital/reviews/" target="_blank" class="review__logo"> <img src="assets/images/temp/facebook-logo@2x.png" alt="Facebook" width="72" height="72"> </a> <ul class="review__rating"> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> <li><i class="ico-star"></i></li> </ul> <div class="review__entry"> <p>5 Star Facebook rating from independant reviews</p> </div> <div class="review__actions hidden-xs"> <a href="https://www.facebook.com/MilkDigital/reviews/" class="link">View All Facebook Reviews</a> </div> </div> </div> <div class="review__content"> <span class="line"></span> <blockquote class="review__blockquote"> <p> <span class="review__quote-icon">“</span> Milk digital have been fabulous creating a new website for me and making it easy to maintain and update for a self professed computer "illiterate". I’ve had great feedback from customers and is a hugely important and valuable part of our business... we highly recommend Milk Digital</p> <div class="review__credits"> <p>Michael Dawborn, Owner<br> 506070</p> </div> </blockquote> <div class="review__actions visible-xs-block"> <a href="https://www.facebook.com/pg/MilkDigital/reviews/" target="_blank" class="link">View All Facebook Reviews</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section section--contact" id="animation-holder-6"> <div class="shell"> <header class="section__head"> <h1 class="section__title">Have a question?</h1> <p>We are ready to listen and help your business.<br> Get in touch with your project details, support questions or send us your CV!</p> <div class="section__actions"> <a href="#enquiry-form" class="btn btn--grow-hover popup-toggle"> <span class="icon"> <i> <svg class="svg-ico-pen" width="30" height="30" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.03 29.96"><path fill="#00c0f3" d="M901.53,533.94l15.84-15.8,5.28,5.27-15.84,15.8Zm21.11-21.07a1.87,1.87,0,0,1,2.64,0l2.64,2.63a1.86,1.86,0,0,1,0,2.63l-4,4-5.28-5.27Zm-24.2,29.41,1.76-7,5.28,5.27Z" transform="translate(-898.44 -512.32)"></path></svg> </i> </span> <span>Enquiry Form</span> </a> </div> </header> <div class="section__body"> <div class="items-contact" id="animation-holder-7"> <div class="item-contact"> <a href="mailto:sales@milkdigital.com.au" class="item-contact__icon"> <i> <svg class="svg-ico-mail" width="33" height="22" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.6 22.08"><path fill="#242626" d="M927.9,515.46H899.1a2.41,2.41,0,0,0-2.4,2.4v.1l16.8,5.78L930.3,518v-.1A2.41,2.41,0,0,0,927.9,515.46Zm-31.2,4.43v15.26a2.41,2.41,0,0,0,2.4,2.4h28.8a2.41,2.41,0,0,0,2.4-2.4V519.88l-16.8,5.78Z" transform="translate(-896.7 -515.46)"></path></svg> </i> </a> <div class="item-contact__entry"> <p><a href="mailto:sales@milkdigital.com.au">Milk Digital Sales</a></p> </div> </div> <div class="item-contact"> <a href="tel:1300717679" class="item-contact__icon"> <i> <svg class="svg-ico-phone" width="28" height="28" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path fill="#242626" d="M927.5,534.61a6.57,6.57,0,0,1-.2,1.4,7.9,7.9,0,0,1-.42,1.36,5.33,5.33,0,0,1-2.43,2.11,7.38,7.38,0,0,1-4.74.94,8.61,8.61,0,0,1-1.14-.25q-.64-.18-.94-.29l-1.1-.41-1-.36a18,18,0,0,1-3.48-1.65,33.41,33.41,0,0,1-9.55-9.55,18,18,0,0,1-1.65-3.48q-.06-.18-.36-1l-.41-1.1q-.11-.31-.29-.94a8.59,8.59,0,0,1-.25-1.14,7.37,7.37,0,0,1,.94-4.74,5.33,5.33,0,0,1,2.11-2.43,7.86,7.86,0,0,1,1.36-.42,6.58,6.58,0,0,1,1.4-.2,1.12,1.12,0,0,1,.42.06q.36.12,1.05,1.51.22.38.6,1.07l.7,1.26q.32.57.62,1.06l.35.5a5.53,5.53,0,0,1,.43.71,1.3,1.3,0,0,1,.14.57,1.65,1.65,0,0,1-.57,1,9.7,9.7,0,0,1-1.23,1.09,12,12,0,0,0-1.23,1.05,1.51,1.51,0,0,0-.57.91,1.35,1.35,0,0,0,.1.45,4.29,4.29,0,0,0,.17.41q.07.14.28.48l.23.38a19.71,19.71,0,0,0,8.13,8.13l.38.23.48.28.41.17a1.35,1.35,0,0,0,.45.1,1.51,1.51,0,0,0,.91-.57,12,12,0,0,0,1.05-1.23,9.72,9.72,0,0,1,1.09-1.23,1.65,1.65,0,0,1,1-.57,1.3,1.3,0,0,1,.57.14,5.54,5.54,0,0,1,.71.43l.5.35,1.06.62,1.26.7,1.07.6q1.39.7,1.51,1.05A1.12,1.12,0,0,1,927.5,534.61Z" transform="translate(-899.5 -512.49)"></path></svg> </i> </a> <div class="item-contact__entry"> <p><a href="tel:1300717679">1300 71 76 79</a></p> </div> </div> <div class="item-contact"> <a href="https://g.page/milk-digital?share" target="_blank" class="item-contact__icon"> <i> <svg class="svg-ico-location" width="29" height="38" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29 38"><path fill="#242626" d="M914,545.49s-14.5-15.88-14.5-23.75a14.5,14.5,0,0,1,29,0C928.5,529.61,914,545.49,914,545.49Zm0-33.25a9.5,9.5,0,1,0,9.67,9.5A9.58,9.58,0,0,0,914,512.24Zm0,14.25a4.75,4.75,0,1,1,4.83-4.75A4.79,4.79,0,0,1,914,526.49Z" transform="translate(-899.5 -507.49)"></path></svg> </i> </a> <div class="item-contact__entry"> <p><a href="https://g.page/milk-digital?share" target="_blank"><strong>Sydney Studio</strong><br> "The Carton Factory" <br>16/47-55 John Street Leichhardt NSW 2040</a><br></p> </div> </div> </div> </div> </div> </section> </div> <footer class="footer" id="animation-holder-8"> <div class="shell"> <div class="footer__inner"> <aside class="footer__aside"> <div class="socials"> <ul> <li> <a href="https://www.linkedin.com/company/milkdigital/" target="_blank"> <i class="fa fa-linkedin" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.facebook.com/MilkDigital/" target="_blank"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> </li> <li> <a href="https://twitter.com/milkdigital" target="_blank"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.pinterest.com.au/milkdigital/pins/" target="_blank"> <i class="fa fa-pinterest" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.instagram.com/milkdigital/" target="_blank"> <i class="fa fa-instagram" aria-hidden="true"></i> </a> </li>      </ul> <a href="#" class="socials__text"><span>Follow Us</span></a> </div> </aside> <a href="index.php" class="logo footer__logo"> <svg class="svg-top-logo" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 210.4 112.37"><path fill="#00c0f3" d="M105.01 16.88a6.72 6.72 0 1 0 6.72 6.72 6.73 6.73 0 0 0-6.72-6.72zM99.26 76.15a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V40.72a5.8 5.8 0 0 0-5.8-5.8 5.8 5.8 0 0 0-5.8 5.8zm109.45-4.16l-19.08-19.08-4.17-4.21a2.63 2.63 0 0 1-.44-3.48l21.59-21.58a12.32 12.32 0 0 0 3.62-9.47 14.06 14.06 0 0 0-4.3-9.75 14.33 14.33 0 0 0-9.77-4.33 12.29 12.29 0 0 0-9.6 3.5l-17.83 17.83-1.92 1.92-3.95 3.95c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65v26.54a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V5.83a5.8 5.8 0 1 0-11.6 0v63a12.32 12.32 0 0 0 4.13 9.25 14.06 14.06 0 0 0 9.93 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V44.06a11.34 11.34 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 16.13-16.11a2.75 2.75 0 0 1 4-.12 2.65 2.65 0 0 1-.15 3.87l-4.17 4.21-15.55 15.41a13.79 13.79 0 0 0-1.07 1 14.06 14.06 0 0 0-4.3 9.75 12.32 12.32 0 0 0 3.62 9.47l24.23 24.23a5.8 5.8 0 1 0 8.2-8.2zM90.72 14.1c0-.26 0-.52-.06-.77a12.32 12.32 0 0 0-4.11-8.88l-.11-.12A14.33 14.33 0 0 0 76.67 0a12.29 12.29 0 0 0-9.6 3.5l-6.71 6.71-5.35 5.33c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65l-.01 38.22a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V29.49a16.22 16.22 0 0 0-1.64-7.65c-1.07-2-3.44-4.33-5.35-6.23l-5.32-5.32-6.71-6.71a12.29 12.29 0 0 0-9.6-3.5 14.33 14.33 0 0 0-9.77 4.33l-.11.12a12.32 12.32 0 0 0-4.11 8.88c0 .26-.05.51-.06.77v62a5.8 5.8 0 1 0 11.6 0V14.09a2.86 2.86 0 0 1 .78-1.84 2.75 2.75 0 0 1 4 .12l4.44 4.43 5 5a44.86 44.86 0 0 1 4.41 4.95 11.35 11.35 0 0 1 1.12 5.58v36.41a12.32 12.32 0 0 0 4.13 9.25 13.18 13.18 0 0 0 9.56 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V32.32a11.35 11.35 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 4.44-4.43a2.75 2.75 0 0 1 4-.12 2.85 2.85 0 0 1 .78 1.84v62.07a5.8 5.8 0 1 0 11.6 0v-62zm28.57 62.05a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V5.8a5.8 5.8 0 0 0-5.8-5.8 5.81 5.81 0 0 0-5.8 5.8zM1.22 112.13A1.21 1.21 0 0 1 0 110.91V96.34a1.23 1.23 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37h4.79a8.67 8.67 0 0 1 4.72 1.23 8 8 0 0 1 2.92 3.19 9.09 9.09 0 0 1 0 8.19 8 8 0 0 1-2.92 3.19 8.67 8.67 0 0 1-4.72 1.23zm4.56-2.32a7 7 0 0 0 3.39-.79 5.6 5.6 0 0 0 2.25-2.18 6.94 6.94 0 0 0 0-6.46 5.62 5.62 0 0 0-2.25-2.18 7 7 0 0 0-3.39-.79H2.47v12.39zm33.61 2.44a1.21 1.21 0 0 1-1.22-1.22V96.22a1.22 1.22 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35zm33.33.12a8.9 8.9 0 0 1-4.46-1.11 7.74 7.74 0 0 1-3-3.1 9.41 9.41 0 0 1-1.07-4.52 9.24 9.24 0 0 1 1.12-4.58 8 8 0 0 1 3.07-3.1 8.62 8.62 0 0 1 4.31-1.1 10.8 10.8 0 0 1 3.32.46 12.28 12.28 0 0 1 2.73 1.29 1 1 0 0 1 .38.38 1.16 1.16 0 0 1 .16.6 1.11 1.11 0 0 1-1.15 1.13 1.25 1.25 0 0 1-.57-.13 9.92 9.92 0 0 0-2.23-1 8.42 8.42 0 0 0-2.41-.33 6.86 6.86 0 0 0-3.22.75 5.4 5.4 0 0 0-2.23 2.19 7.59 7.59 0 0 0 0 6.73 5.63 5.63 0 0 0 2.2 2.27 6.76 6.76 0 0 0 3.42.83 8.57 8.57 0 0 0 4.06-1v-4.12h-3.82a1.13 1.13 0 1 1 0-2.25h4.68a1.29 1.29 0 0 1 1.29 1.29v5.45a1.79 1.79 0 0 1-.27 1 1.71 1.71 0 0 1-.72.64 12.35 12.35 0 0 1-5.59 1.33zm31.68-.12a1.21 1.21 0 0 1-1.22-1.22V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.23 1.23 0 0 1-.88.35zm30.91 0a1.21 1.21 0 0 1-1.22-1.22V97.41h-4.75a1.13 1.13 0 0 1-1.15-1.15 1.16 1.16 0 0 1 .33-.83 1.1 1.1 0 0 1 .82-.34h12a1.16 1.16 0 0 1 1.17 1.17 1.1 1.1 0 0 1-.34.82 1.16 1.16 0 0 1-.83.33h-4.73v13.61a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.93.36zm41.07 0a1.24 1.24 0 0 1-.69-.2 1.3 1.3 0 0 1-.47-.55l-1.53-3.66h-8l-1.52 3.66a1.3 1.3 0 0 1-.47.55 1.24 1.24 0 0 1-.69.2 1.18 1.18 0 0 1-.88-.36 1.21 1.21 0 0 1-.34-.87 1.43 1.43 0 0 1 .13-.54l6.12-14.45a2 2 0 0 1 .58-.76 1.47 1.47 0 0 1 .94-.31h.24a1.47 1.47 0 0 1 .94.31 2 2 0 0 1 .58.76l6.12 14.45a1.44 1.44 0 0 1 .13.54 1.21 1.21 0 0 1-.34.87 1.18 1.18 0 0 1-.85.36zm-3.64-6.69l-3-7.29-3 7.29zm27.61 6.57a1.66 1.66 0 0 1-1.65-1.65V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v13.42h7.71a1.25 1.25 0 0 1 1.25 1.25 1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35z"></path></svg> </a> <div class="footer__copyright"> <a href="privacy-policy.php" class="footer__copyright"> <p>Privacy Policy</p> </a> <p>© Milk Digital 2024</p> </div> </div> </div> </footer> <div class="popup" id="enquiry-form"> <div class="shell"> <div class="popup__head"> <a href="#" class="popup__logo"> <svg class="svg-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.4 112.37"><path fill="#00c0f3" d="M105.01 16.88a6.72 6.72 0 1 0 6.72 6.72 6.73 6.73 0 0 0-6.72-6.72zM99.26 76.15a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V40.72a5.8 5.8 0 0 0-5.8-5.8 5.8 5.8 0 0 0-5.8 5.8zm109.45-4.16l-19.08-19.08-4.17-4.21a2.63 2.63 0 0 1-.44-3.48l21.59-21.58a12.32 12.32 0 0 0 3.62-9.47 14.06 14.06 0 0 0-4.3-9.75 14.33 14.33 0 0 0-9.77-4.33 12.29 12.29 0 0 0-9.6 3.5l-17.83 17.83-1.92 1.92-3.95 3.95c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65v26.54a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V5.83a5.8 5.8 0 1 0-11.6 0v63a12.32 12.32 0 0 0 4.13 9.25 14.06 14.06 0 0 0 9.93 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V44.06a11.34 11.34 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 16.13-16.11a2.75 2.75 0 0 1 4-.12 2.65 2.65 0 0 1-.15 3.87l-4.17 4.21-15.55 15.41a13.79 13.79 0 0 0-1.07 1 14.06 14.06 0 0 0-4.3 9.75 12.32 12.32 0 0 0 3.62 9.47l24.23 24.23a5.8 5.8 0 1 0 8.2-8.2zM90.72 14.1c0-.26 0-.52-.06-.77a12.32 12.32 0 0 0-4.11-8.88l-.11-.12A14.33 14.33 0 0 0 76.67 0a12.29 12.29 0 0 0-9.6 3.5l-6.71 6.71-5.35 5.33c-1.91 1.91-4.28 4.23-5.35 6.23a16.22 16.22 0 0 0-1.64 7.65l-.01 38.22a2.75 2.75 0 0 1-2.72 2.88 2.65 2.65 0 0 1-2.63-2.84V29.49a16.22 16.22 0 0 0-1.64-7.65c-1.07-2-3.44-4.33-5.35-6.23l-5.32-5.32-6.71-6.71a12.29 12.29 0 0 0-9.6-3.5 14.33 14.33 0 0 0-9.77 4.33l-.11.12a12.32 12.32 0 0 0-4.11 8.88c0 .26-.05.51-.06.77v62a5.8 5.8 0 1 0 11.6 0V14.09a2.86 2.86 0 0 1 .78-1.84 2.75 2.75 0 0 1 4 .12l4.44 4.43 5 5a44.86 44.86 0 0 1 4.41 4.95 11.35 11.35 0 0 1 1.12 5.58v36.41a12.32 12.32 0 0 0 4.13 9.25 13.18 13.18 0 0 0 9.56 3.85 14.33 14.33 0 0 0 10-3.84 12.21 12.21 0 0 0 4.24-9.26V32.32a11.35 11.35 0 0 1 1.12-5.58 44.86 44.86 0 0 1 4.41-4.95l5-5 4.44-4.43a2.75 2.75 0 0 1 4-.12 2.85 2.85 0 0 1 .78 1.84v62.07a5.8 5.8 0 1 0 11.6 0v-62zm28.57 62.05a5.8 5.8 0 0 0 5.8 5.8 5.8 5.8 0 0 0 5.8-5.8V5.8a5.8 5.8 0 0 0-5.8-5.8 5.81 5.81 0 0 0-5.8 5.8zM1.22 112.13A1.21 1.21 0 0 1 0 110.91V96.34a1.23 1.23 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37h4.79a8.67 8.67 0 0 1 4.72 1.23 8 8 0 0 1 2.92 3.19 9.09 9.09 0 0 1 0 8.19 8 8 0 0 1-2.92 3.19 8.67 8.67 0 0 1-4.72 1.23zm4.56-2.32a7 7 0 0 0 3.39-.79 5.6 5.6 0 0 0 2.25-2.18 6.94 6.94 0 0 0 0-6.46 5.62 5.62 0 0 0-2.25-2.18 7 7 0 0 0-3.39-.79H2.47v12.39zm33.61 2.44a1.21 1.21 0 0 1-1.22-1.22V96.22a1.22 1.22 0 0 1 .35-.88 1.16 1.16 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35zm33.33.12a8.9 8.9 0 0 1-4.46-1.11 7.74 7.74 0 0 1-3-3.1 9.41 9.41 0 0 1-1.07-4.52 9.24 9.24 0 0 1 1.12-4.58 8 8 0 0 1 3.07-3.1 8.62 8.62 0 0 1 4.31-1.1 10.8 10.8 0 0 1 3.32.46 12.28 12.28 0 0 1 2.73 1.29 1 1 0 0 1 .38.38 1.16 1.16 0 0 1 .16.6 1.11 1.11 0 0 1-1.15 1.13 1.25 1.25 0 0 1-.57-.13 9.92 9.92 0 0 0-2.23-1 8.42 8.42 0 0 0-2.41-.33 6.86 6.86 0 0 0-3.22.75 5.4 5.4 0 0 0-2.23 2.19 7.59 7.59 0 0 0 0 6.73 5.63 5.63 0 0 0 2.2 2.27 6.76 6.76 0 0 0 3.42.83 8.57 8.57 0 0 0 4.06-1v-4.12h-3.82a1.13 1.13 0 1 1 0-2.25h4.68a1.29 1.29 0 0 1 1.29 1.29v5.45a1.79 1.79 0 0 1-.27 1 1.71 1.71 0 0 1-.72.64 12.35 12.35 0 0 1-5.59 1.33zm31.68-.12a1.21 1.21 0 0 1-1.22-1.22V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v14.81a1.16 1.16 0 0 1-.37.87 1.23 1.23 0 0 1-.88.35zm30.91 0a1.21 1.21 0 0 1-1.22-1.22V97.41h-4.75a1.13 1.13 0 0 1-1.15-1.15 1.16 1.16 0 0 1 .33-.83 1.1 1.1 0 0 1 .82-.34h12a1.16 1.16 0 0 1 1.17 1.17 1.1 1.1 0 0 1-.34.82 1.16 1.16 0 0 1-.83.33h-4.73v13.61a1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.93.36zm41.07 0a1.24 1.24 0 0 1-.69-.2 1.3 1.3 0 0 1-.47-.55l-1.53-3.66h-8l-1.52 3.66a1.3 1.3 0 0 1-.47.55 1.24 1.24 0 0 1-.69.2 1.18 1.18 0 0 1-.88-.36 1.21 1.21 0 0 1-.34-.87 1.43 1.43 0 0 1 .13-.54l6.12-14.45a2 2 0 0 1 .58-.76 1.47 1.47 0 0 1 .94-.31h.24a1.47 1.47 0 0 1 .94.31 2 2 0 0 1 .58.76l6.12 14.45a1.44 1.44 0 0 1 .13.54 1.21 1.21 0 0 1-.34.87 1.18 1.18 0 0 1-.85.36zm-3.64-6.69l-3-7.29-3 7.29zm27.61 6.57a1.66 1.66 0 0 1-1.65-1.65V96.22a1.23 1.23 0 0 1 .35-.88 1.17 1.17 0 0 1 .87-.37 1.25 1.25 0 0 1 1.25 1.25v13.42h7.71a1.25 1.25 0 0 1 1.25 1.25 1.16 1.16 0 0 1-.37.87 1.22 1.22 0 0 1-.88.35z"/></svg> </a> <a href="#enquiry-form" class="btn btn--small btn--reverse btn--reverse-small popup__close popup-toggle close-menu"> <span class="icon"> <i> <svg width="17" height="17" classs="svg-ico-close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.85 17.85"><path fill="#fff" d="M915.62,527l6.36-6.36a1.5,1.5,0,1,0-2.12-2.12l-6.36,6.36-6.36-6.36a1.5,1.5,0,1,0-2.12,2.12l6.36,6.36L905,533.36a1.5,1.5,0,1,0,2.12,2.12l6.36-6.36,6.36,6.36a1.5,1.5,0,1,0,2.12-2.12Z" transform="translate(-904.57 -518.07)"></path></svg> </i> </span> <span class="text">Close</span> </a> </div> <div class="popup__body"> <div class="popup__section"> <div class="form"> <form action="#" method="post" class="js-validate-form"> <div class="form__head"> <h1 class="form__title">What’s The Enquiry?</h1> </div> <div class="form__inner"> <div class="form__section"> <div class="form__row"> <div class="form__controls"> <div class="select tabs-select"> <select class="required" name="select" data-placeholder="Choose enquiry type"> <option value="" class="placeholder"></option> <option value="#tab1">New Project</option> <option value="#tab2">Positions Vacant</option> <option value="#tab3">Other</option> </select> </div> <label class="form__label form__label--alt">Enquiry Type</label> </div> </div> </div> </div> </form> </div> </div> <div class="popup__section"> <div class="tabs"> <div class="tab" id="tab1"> <div class="form"> <form id="form1_enquiry-form-1" class="js-validate-form" action="/" method="post" role="form"> <input id="form1_banana" name="banana" class="honey" type="text"> <div class="form__inner"> <div class="form__body"> <div class="form__section form__section--alt"> <h3 class="form__title form__title--alt">Contact Details</h3> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form1_firstname" name="firstname" class="field form__field" placeholder="First Name" type="text" required="required"> </div> <label class="form__label" for="form1_firstname">First Name</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form1_lastname" name="lastname" class="field form__field" placeholder="Last Name" type="text" required="required"> </div> <label class="form__label" for="form1_lastname">Last Name</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form1_phone" name="phone" class="field form__field" maxlength="10" minlength="10" placeholder="Phone" type="tel" required="required"> </div> <label class="form__label" for="form1_phone">Phone</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form1_email" name="email" class="field form__field" placeholder="Email" type="email" required="required"> </div> <label class="form__label" for="form1_email">Email</label> </div> </div> </div> <div class="form__section"> <h3 class="form__title form__title--alt">About Your Project</h3> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <div class="select"> <select id="form1_projectType" name="projectType" class="required"><option value="Select an option">Select an option</option><option value="branding">Branding</option><option value="emailmarketing">Email Marketing</option><option value="Website">Website</option><option value="Animation">Animation</option><option value="Video">Video</option><option value="Touchscreen Kiosk">Touchscreen Kiosk</option><option value="Other">Other</option></select>  </div> </div> <label class="form__label" for="form1_">Project Type</label> </div> </div> <div class="form__row budget_dropdown"> <div class="form__controls"> <div class="form__controls-inner"> <div class="select"> <select id="form1_budgetRange" name="budgetRange" class="required"><option value="Select a budget">Select a budget</option><option value="Under 5K">Under 5K</option><option value="Under 15k">Under 15k</option><option value="Under 30K">Under 30K</option><option value="Under 50K">Under 50K</option><option value="Over 50k">Over 50k</option><option value="Other">Other</option><option value="Not Yet Set">Not Yet Set</option></select>  </div> </div> <label class="form__label" for="form1_">Budget Range</label> </div> </div> <div class="form__row budget_other"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form1_budgetother" name="budgetother" class="textarea field" placeholder="Budget Range"> </div> <label class="form__label" for="form1_">Budget Range</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <textarea id="form1_message" name="message" class="textarea field" cols="30" rows="4" placeholder="Message" required="required"></textarea> </div> <label class="form__label" for="form1_">Message</label> </div> </div> </div> </div> <div class="form__foot"> <div class="form__entry"> <p>Your details are secure and never shared without consent.</p> </div> <input id="form1_g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response required" type="hidden" required="required"> <div class="g-recaptcha" data-sitekey="6Lf4rdwUAAAAAOErHZXht-9plgTnNmgKg0kmyENK"></div> <span class="btn btn--small btn--reverse btn--reverse-small btn--grow-hover form__btn form__btn--disabled"> <span class="icon"> <i> <svg width="30" height="25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.33 26"><path fill="#00c0f3" d="M901.85,539l30.32-13-30.32-13v10.11L923.5,526l-21.67,2.89Z" transform="translate(-901.83 -513)"/></svg> </i> </span> <span class="text">Send</span> <input id="form1_form1_submit" name="submit" value="Send" type="submit"><input type="hidden" name="cms-form" value="ZW5xdWlyeS1mb3JtLTE6cGVyY2hfZm9ybXM6L3RlbXBsYXRlcy9jb250ZW50L2VucXVpcnktZm9ybS5odG1sOjE3MzIzNzUwMTg="> </span> </div> </div> <div class="form__message"> <h1>Thank You</h1> <p>Someone will be in contact soon.</p> <button class="btn btn-sm btn--grow-hover popup-toggle close-menu"><span>ok</span></button> </div> <div class="form__error-message"> <h2>Oops... something went wrong. Please try again or give us a call!</h2> <button class="btn btn-sm btn--grow-hover popup-toggle close-menu"><span>ok</span></button> </div> </form> </div> </div> <div class="tab" id="tab2"> <div class="form"> <form id="form2_enquiry-form-2" class="js-validate-form" action="/" method="post" role="form" enctype="multipart/form-data"> <input id="form2_banana" name="banana" class="honey" type="text"> <div class="form__inner"> <div class="form__body"> <div class="form__section form__section--alt"> <h3 class="form__title form__title--alt">Contact Details</h3> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form2_firstname1" name="firstname1" class="field form__field" placeholder="First Name" type="text" required="required"> </div> <label class="form__label" for="form2_firstname1">First Name</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form2_lastname1" name="lastname1" class="field form__field" placeholder="Last Name" type="text" required="required"> </div> <label class="form__label" for="form2_lastname1">Last Name</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form2_phone1" name="phone1" class="field form__field" maxlength="10" minlength="10" placeholder="Phone" type="tel" required="required"> </div> <label class="form__label" for="form2_phone1">Phone</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form2_email1" name="email1" class="field form__field" placeholder="Email" type="email" required="required"> </div> <label class="form__label" for="form2_email1">Email</label> </div> </div> </div> <div class="form__section"> <h3 class="form__title form__title--alt">Your Experience</h3>                <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <textarea name="message" class="textarea field" cols="30" rows="4" placeholder="Message" required="required"></textarea> </div> <label class="form__label" for="form2_">Message</label> </div> </div> </div> </div> <div class="form__foot"> <div class="form__entry"> <p>Your details are secure and never shared without consent.</p> </div> <span class="btn btn--small btn--reverse btn--reverse-small form__btn form__btn--disabled"> <span class="icon"> <i> <svg width="30" height="25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.33 26"><path fill="#00c0f3" d="M901.85,539l30.32-13-30.32-13v10.11L923.5,526l-21.67,2.89Z" transform="translate(-901.83 -513)"/></svg> </i> </span> <span class="text">Send</span> <input id="form2_form1_submit" name="submit" value="Send" type="submit"><input type="hidden" name="cms-form" value="ZW5xdWlyeS1mb3JtLTI6cGVyY2hfZm9ybXM6L3RlbXBsYXRlcy9jb250ZW50L2VucXVpcnktZm9ybS5odG1sOjE3MzIzNzUwMTg="> </span> </div> </div> <div class="form__message"> <h1>Thank You</h1> <p>Someone will be in contact soon</p> <button class="btn btn-sm btn--grow-hover popup-toggle close-menu"><span>ok</span></button> </div> <div class="form__error-message"> <h2>Oops... something went wrong. Perhaps email to use directly: jobs@...</h2> <button class="btn btn-sm btn--grow-hover popup-toggle close-menu"><span>ok</span></button> </div> </form> </div> </div> <div class="tab" id="tab3"> <div class="form"> <form id="form3_enquiry-form-3" class="js-validate-form" action="/" method="post" role="form"> <input id="form3_banana" name="banana" class="honey" type="text"> <div class="form__inner"> <div class="form__body"> <div class="form__section form__section--alt"> <h3 class="form__title form__title--alt">Contact Details</h3> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form3_firstname1_1" name="firstname1_1" class="input field form__field" placeholder="First Name" type="text" required="required"> </div> <label class="form__label" for="form3_firstname1_1">First Name</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form3_lastname1_1" name="lastname1_1" class="field form__field" placeholder="Last Name" type="text" required="required"> </div> <label class="form__label" for="form3_lastname1_1">Last Name</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form3_phone1_1" name="phone1_1" class="field form__field" maxlength="10" minlength="10" placeholder="Phone" type="tel" required="required"> </div> <label class="form__label" for="form3_phone1_1">Phone</label> </div> </div> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <input id="form3_email1_1" name="email1_1" class="field form__field" placeholder="Email" type="email" required="required"> </div> <label class="form__label" for="form3_email1_1">Email</label> </div> </div> </div> <div class="form__section"> <h3 class="form__title form__title--alt">How Can We Help ?</h3> <div class="form__row"> <div class="form__controls"> <div class="form__controls-inner"> <textarea name="message" class="textarea field" cols="30" rows="4" placeholder="Message" required="required"></textarea> </div> <label class="form__label" for="form3_">Message</label> </div> </div> </div> </div> <div class="form__foot"> <div class="form__entry"> <p>Your details are secure and never shared without consent.</p> </div>  <span class="btn btn--small btn--reverse btn--reverse-small form__btn form__btn--disabled"> <span class="icon"> <i> <svg width="30" height="25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.33 26"><path fill="#00c0f3" d="M901.85,539l30.32-13-30.32-13v10.11L923.5,526l-21.67,2.89Z" transform="translate(-901.83 -513)"/></svg> </i> </span> <span class="text">Send</span> <input id="form3_form1_submit" name="submit" value="Send" type="submit"><input type="hidden" name="cms-form" value="ZW5xdWlyeS1mb3JtLTM6cGVyY2hfZm9ybXM6L3RlbXBsYXRlcy9jb250ZW50L2VucXVpcnktZm9ybS5odG1sOjE3MzIzNzUwMTg="> </span> </div> </div> <div class="form__message"> <h1>Thank You</h1> <p>Someone will be in contact soon</p> <button class="btn btn-sm btn--grow-hover popup-toggle close-menu"><span>ok</span></button> </div> <div class="form__error-message"> <h2>Oops... something went wrong. Please try again or give us a call!</h2> <button class="btn btn-sm btn--grow-hover popup-toggle close-menu"><span>ok</span></button> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div class="select-dropdown"></div> </div> <script src="assets/vendor/scrollmagic/ScrollMagic.min.js" nonce="Saik14t9sjq24"></script> <script src="assets/vendor/scrollmagic/animation.gsap.min.js" nonce="Saik14t9sjq24"></script> <script src="assets/vendor/scrollmagic/debug.addIndicators.min.js" nonce="Saik14t9sjq24"></script> <script src="assets/js/bundle.js?v=3.0" nonce="Saik14t9sjq24"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js" nonce="Saik14t9sjq24"></script> <script type="text/javascript" nonce="Saik14t9sjq24"> $(document).ready(function() { //FORM 1 $('#form1_enquiry-form-1').submit(function(){ $.ajax({ type: "POST", data: $('#form1_enquiry-form-1').serialize(), dataType: "html", }).done(function(data) { //console.log(data); $("#form1_enquiry-form-1").fadeOut(); $(".form__section").fadeIn().replaceWith( "<p>We will get back to you shortly!</p>" ); $(".form__title").replaceWith( "<h1 class='form__title'>Thank you for contacting us</h1>" ); }).fail(function() { $(".form").append( "<p>Something wrong</p>" ); }); return false; }); //FORM 2 $('#form2_enquiry-form-2').submit(function(){ $.ajax({ type: "POST", data: $('#form2_enquiry-form-2').serialize(), dataType: "html", }).done(function(data) { //console.log(data); $("#form2_enquiry-form-2").fadeOut(); $(".form__section").fadeIn().replaceWith( "<p>We will get back to you shortly!</p>" ); $(".form__title").replaceWith( "<h1 class='form__title'>Thank you for contacting us</h1>" ); }).fail(function() { $(".form").append( "<p>Something wrong</p>" ); }); return false; }); //FORM 3 $('#form3_enquiry-form-3').submit(function(){ $.ajax({ type: "POST", data: $('#form3_enquiry-form-3').serialize(), dataType: "html", }).done(function(data) { //console.log(data); $("#form3_enquiry-form-3").fadeOut(); $(".form__section").fadeIn().replaceWith( "<p>We will get back to you shortly!</p>" ); $(".form__title").replaceWith( "<h1 class='form__title'>Thank you for contacting us</h1>" ); }).fail(function() { $(".form").append( "<p>Something wrong</p>" ); }); return false; }); }); // $(document).ready(function() { // $(window).keydown(function(event){ // if(event.keyCode == 13) { // event.preventDefault(); // return false; // } // }); // }); </script> </body> </html>

CINXE.COM

Website Design Sydney | Web Designers, Email Marketing - Sydney, NSW Australia