<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr">
<head>

	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->

	  
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  <meta name="generator" content="Joomla! - Open Source Content Management"/>
  <title>Office Workstations Sydney - Our Portfolio</title>
  <link href="portfolio.css" rel="canonical"/>
  <link href="templates_protostar_favicon.ico.css" rel="shortcut icon" type="image/vnd.microsoft.icon"/>
  <link rel="stylesheet" href="modules_mod_favslider_theme_favslider.css.css" type="text/css"/>
  <link rel="stylesheet" href="templates_protostar_css_template.css.css" type="text/css"/>
  <link rel="stylesheet" href="templates_protostar_css_bootstrap.min.css.css" type="text/css"/>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
  <script src="modules_mod_favslider_js_jquery.flexslider.js.js" type="text/javascript"></script>
  <script src="modules_mod_favslider_js_jquery.mousewheel.js.js" type="text/javascript"></script>
  <script src="media_jui_js_jquery.min.js.js" type="text/javascript"></script>
  <script src="media_jui_js_jquery-noconflict.js.js" type="text/javascript"></script>
  <script src="media_jui_js_jquery-migrate.min.js.js" type="text/javascript"></script>
  <script src="media_system_js_caption.js.js" type="text/javascript"></script>
  <script src="media_jui_js_bootstrap.min.js.js" type="text/javascript"></script>
  <script src="templates_protostar_js_template.js.js" type="text/javascript"></script>
  <script src="templates_protostar_js_contact_me.js.js" type="text/javascript"></script>
  <script type="text/javascript">
