CINXE.COM
Social Media projects by Tazi
<!DOCTYPE HTML> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Social Media projects by Tazi</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> <meta name="keywords" content="graphic design, animation, graphic designer, website design, projects, custom graphics, graphic artist, goggo101, tazi, art, freelance, designer, digital, social media, facebook, cover image, banner graphic, Melbourne, Tazi Design,"> <meta name="description" content="Social media projects, designed and created 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="Social Media projects 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="Social media projects, designed and created by Tazi" /> <meta name="msvalidate.01" content="850D234BE89DD950B7BF4A73F9F37E94" /> <!-- bing --> <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> <!-- Google tag (gtag.js) --> <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> <!-- HOME MENU--> <li class="index" title="Home Page"><a href="/">Home</a></li> <!-- ABOUT MENU--> <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> <!-- PORTFOLIO MENU--> <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> <!--<li><a href="wallpapers">Wallpaper</a></li>--> </ul></li> <!-- ARTWORK MENU--> <li class="artwork" title="Artwork"><a href="https://www.tazi.graphics/about/" target="_blank">Artwork</a></li> <!-- BLOG MENU--> <li class="blog" title="Art & Design Blog"><a href="/blog/">Blog</a></li> <!-- CONTACT MENU--> <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" > <!-- header section --> <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> <!-- HOME MENU--> <li class="index" title="Home Page"><a href="/">Home</a></li> <!-- ABOUT MENU--> <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> <!-- PORTFOLIO MENU--> <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> <!--<li><a href="wallpapers">Wallpaper</a></li>--> </ul></li> <!-- ARTWORK MENU--> <li class="artwork" title="Artwork"><a href="https://www.tazi.graphics/about/" target="_blank">Artwork</a></li> <!-- BLOG MENU--> <li class="blog" title="Art & Design Blog"><a href="/blog/">Blog</a></li> <!-- CONTACT MENU--> <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><!-- end navWrapper --> </div> </div> <!-- end headWrapper --> <!-- header panel --> <div id="topWrapper"> <div id='pagePanel' data-sr="enter left"> <h1>Social Media</h1> <h2>Banner Graphics for Social Media Accounts</h2> </div> </div> <!-- content section --> <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> <!--<li><a href="wallpapers">Wallpaper</a> </li>--> </ul> </div></div> <div id="col-right"> <div id="gallery"> <a href="images/pf/dc-social-multi.jpg" data-imagelightbox='f'> <div class="gallery-img"> <img src="images/pf/dc-social-multi.jpg" alt="DreamCity Birthday Promo" class="gallery-image" title="DreamCity Birthday Promo"/> <div class="overlay-g"> <div class="overlay-g-txt">DreamCity Birthday Promo </div> </div> </div></a> <a href="images/pf/dc-test-social.jpg" data-imagelightbox='f'> <div class="gallery-img"> <img src="images/pf/dc-test-social.jpg" alt="Dreamcity Testimonials" class="gallery-image" title="Dreamcity Testimonials"/> <div class="overlay-g"> <div class="overlay-g-txt">Dreamcity Testimonials </div> </div> </div></a> <a href="images/pf/tw-social-dad.jpg" data-imagelightbox='f'> <div class="gallery-img"> <img src="images/pf/tw-social-dad.jpg" alt="Transitioning Well" class="gallery-image" title="Transitioning Well"/> <div class="overlay-g"> <div class="overlay-g-txt">Transitioning Well Father's Day </div> </div> </div></a> <a href="images/pf/tw-social-parent.jpg" data-imagelightbox='f'> <div class="gallery-img"> <img src="images/pf/tw-social-parent.jpg" alt="Transitioning Well" class="gallery-image" title="Transitioning Well"/> <div class="overlay-g"> <div class="overlay-g-txt">Transitioning Well Parenting </div> </div> </div></a> <a href="images/pf/pcf-social-edu.jpg" data-imagelightbox='f'> <div class="gallery-img"> <img src="images/pf/pcf-social-edu.jpg" alt="Pat Cronin Foundation" class="gallery-image" title="Pat Cronin Foundation"/> <div class="overlay-g"> <div class="overlay-g-txt">Pat Cronin Foundation </div> </div> </div></a> <a href="images/pf/pcf-walk-social.jpg" data-imagelightbox='f'> <div class="gallery-img"> <img src="images/pf/pcf-walk-social.jpg" alt="Pat Cronin Foundation Be Wise Walk" class="gallery-image" title="Pat Cronin Foundation Be Wise Walk"/> <div class="overlay-g"> <div class="overlay-g-txt">Pat Cronin Foundation Be Wise Walk </div> </div> </div></a> <a href="images/pf/r4l-sm.png" data-imagelightbox='f'> <div class="gallery-img"> <img src="images/pf/r4l-sm.png" alt="Reboot 4 Life Facebook Cover" class="gallery-image" title="Reboot 4 Life Facebook Cover"/> <div class="overlay-g"> <div class="overlay-g-txt">Reboot 4 Life Facebook Cover </div> </div> </div></a> <a href="images/pf/jb-sm.png" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/jb-sm.png" alt="JB Irrigation Facebook Cover" class="gallery-image" title="JB Irrigation Facebook Cover"/><div class="overlay-g"> <div class="overlay-g-txt">JB Irrigation Facebook Cover </div> </div> </div></a> <a href="images/pf/dc-sm.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/dc-sm.jpg" alt="Dreamcity Facebook Cover" title="Dreamcity Facebook Cover" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">Dreamcity Facebook Cover </div> </div> </div></a> <a href="images/pf/bgc-sm.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/bgc-sm.jpg" alt="B&G Cole Facebook Cover" title="B&G Cole Facebook Cover" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">B&G Cole Facebook Cover </div> </div> </div></a> <a href="images/pf/diy-sm.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/diy-sm.jpg" alt="DIY Graphics Facebook Cover" class="gallery-image" title="DIY Invitations Facebook Cover"/><div class="overlay-g"> <div class="overlay-g-txt">DIY Graphics Facebook Cover </div> </div> </div></a> <a href="images/pf/bdt-sm.jpg" data-imagelightbox='f'> <div class="gallery-img"><img src="images/pf/bdt-sm.jpg" alt="Best Deal Travel Facebook Cover" title="Best Deal Travel Facebook Cover" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">Best Deal Travel Facebook Cover </div> </div> </div></a> <a href="images/animation/doodledoll-ani.gif" data-imagelightbox='f'> <div class="gallery-img"><img src="images/animation/doodledoll.png" alt="Doodle Doll Promo" title="Tazi Facebook Animation" class="gallery-image"/><div class="overlay-g"> <div class="overlay-g-txt">Tazi Facebook Cover Animation </div> </div> </div></a> </div> </div> </div> </div> </div> <div style="clear: both; height: 0;" ></div> </div><!-- end wrapper --> <!-- footer section --> <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> <!-- Cool scroll effects - https://github.com/jlmakes/scrollReveal.js --> <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> <!-- active menu --> <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>