CINXE.COM

<!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Websites designed and crafted by Tazi</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="keywords" content="web designer, new website, web, front-end, redesign, site refresh, updates, maintenance, projects, art, freelance, designer, digital, web, jquery, css, php, wordpress, shopify, e-commerce, web maintenance, custom graphics, graphic artist, goggo101, tazi, melbourne, Melbourne, Tazi Design,"> <meta name="description" content="Web projects designed and crafted by Tazi"> <meta name="author" content="Tazi Web & Graphic Designer"> <meta name="web_author" content="www.tazi.com.au"> <meta name="date" content="June 2017"> <meta name="robots" content="all" > <meta name = "viewport" content = "user-scalable=1, initial-scale=1.0, maximum-scale=1.5, width=device-width" > <meta name="apple-mobile-web-app-capable" content="yes"> <meta property="og:title" content="Websites designed and crafted by Tazi" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.tazi.com.au" /> <meta property="og:image" content="images/og-logo.png" /> <meta property="og:description" content="Web projects designed and crafted by Tazi" /> <meta name="msvalidate.01" content="850D234BE89DD950B7BF4A73F9F37E94" />  <link href="/favicon.ico?" rel="shortcut icon"> <link href="/apple-icon.png" rel="apple-touch-icon"> <link href="css/tazi.css?v=123" rel="stylesheet" type="text/css" media="all"> <link href="css/print.css" rel="stylesheet" type="text/css" media="print"> <link href="css/menu.css" rel="stylesheet" type="text/css" media="all"> <link href="css/form.css" rel="stylesheet" type="text/css" media="all"> <link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet"> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <link rel="stylesheet" type="text/css" href="css/lightbox.css" media="screen" /> <script src="js/lightbox.js"></script> <script src="js/lightbox-function.js"></script> <style> [data-sr] {visibility: hidden;}</style> <script> $(window).scroll(function(){ if ($(window).scrollTop() >= 300) { $('#nav').addClass('fixed-header'); } else { $('#nav').removeClass('fixed-header'); } }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-MYCHEVP6S7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-MYCHEVP6S7'); </script> </head> <body id="portfolio" > <div class="navigation"> <div id="nav-side"> <div id="cssmenu"> <ul>  <li class="index" title="Home Page"><a href="/">Home</a></li>  <li class="about" title="About"><a href="about">About</a> <ul> <li><a href="about">About</a></li> <li><a href="expertise">Expertise</a></li> <li><a href="testimonials">Testimonials</a> </li> </ul></li>  <li class="portfolio" title="Portfolio"><a href="web">Portfolio</a> <ul> <li><a href="websites">Web Design</a></li> <li><a href="print">Graphic Design</a></li> <li><a href="infographics">Infographics</a></li> <li><a href="illustration">Illustration</a></li> <li><a href="brand">Branding</a></li> <li><a href="email">Email</a></li> <li><a href="social">Social Media</a> </li> <li><a href="animation">Animation</a> </li>  </ul></li>  <li class="artwork" title="Artwork"><a href="https://www.tazi.graphics/about/" target="_blank">Artwork</a></li>  <li class="blog" title="Art & Design Blog"><a href="/blog/">Blog</a></li>  <li class="contact" title="Say Hello"><a href="mailto:hello@tazi.com.au">Say Hello</a></li> </ul> </div> <script src="js/doubletaptogo.js"></script> <script> $( function(){ if( window.innerWidth > 480 ) { $( '#nav li:has(ul)' ).doubleTapToGo(); } }); </script></div> </div> <input type="checkbox" id="nav-trigger" class="nav-trigger" /> <label for="nav-trigger"></label> <div id="wrapper" >  <div id="headWrapper"> <div id="head"> <div id="logo"><a href="/"><img src="images/logo.png" title="Tazi Web Design" alt="Tazi Web Design" ></a></div> <div id="logo-print"><img src="images/logo-print.png" title="Tazi Logo" alt="Tazi Logo" ></div> <div id="navWrapper"> <div id="nav"> <div id="cssmenu"> <ul>  <li class="index" title="Home Page"><a href="/">Home</a></li>  <li class="about" title="About"><a href="about">About</a> <ul> <li><a href="about">About</a></li> <li><a href="expertise">Expertise</a></li> <li><a href="testimonials">Testimonials</a> </li> </ul></li>  <li class="portfolio" title="Portfolio"><a href="web">Portfolio</a> <ul> <li><a href="websites">Web Design</a></li> <li><a href="print">Graphic Design</a></li> <li><a href="infographics">Infographics</a></li> <li><a href="illustration">Illustration</a></li> <li><a href="brand">Branding</a></li> <li><a href="email">Email</a></li> <li><a href="social">Social Media</a> </li> <li><a href="animation">Animation</a> </li>  </ul></li>  <li class="artwork" title="Artwork"><a href="https://www.tazi.graphics/about/" target="_blank">Artwork</a></li>  <li class="blog" title="Art & Design Blog"><a href="/blog/">Blog</a></li>  <li class="contact" title="Say Hello"><a href="mailto:hello@tazi.com.au">Say Hello</a></li> </ul> </div> <script src="js/doubletaptogo.js"></script> <script> $( function(){ if( window.innerWidth > 480 ) { $( '#nav li:has(ul)' ).doubleTapToGo(); } }); </script></div> </div> </div> </div>   <div id="topWrapper"> <div id='pagePanel' data-sr="enter left" > <h1>Web Design</h1> <h2>Design, create, refresh, maintenance, wordpress, <span style="white-space:nowrap;">e-commerce</span></h2> </div> </div>  <div id="angleWrapperRt"> <div id="contentWrapper" > <div id="content" class="rotateRt"> <div id="col-left"><div class="divider" data-sr="enter top"></div> <div class="side-menu" data-sr="enter top"> <ul > <li><a href="websites">Web Design</a></li> <li><a href="print">Graphic Design</a> </li> <li><a href="infographics">Infographics</a> </li> <li><a href="illustration">Illustration</a> </li> <li><a href="brand">Branding</a> </li> <li><a href="email">Email</a> </li> <li><a href="social">Social</a> </li> <li><a href="animation">Animation</a> </li>  </ul> </div></div> <div id="col-right"> <div id="gallery"> <a href="https://www.coretraffic.com.au" target="_blank" > <div class="gallery-img"><img src="images/pf/core-web.jpg" class="gallery-image" alt="Core Traffic | Design | Wordpress | PHP | CSS | www.coretraffic.com.au" /> <div class="overlay-g"> <div class="overlay-g-txt">Web Design & Development<br />www.coretraffic.com.au </div> </div> </div></a> <a href="http://www.civinfra.com.au" target="_blank" > <div class="gallery-img"><img src="images/pf/civ-web2.jpg" class="gallery-image" alt="Civinfra | Design | Wordpress | PHP | CSS | www.civinfra.com.au"><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Development<br />www.civinfra.com.au </div> </div> </div></a> <a href="images/pf/bmk-web.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/bmk-web.jpg" alt="BMK Electrics | Design | Wordpress | PHP | CSS" class="gallery-image" /> <div class="overlay-g"> <div class="overlay-g-txt">Web Design & Development </div> </div> </div></a> <a href="https://www.seedsofplenty.com.au" target="_blank" > <div class="gallery-img"><img src="images/pf/sop-web.jpg" class="gallery-image" alt="Seeds of Plenty | Refinements | Wordpress | CSS | www.seedsofplenty.com.au" /> <div class="overlay-g"> <div class="overlay-g-txt">Web refinements to add personality <br />and brand elements by Lisa Burns<br />www.seedsofplenty.com.au </div> </div> </div></a> <a href="https://www.tazi.graphics" target="_blank" > <div class="gallery-img"><img src="images/pf/tg-web3.jpg" class="gallery-image" alt="Tazi Graphics | Design | Wordpress | PHP | CSS | www.tazi.graphics"><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Development<br />www.tazi.graphics </div> </div> </div></a> <a href="http://www.orthokgroup.com.au" target="_blank" > <div class="gallery-img"><img src="images/pf/ok-web.jpg" class="gallery-image" alt="OrthoK Group | Design | Wordpress | PHP | CSS | www.orthokgroup.com.au"><div class="overlay-g"> <div class="overlay-g-txt">Website Refresh & Wordpress <br />www.orthokgroup.com.au </div> </div> </div></a> <a href="http://www.conceptrail.com.au" target="_blank" > <div class="gallery-img"><img src="images/pf/crs-web.jpg" class="gallery-image" alt="CRS | Design | Wordpress | PHP | CSS | www.conceptrail.com.au"><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Wordpress <br />www.conceptrail.com.au </div> </div> </div></a> <a href="images/pf/whmc.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/whmc.jpg" class="gallery-image" alt="WHMC | Design | PHP | CSS | JS "><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Development </div> </div> </div></a> <a href="images/pf/bgc.jpg" data-imagelightbox='f'><div class="gallery-img"><img src="images/pf/bgc.jpg" class="gallery-image" alt="B&G Cole Builders | Design | PHP | CSS | JS " /><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Build </div> </div> </div></a> <a href="images/pf/dc-app.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/dc-app.jpg" class="gallery-image" alt="Dreamcity App Demo | Design | Integrate with Squarespace"><div class="overlay-g"> <div class="overlay-g-txt">App Demo | Design | HTML <br /> Integrate with Squarespace Site </div> </div> </div></a> <a href="images/pf/hbct.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/hbct.jpg" class="gallery-image" alt="Hokkaido | Design | PHP | CSS | JS | DreamCMS"><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Front-end | Baked Cheese Tarts </div> </div> </div></a> <a href="images/pf/aa.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/aa.jpg" class="gallery-image" alt="Aviation Aerospace | Design | PHP | CSS | JS | DreamCMS | www.aviationaerospace.org.au" ><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Front-end | Aviation Organisation </div> </div> </div></a> <a href="images/pf/scand.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/scand.jpg" class="gallery-image" alt="Scandium Appliances | Design | PHP | CSS | JS | DreamCMS | www.scandiumappliances.com.au"><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Front-end | Kitchen Appliances </div> </div> </div></a> <a href="images/pf/cuff.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/cuff.jpg" class="gallery-image" alt="Cuff Building & Plumbing | Design | PHP | CSS | DreamCMS | JS "><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Front-end | Building & Plumbing </div> </div> </div></a> <a href="images/pf/smooth.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/smooth.jpg" class="gallery-image" alt="Smoothstone | Design | PHP | CSS | JS | DreamCMS"><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Front-end | Concrete Polishing </div> </div> </div></a> <a href="images/pf/cts.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/cts.jpg" class="gallery-image" alt="Creative Text | Design | PHP | CSS | JS | DreamCMS | www.creativetext.com.au" /><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Front-end | Professional Writer </div> </div> </div></a> <a href="images/pf/ap.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/ap.jpg" class="gallery-image" alt="Aldebaran Park | Design | PHP | CSS | JS | DreamCMS | www.aldebaranpark.com"><div class="overlay-g"> <div class="overlay-g-txt">Web Design & Front-end | Horse Stud </div> </div> </div></a>  </div> </div> </div> </div> </div> <div style="clear: both; height: 0;" ></div> </div>  <div id="footerWrapper"> <div id="footer"> <div id="footer-social" data-sr="enter left"> <a href="https://www.facebook.com/tazi.graphics/" target="_blank" title="Facebook"><i class='icon-facebook'></i></a> <a href="https://www.instagram.com/tazi.graphics/" target="_blank" title="Instagram"><i class='icon-instagram'></i></a> <a href="https://www.pinterest.com.au/tazigraphics/" target="_blank" title="Pinterest"><i class='icon-pinterest'></i></a><a href="https://www.youtube.com/channel/UCagDXftguqKTg_dJ3SiKR7g/videos" target="_blank" title="YouTube"><i class='icon-youtube'></i></a> <a href="https://www.linkedin.com/in/glynniso" target="_blank" title="LinkedIn"><i class='icon-linkedin'></i></a> <a href="../blog" title="Tazi Art & Design Blog"><i class='icon-bookmark'></i></a> <a href="mailto:hello@tazi.com.au" title="Say Hello"><i class='icon-envelope-alt'></i></a> </div> <div id="footer-txt" data-sr="enter right"> <a href="/">All images and content © 2025 Tazi Design</a> | <a href="/expertise">Web Designer</a> | <a href="/print">Graphic Designer</a> | <a href="/web">Digital Designer</a> | <a href="mailto:hello@tazi.com.au">hello@tazi.com.au</a> </div> </div> </div>  <script src="js/scrollReveal.js"></script> <script type="text/javascript"> (function($) { if( window.innerWidth > 767 ) { 'use strict'; window.sr= new scrollReveal({ reset: true, move: '50px', mobile: true }); } else if( window.innerWidth < 767 ) { //do not display on small mobiles like iphone 4 and 5 'use strict'; window.sr= new scrollReveal({ reset: true, move: '50px', mobile: false }); } })(); </script>  <script> function setActive() { aObj = document.getElementById('col-left').getElementsByTagName('a'); for(i=0;i<aObj.length;i++) { if(document.location.href.indexOf(aObj[i].href)>=0) { aObj[i].className='current'; } } } window.onload = setActive; </script> </body> </html>