jQuery(window).on('load',  function() {
				new JCaption('img.caption');
			});
  </script>

				<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css"/>
		<style type="text/css">
			h1,h2,h3,h4,h5,h6,.site-title{
				font-family: 'Open Sans', sans-serif;
			}
		</style>
				<style type="text/css">
		body.site
		{
			border-top: 3px solid #a70000;
			background-color: #f4f6f7		}
		a
		{
			color: #a70000;
		}
		
	</style>
		<!--[if lt IE 9]>
		<script src="media_jui_js_html5.js.js"></script>
	<![endif]-->
  
 
  <link href="http://fonts.googleapis.com/css?family=Merriweather:400,700" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Yeseva+One" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600" rel="stylesheet" type="text/css">

  
</head>

<body class="site com_content view-article no-layout no-task itemid-119 fluid">

	<!-- Body -->
	<div class="body">
		<div class="container-fluid">
			<!-- Header -->
			<header class="header" role="banner">
				<div class="header-inner clearfix">
                  <!--<a class="brand pull-left" href="index.html">
						
					</a>-->
					<div class="header-search">
						

<div class="custom">
	<div class="cont">
	<div style="float: left; position: absolute; z-index: 1000;"><a href="index.html" class="navbar-brand"><img src="images_logo.png" alt="Stylish Office"/></a>
	</div>
	<div id="cssmenu">
		<ul>
			<li><a href="about.html">About Us</a>
			</li>
			<li><a href="portfolio.html">Portfolio</a>
			</li>
			<li class="active"><a href="services.html">Services</a>
				<ul>
					<li><a href="services_fitout.html">Fitout</a>
					</li>
					<li><a href="services_refurbishment.html">Refurbishment</a>
					</li>
					<li><a href="services_strip-out.html">Strip Out</a>
					</li>
					<li><a href="services_design.html">Design</a>
					</li>
				</ul>
			</li>
			<li class="active"><a href="products.html">Products</a>
				<ul>
					<li><a href="furniture_office-furniture.html">Furniture</a>
					</li>
					<li><a href="furniture_office-furniture_workstations.html">Workstations</a>
					</li>
					<li><a href="joinery.html">Joinery</a>
					</li>
				</ul>
			</li>
			<li id="contact"><a href="contact.html">Contact Us</a>
			</li>
		</ul>
	</div>
</div></div>

					</div>
				</div>
			</header>
							<div class="information" role="">
					

<div class="custom">
	<div class="info-banner">
	<div class="info-cont">call: 1300 882 124           <span>email: hello@stylishoffice.com.au</span>
	</div>
</div></div>

				</div>
			          <div class="body-spacer">
            
          </div>
					<div class="moduletable">
					

<div class="custom">
	<div class="title-header-plain-cont">
<div class="title-header-plain">
<h2><span>Portfolio</span></h2>
</div>
</div></div>
		</div>
	
			<div class="row-fluid">
								<main id="content" role="main" class="span12">
					<!-- Begin Content -->
					
					<div id="system-message-container">
	</div>

					<div class="item-page" itemscope itemtype="http://schema.org/Article">
	<meta itemprop="inLanguage" content="en-GB"/>
							
	
	
		
								<div itemprop="articleBody">
		<div class="article-container">
	<p>Stylish Office has completed countless of Commercial Office Fitouts in Sydney. Ensuring that each job exceeds our clients expectations. Below are some examples of how we can help your business with custom commercial grade office furniture. If you are interested in <a href="#">contact us</a> today to get your project started!</p>		<div class="moduletable">
					
<script type="text/javascript">

  $(window).load(function(){
      $('#carousel-18128').favslider({
        animation: "slide",
        animationLoop: false,
        itemWidth: 210,
        minItems: 2,
        maxItems: 4,
	controlNav: true,
	directionNav: true,
	keyboardNav: true,
	mousewheel: false,
        start: function(carousel){
        $('body').removeClass('loading');
        }
      });
    });


</script>


		<div id="carousel-18128" class="favslider">
		    <ul class="favs">
					    	<li style="margin-left: 3px;">
		    		 <img src="images_completedprojects_completed1.jpg" alt=""/> 		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		 <img src="images_completedprojects_completed2.jpg" alt=""/> 		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		 <img src="images_completedprojects_completed3.jpg" alt=""/> 		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		 <img src="images_completedprojects_completed4.jpg" alt=""/> 		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		 <img src="images_completedprojects_completed5.jpg" alt=""/> 		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		 <img src="images_completedprojects_completed6.jpg" alt=""/> 		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		 <img src="images_completedprojects_completed7.jpg" alt=""/> 		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    </ul>
		</div>


</section>

		</div>
			<div class="moduletable">
					
<script type="text/javascript">

  $(window).load(function(){
      $('#carousel-12541').favslider({
        animation: "slide",
        animationLoop: false,
        itemWidth: 210,
        minItems: 2,
        maxItems: 4,
	controlNav: true,
	directionNav: true,
	keyboardNav: true,
	mousewheel: false,
        start: function(carousel){
        $('body').removeClass('loading');
        }
      });
    });


</script>


		<div id="carousel-12541" class="favslider">
		    <ul class="favs">
					    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    </ul>
		</div>


</section>

		</div>
			<div class="moduletable">
					
<script type="text/javascript">

  $(window).load(function(){
      $('#carousel-18692').favslider({
        animation: "slide",
        animationLoop: false,
        itemWidth: 210,
        minItems: 2,
        maxItems: 4,
	controlNav: true,
	directionNav: true,
	keyboardNav: true,
	mousewheel: false,
        start: function(carousel){
        $('body').removeClass('loading');
        }
      });
    });


</script>


		<div id="carousel-18692" class="favslider">
		    <ul class="favs">
					    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    	<li style="margin-left: 3px;">
		    		  		    		
		    				    		
		    				    	</li>
		    </ul>
		</div>


</section>

		</div>
	</div>
	</div>

	
						 </div>

					
					<!-- End Content -->
				</main>
							</div>
		</div>
	</div>
	<!-- Footer -->
  <hr/>
	<footer class="footer" role="contentinfo">
		<div class="container-fluid">
			
			

<div class="custom">
	<div class="footer-menu">
	<div class="blog-featured">
		<div class="items-row cols-3 row-0 row-fluid">
			<div class="item column-1 span4">
				<ul class="footer-menu-1">
					<li class="fheading"><a href="index.html">Stylish Office</a>
					</li>
					<li class="ftext"><a href="about.html">About</a>
					</li>
					<li class="ftext"><a href="portfolio.html">Portfolio</a>
					</li>
					<li class="ftext"><a href="services.html">Services</a>
					</li>
					<li class="ftext"><a href="products.html">Products</a>
					</li>
					<li class="ftext"><a href="careers.html">Careers</a>
					</li>
					<li class="ftext"><a href="blog.html">Blog</a>
					</li>
					<li class="ftext"><a href="testimonials.html">Testimonials</a>
					</li>
				</ul>
			</div>
			<div class="item column-2 span4">
				<ul class="footer-menu-3">
					<li class="fheading"><a href="contact.html">Contact Us</a>
					</li>
					<li class="ftext"><a href="tel:+611300882124" target="_top">P: 1300 882 124</a><br>
					</li>
					<li class="ftext"><a href="mailto:hello@stylishoffice.com.au" target="_top">E: hello@stylishoffice.com.au</a><br>
					</li>
					<li class="ftext"><a>A: PO Box 7130 Bass Hill Plaza,<br/>Bass Hill, NSW, 2197</a><br>
					</li>
					<li class="ftext"></li>
					<li class="ftext"><a href="#"><img class="social-media" src="images_facebook.png" alt="Facebook"/></a><a href="#"><img class="social-media" src="images_instagram.png" alt="Instagram"/></a><a href="#"><img class="social-media" src="images_twitter.png" alt="Twitter"/></a><a href="#"><img class="social-media" src="images_pinterest.png" alt="Pinterest"/></a>
					</li>
				</ul>
			</div>
			<div class="item column-2 span4"><ul class="footer-menu-3">
					<li class="fheading"><a href="contact.html">Quick Enquiry</a>
					</li>
			  </ul><!-- START: Modules Anywhere --><div class="customfooterform">
    <div class="cw-mod-contact-light-clean100" id="-cwcmod-242">
                    <div id="cw-mod-contact-light-clean">

                                    <form id="cw-mod-contact-light-clean-fm-cwcmod-242" action="portfolio.html#cw-mod-contact-light-clean-fm-cwcmod-242" method="post" enctype="multipart/form-data" class="form-validate">
                        
                                                
                                                <!-- Start Name -->
                            <div class="input">
                                                            <label for="cw_mod_contact_name-cwcmod-242">
                                     Name *                                </label>
                                <input type="text" name="cw_mod_contact_name-cwcmod-242" id="cw_mod_contact_name-cwcmod-242" value="" class="required" data-error-value-missing="Please enter your name" placeholder="Name*"/>

                            </div>
                        <!-- End Name -->
                        
                                                
                                                   <!-- {emailcloak=off} -->                                                    
                        <!-- Start Email -->
                        <div class="input">
                                                      <label for="cw_mod_contact_email-cwcmod-242">
                                 Email *                            </label>
                            <input type="email" name="cw_mod_contact_email-cwcmod-242" id="cw_mod_contact_email-cwcmod-242" value="" class="required validate-email" data-error-type-mismatch="Please check your email" data-error-value-missing="Please enter your email" placeholder=" Email*"/>
                            
                        </div>
                        <!-- End Email -->
                                                
                                                
                                                <!-- Start Custom Input 1 -->
                            <div class="input">
                                                            <label for="cw_mod_contact_cinput1-cwcmod-242">
                                    Phone *                                </label>
                                                                    <input type="text" name="cw_mod_contact_cinput1-cwcmod-242" id="cw_mod_contact_cinput1-cwcmod-242" value="" class="required" data-error-value-missing="Please enter a phone number" placeholder="Phone*"/>
                                
                            </div>  
                        <!-- End Custom Input 1 -->
                                                
                                                    <!-- Start Message -->
                            <div class="input">
                                                             <label for="cw_mod_contact_message-cwcmod-242">
                                    Message *                                </label>
                                <textarea name="cw_mod_contact_message-cwcmod-242" id="cw_mod_contact_message-cwcmod-242" class="required" rows="6" maxlength="300" data-error-value-missing="Please enter your message" placeholder="Message*"></textarea>

                            </div>
                            <!-- End Message -->
                                                
                        
                        
                        <div class="cw-mod-contact-light-clean-buttons">
                            <div class="btn-submit">
                                <button name="submit-cwcmod-242" type="submit" id="submit-cwcmod-242" class="default">Submit                                </button>
                                <input type="hidden" name="cw_mod_contact_sub-cwcmod-242" id="cw_mod_contact_sub-cwcmod-242" value="true"/>
                                <input type="hidden" name="08b3aa8efd8866cea4c6d813934b01cc" value="1"/>                            </div>
                        </div>
                    </form>			
                                
            </div>
    </div>
</div><!-- END: Modules Anywhere --></div>
		</div>
	</div>
</div></div>


		</div>
	</footer>
  <div class="debug">
    <a href="#">Google+</a> 
  
<!--[if (IE 7)|(IE 8)]><style type= text/css>.fav-control-thumbs li {width: 24.99%!important;}</style><![endif]-->

<script type="text/javascript">

$(window).load(function(){
      $('#slider-14859').favslider({
	animation: "slide",
	directionNav: true,
	keyboardNav: true,
	mousewheel: false,
	slideshow: false,
	slideshowSpeed: 7000,
	randomize: false,
	animationLoop: false,
	pauseOnHover: true,

controlNav: true,  start: function(slider){
       $('body').removeClass('loading');
        }
      });
    });

</script> 


		<div id="slider-14859" class="favslider">
		    <ul class="favs">
					    </ul>
		</div>

</section>


    </div>
  <script src="templates_protostar_js_jquery-1.11.0.js.js"></script>
<script src="templates_protostar_js_bootstrap.min.js.js"></script>
  <script src="templates_protostar_js_responsivemobilemenu.js.js"></script>
  <script type="text/javascript">
    jQuery(document).ready(function($){
        var url = window.location;
        $('a[href="'+url+'"]').addClass('active');
        
    });
</script>
  <script>
function goBack() {
    window.history.go(-1)
}
</script>
  
  <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','http://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-53228780-2', 'auto');
  ga('send', 'pageview');

</script>
</body>
</html>
<!--
     
-->
<!--
playback timings (ms):
  LoadShardBlock: 90.678 (3)
  esindex: 0.01
  captures_list: 111.701
  CDXLines.iter: 13.91 (3)
  PetaboxLoader3.datanode: 102.443 (4)
  exclusion.robots: 0.365
  exclusion.robots.policy: 0.349
  RedisCDXSource: 3.93
  PetaboxLoader3.resolve: 65.321
  load_resource: 101.782
-->