<!DOCTYPE html>
<html lang="en">
<head itemscope>
    <base href="https://dvorakdesigns.com/">
    <meta charset="utf-8">

    <title>Modx, WordPress Development, and SEO Services | Dvorak Designs</title>
    <link rel="canonical" href="https://dvorakdesigns.com/" />
    <meta name="robots" content="index,follow">
    <meta name="description" content="Dvorak Designs, owned by Preston Dvorak, specializes in responsive Modx and WordPress website development.">
    <meta name="author" content="Preston Dvorak">
    <meta name="viewport" content="width=device-width">
    <meta name="google-site-verification" content="_2uqA4TBlV9GqAhOY7c3KXA6wT5fWRpFrTx-ASxMFpU" />
    <meta name="p:domain_verify" content="4c00662e1319cec48ee2bf5eda70737c"/>

    <!-- Icons /-->
    <link rel="shortcut icon" href="img/icons/favicon.ico" type="image/x-icon" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="img/icons/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="img/icons/apple-touch-icon-76x76.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="img/icons/apple-touch-icon-120x120.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="img/icons/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="img/icons/apple-touch-icon-152x152.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="img/icons/apple-touch-icon-180x180.png" />

    <!-- Facebook Metadata /-->
    <meta property="fb:page_id" content="" />
    <meta property="og:image" content="https://www.dvorakdesigns.com/img/logo-dvorakdesigns-mouseonly.png" />
    <meta property="og:description" content="Dvorak Designs, owned by Preston Dvorak, specializes in responsive Modx and WordPress website development."/>
    <meta property="og:site_name" content="Dvorak Designs"/>
    <meta property="og:title" content="Modx, WordPress Development, and SEO Services | Dvorak Designs"/>
    <meta property="og:url" content="https://dvorakdesigns.com/"/>

    <!-- Google+ Metadata /-->
    <meta itemprop="name" content="Modx, WordPress Development, and SEO Services | Dvorak Designs">
    <meta itemprop="description" content="Dvorak Designs, owned by Preston Dvorak, specializes in responsive Modx and WordPress website development.">
    <link itemprop="image" href="https://www.dvorakdesigns.com/img/logo-dvorakdesigns-mouseonly.png">

    <!-- Twitter Card data -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@dvorakdesigns">
    <meta name="twitter:title" content="Modx, WordPress Development, and SEO Services | Dvorak Designs">
    <meta name="twitter:description" content="Dvorak Designs, owned by Preston Dvorak, specializes in responsive Modx and WordPress website development.">
    <meta name="twitter:creator" content="@prestondvorak">
    <meta name="twitter:image" content="https://www.dvorakdesigns.com/img/logo-dvorakdesigns-mouseonly.png">

    <!-- Stylesheets and Scripts /-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/responsive.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/highlight-js.css">

    <script src="js/highlight.min.js"></script>
</head>

<body class="menu-closed">
<div class="nav-container sticky">
  <nav>
      <div id="logo"><h1><a href="https://dvorakdesigns.com/"><img alt="Dvorak Designs" src="img/logo.png"></a></h1></div>
      <div class="mobile-menu-trigger nodesktop notablet"><img src="img/nav-mobile-icon.png" width="40" height="40" alt="" /></div>

      <ul class="nomobile menu">
        <li class="upwork-button"><a href="https://www.upwork.com/signup/create-account/client_contact_freelancer?freelancerRef=687434&amp;va=cpp">Hire Me on <strong><span style="color:#6fda44">Up</span><span style="color:#000;">work</span></strong></a></li>
        <li><a href="/">home</a></li><li><a href="guides/">guides</a></li><li><a href="/#about">about</a></li><li><a href="/#portfolio">portfolio</a></li><li><a href="/#contact">contact</a></li>
      </ul>
  </nav>
</div><!--/nav-container-->

<section id="about">
<div class="container">
    <div class="row">
        <div class="col twelve centered">
            <h2 class="centered">about</h2>
        </div>
    </div><!--/row-->
    <div class="row about-content">
	<div class="col twelve">
	    <p><img style="display: block; margin: 0 auto 20px;" src="img/about-image-alt.jpg" alt="" /></p>
<p>Since I was 12, I've been pursuing graphic design and web development both independently and through schooling. I started off building websites using free website generators like MaxPages and Geocities. Since then, I've moved onto custom designs built using Photoshop and Dreamwever on content management systems, like MODx and Wordpress, with standard-compliant coding.</p>
<p>Over the years, I’ve had experience with HTML, CSS, Javascript (jQuery), PHP, XML, and MySQL, both as they pertain to content management systems as well as custom-built solutions. I’m experienced with Apache-based hosting platforms and the software that comes with them, like cPanel and PHPMyAdmin. I’ve also worked with AWS and Microsoft hosting platforms on an as-needed basis.</p>
<p>One thing I’ve come to love about development is troubleshooting and fixing websites, both in live and test environments. Solving the puzzles of code you’ve never seen before to bring a website back online is incredibly satisfying. In a similar vein, I enjoy performing routine maintenance on websites as it allows me to catch problems before they appear, both from a functionality and security standpoint.</p>
<p>In 2016, I began a new venture in content creation, which exists alongside my web development work. Content creation has allowed me to explore new creative avenues like video recording and live streaming using software like Premiere Pro and OBS on platforms like YouTube and Twitch. I’ve also had the opportunity to further my graphic design and web development experience through creating and maintaining a website where I write guides and other articles.</p>
<p>My work has required me to be a constant presence on social media. This not only means frequently communicating with people but also making sure the content I’m creating can be displayed or consumed across all social media platforms. I must also perform search engine optimization to ensure my content appears in search results when relevant.</p>
<p style="text-align: center;"><strong>In-depth Experience</strong><br /><span style="line-height: 1.5em;">HTML, CSS, PHP, Javascript (jQuery), SEO<br />Modx, WordPress, Woocommerce<br /></span>Adobe Photoshop, Adobe Dreamweaver<br />Apache Hosting Environments</p>
<p style="text-align: center;"><strong>Moderate Experience</strong><br />XML, MySQL</p>
<p style="text-align: center;"><strong>Minor Experience</strong><br />Adobe Premiere Pro<br />AWS, Windows IIS</p>
	</div><!--/twelve columns--> 
    </div><!--/about-content-->
</div><!--/container-->
</section><!--/about-->

<section id="portfolio">
<div class="container">
    <div class="row">
        <div class="col twelve centered">
          <h2>portfolio</h2>
        </div>
      </div><!--/row-->
    <div class="row">
        <p style="text-align:center">Some contract projects are not cleared to appear in my portfolio. Please <a href="/#contact">contact me</a> if you need more information.</p>
        <div id="portfolio-tabs">
 	    <ul>
    	        <li><a href="#tabs-webdev">Web Development</a></li>
    		<li><a href="#tabs-graphicdesign">Graphic Design</a></li>
  	    </ul>
            <div class="clearfix"></div>
            
  	    <div id="tabs-webdev">
                <div class="row portfolio-container webdev-container">
                    <div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web1">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/bluestone-legal.jpg" width="250" height="250" alt="Bluestone Legal, Responsive, WordPress">
        <noscript><img src="img/portfolio/bluestone-legal.jpg" width="250" height="250" alt="Bluestone Legal, Responsive, WordPress"></noscript>
    </a>
    <div id="web1" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/bluestone-legal.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/bluestone-legal.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Bluestone Legal, Responsive, WordPress <br class="nodesktop" />
                
                    <small>(<a href="http://www.bluestonelegal.com.au/index.php/">http://www.bluestonelegal.com.au/index.php/...&nbsp;</a>)</small>
                
            </h4>
            <p>This was a collaborative project with a designer. I completed the following elements:</p>
<ul>
<li>Created alternate logo and color selection fields in the admin area for use on their Conveyancing page: <a href="http://bluestonelegal.com.au/index.php/conveyancing/">http://bluestonelegal.com.au/index.php/conveyancing/</a></li>
<li>Moved the site to a Windows IIS server and setup friendly URLs for WordPress, as well as www to non-www redirects.</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web2">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/olympic-trailers-trailer.jpg" width="250" height="250" alt="Olympic Trailers - Trailers Sub-site, Modx">
        <noscript><img src="img/portfolio/olympic-trailers-trailer.jpg" width="250" height="250" alt="Olympic Trailers - Trailers Sub-site, Modx"></noscript>
    </a>
    <div id="web2" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/olympic-trailers-trailer.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/olympic-trailers-trailer.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Olympic Trailers - Trailers Sub-site, Modx <br class="nodesktop" />
                
                    <small>(<a href="http://www.olympictrailers.com.au/trailers/trailers-home.html">http://www.olympictrailers.com.au/trailers/trailer...&nbsp;</a>)</small>
                
            </h4>
            <p>This was a collaborative project with a designer. I completed the following elements:</p>
<ul>
<li>Duplicated existing site and split it into two "sub" sites - Floats and Trailers</li>
<li>Created Template Variables inside Modx for managing page elements is easy - notably the Prices and Trailer Extras tables</li>
<li>Created a landing page at the root URL for both sites (<a href="http://www.olympictrailers.com.au/">http://www.olympictrailers.com.au/</a>)</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web3">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/topiary-cafe.jpg" width="250" height="250" alt="The Topiary Cafe, Modx, Responsive">
        <noscript><img src="img/portfolio/topiary-cafe.jpg" width="250" height="250" alt="The Topiary Cafe, Modx, Responsive"></noscript>
    </a>
    <div id="web3" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/topiary-cafe.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/topiary-cafe.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                The Topiary Cafe, Modx, Responsive <br class="nodesktop" />
                
                    <small>(<a href="http://thetopiarycafe.com.au/">http://thetopiarycafe.com.au/</a>)</small>
                
            </h4>
            <p>This was a collaborative project with a designer. I completed the following elements:</p>
<ul>
<li>Updated the site styling to match new branding</li>
<li>Updated all code and templates to be responsive</li>
<li>Created new jQuery-based sliders and galleries</li>
<li>Created and updated email forms</li>
<li>Integrated PayPal with the High Tea Gift Certificate form (<a href="http://thetopiarycafe.com.au/high-tea.html">http://thetopiarycafe.com.au/high-tea.html) </a></li>
<li>Providing on-going support for alterations and troubleshooting</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web4">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/shutters-plus.jpg" width="250" height="250" alt="Shutters Plus SA, WordPress, Responsive">
        <noscript><img src="img/portfolio/shutters-plus.jpg" width="250" height="250" alt="Shutters Plus SA, WordPress, Responsive"></noscript>
    </a>
    <div id="web4" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/shutters-plus.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/shutters-plus.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Shutters Plus SA, WordPress, Responsive <br class="nodesktop" />
                
            </h4>
            <p>This was a collaborative project with a designer. I worked on the following items:</p>
<ul>
<li>Converted existing, static HTML site to a responsive WordPress theme</li>
<li>Added back-end support for gallery management and other page elements using Advanced Custom Fields plugin (<a href="https://www.upwork.com/leaving?ref=https://wordpress.org/plugins/advanced-custom-fields/" target="_blank">https://wordpress.org/plugins/advanced-custom-fields/</a><span>)</span></li>
<li>Tested website across all modern browsers and simulated <span class="ng-scope"><span>mobile environments</span></span></li>
<li>Secured WordPress through use of plugins and best-practice security methods</li>
<li>Provided a guide on using the WordPress admin area and custom fields specific to the site</li>
<li>Provide on-going support for WordPress updates</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web5">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/classic-roller.jpg" width="250" height="250" alt="Classic Roller Shutters, WordPress, Responsive">
        <noscript><img src="img/portfolio/classic-roller.jpg" width="250" height="250" alt="Classic Roller Shutters, WordPress, Responsive"></noscript>
    </a>
    <div id="web5" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/classic-roller.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/classic-roller.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Classic Roller Shutters, WordPress, Responsive <br class="nodesktop" />
                
            </h4>
            <p>This project was completed as part of a collaboration with a designer. I completed the following tasks:</p>
<ul>
<li>Converted existing website into a responsive WordPress theme.</li>
<li>Supplemented the WordPress admin area with custom fields, using the Advanced Custom Fields plugin (<a href="http://www.advancedcustomfields.com/">http://www.advancedcustomfields.com/</a>), to make maintaining the product lists easier.</li>
<li>Migrated all existing content to WordPress.</li>
<li>Converted most galleries from Flash to jQuery.</li>
<li>Conducted cross-browser testing and cross-platform testing to ensure the responsive layout functioned on as many devices as possible.</li>
<li>Helped secure the WordPress installation against hacks and exploits through use of plugins, server configurations, and best practice information.</li>
<li>Provided a PDF guide written specifically for the site to help with using the admin area.</li>
<li>Providing continued support for site expansion and troubleshooting.</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web6">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/dimitrak-realestate.jpg" width="250" height="250" alt="Dimitrak Real Estate, Modx, Responsive">
        <noscript><img src="img/portfolio/dimitrak-realestate.jpg" width="250" height="250" alt="Dimitrak Real Estate, Modx, Responsive"></noscript>
    </a>
    <div id="web6" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/dimitrak-realestate.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/dimitrak-realestate.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Dimitrak Real Estate, Modx, Responsive <br class="nodesktop" />
                
                    <small>(<a href="http://www.dimitrakrealestate.com.au/">http://www.dimitrakrealestate.com.au/</a>)</small>
                
            </h4>
            <p>For this project, I completed the following tasks:</p>
<ul>
<li>Designed a landing page based on existing company PDFs used to collect information</li>
<li>Created Modx templates from the approved mock-up using a responsive framework</li>
<li>Setup the Modx manager area and templates so the website could be updated without any coding knowledge</li>
<li>Provided a PDF guide written specifically for the site that provided details on how to use the Modx manager area</li>
<li>Provide continued support for layout tweaks and updates as necessary</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web7">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/tiles-bradman.jpg" width="250" height="250" alt="Tiles on Bradman, Modx, Responsive">
        <noscript><img src="img/portfolio/tiles-bradman.jpg" width="250" height="250" alt="Tiles on Bradman, Modx, Responsive"></noscript>
    </a>
    <div id="web7" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/tiles-bradman.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/tiles-bradman.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Tiles on Bradman, Modx, Responsive <br class="nodesktop" />
                
            </h4>
            <p>This was a collaborative project with another developer. I worked on the following elements:</p>
<ul>
<li>Created Modx templates from the provided mockups on a responsive framework</li>
<li>Moved content from flash site to Modx, as well as edited images to fit in a square shape as necessary</li>
<li>Setup and tested redirect script so the responsive site is displayed on tablets and mobile devices instead of the existing flash website.</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web8">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/bradbrook-lawyers.jpg" width="250" height="250" alt="Bradbrook Lawyers, Modx, Responsive">
        <noscript><img src="img/portfolio/bradbrook-lawyers.jpg" width="250" height="250" alt="Bradbrook Lawyers, Modx, Responsive"></noscript>
    </a>
    <div id="web8" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/bradbrook-lawyers.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/bradbrook-lawyers.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Bradbrook Lawyers, Modx, Responsive <br class="nodesktop" />
                
                    <small>(<a href="http://www.bradbrooklawyers.com.au/">http://www.bradbrooklawyers.com.au/</a>)</small>
                
            </h4>
            <p>This was a collaborative project with another developer. I worked on the following elements:</p>
<ul>
<li>Converted existing Modx templates to a responsive framework to provide a more friendly browsing experience on tablets and mobile devices.</li>
<li>Made general site alterations along the way.</li>
<li>Utilized newly developed plugins to make the editing process more user friendly for the client</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web9">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/my-fair-tradie.jpg" width="250" height="250" alt="My Fair Tradie, Modx">
        <noscript><img src="img/portfolio/my-fair-tradie.jpg" width="250" height="250" alt="My Fair Tradie, Modx"></noscript>
    </a>
    <div id="web9" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/my-fair-tradie.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/my-fair-tradie.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                My Fair Tradie, Modx <br class="nodesktop" />
                
                    <small>(<a href="http://www.myfairtradie.com.au/">http://www.myfairtradie.com.au/</a>)</small>
                
            </h4>
            <p>This was a collaborative project with another developer. I worked on the following elements:</p>
<ul>
<li>Converted HTML layout to Modx templates</li>
<li>Layout modifications</li>
<li>Created contact form and tradie registration</li>
<li>Cross-browser testing</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web10">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/raleigh-winery.jpg" width="250" height="250" alt="Raleigh Wines, Modx">
        <noscript><img src="img/portfolio/raleigh-winery.jpg" width="250" height="250" alt="Raleigh Wines, Modx"></noscript>
    </a>
    <div id="web10" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/raleigh-winery.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/raleigh-winery.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Raleigh Wines, Modx <br class="nodesktop" />
                
                    <small>(<a href="http://raleighwines.com/">http://raleighwines.com/</a>)</small>
                
            </h4>
            <p>This was a collaborative project with another developer. I worked on the following elements:</p>
<ul>
<li>Converted HTML layout to Modx templates</li>
<li>Made layout modifications</li>
<li>Created contact form in Modx</li>
<li>Added home page slider</li>
<li>Performed Cross-browser testing</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web11">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/lemon-frankie.jpg" width="250" height="250" alt="Lemon Frankie, Prestashop">
        <noscript><img src="img/portfolio/lemon-frankie.jpg" width="250" height="250" alt="Lemon Frankie, Prestashop"></noscript>
    </a>
    <div id="web11" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/lemon-frankie.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/lemon-frankie.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Lemon Frankie, Prestashop <br class="nodesktop" />
                
                    <small>(<a href="http://lemonfrankie.com.au/">http://lemonfrankie.com.au/</a>)</small>
                
            </h4>
            <p>This was a collaborative project with another developer. I worked on the following elements:</p>
<ul>
<li>Modified a purchased template to match the client's brand (base template: http://www.templatemonster.com/prestashop-themes/41119.html)</li>
<li>Corrected bugs and issues due to using template on Prestashop 1.5 (mostly jQuery issues)</li>
<li>Conducted cross-browser and mobile testing to help ensure the best user experience</li>
<li>Added categories, products, and page content based on client's specifications</li>
<li>Provided a comprehensive, 30-page guide on how to manage the site and products; written specifically for the site</li>
<li>Providing ongoing support for bugs and alterations on an as-needed basis</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web12">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/visav.jpg" width="250" height="250" alt="VisaV, WordPress">
        <noscript><img src="img/portfolio/visav.jpg" width="250" height="250" alt="VisaV, WordPress"></noscript>
    </a>
    <div id="web12" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/visav.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/visav.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                VisaV, WordPress <br class="nodesktop" />
                
                    <small>(<a href="http://www.visav.com/">http://www.visav.com/</a>)</small>
                
            </h4>
            <p>This was a collaborative project with another developer. I worked on the following elements:</p>
<ul>
<li>Database clean up using WordPress plugins</li>
<li>Load time optimizations with use of plugins, manual optimization, and htaccess</li>
<li>Further secured WordPress using Better WP Security plugin ( http://wordpress.org/extend/plugins/better-wp-security/) and robots.txt file</li>
<li>Extensive 301 redirects to eliminate 404 errors</li>
<li>Form creation and modification using Contact Form 7 plugin ( http://wordpress.org/extend/plugins/contact-form-7/ )</li>
<li>Continued support for database cleanup, redirects, and alterations</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#web13">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/olympic-trailers.jpg" width="250" height="250" alt="Olympic Trailers, Modx">
        <noscript><img src="img/portfolio/olympic-trailers.jpg" width="250" height="250" alt="Olympic Trailers, Modx"></noscript>
    </a>
    <div id="web13" class="mfp-hide portfolio-popup-content">
        <div>
            <img src="img/blank.png" class="lazy" data-original="img/portfolio/olympic-trailers.jpg" width="250" height="250" alt="">
            <noscript><img src="img/portfolio/olympic-trailers.jpg" width="250" height="250" alt=""></noscript>
        </div>
        <div class="description">
            <h4>
                Olympic Trailers, Modx <br class="nodesktop" />
                
                    <small>(<a href="http://www.olympictrailers.com.au/floats/float-home.html">http://www.olympictrailers.com.au/floats/float-home.html</a>)</small>
                
            </h4>
            <p>This was a collaborative project with another designer. I worked on the following elements:</p>
<ul>
<li>Integrated template into Modx (menu, forms, content)</li>
<li>Made layout alterations at request of client</li>
</ul>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div>
                </div><!--/portfolio-container-->
                <a href="#" class="webdev-load-more gray-button">Load More</a>
                <a class="older-portfolio-projects gray-button" href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">Older projects listed on Upwork</a>
            </div><!--/tabs-webdev-->
            <div id="tabs-graphicdesign">
        	<div class="row portfolio-container graphicdesign-container">
                    <div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#graphic1">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/cats-ebook-cover.jpg" alt="Blue w/ Stars, Cat eBook Cover">
    </a>
    <div id="graphic1" class="mfp-hide portfolio-popup-content">
        <div><img src="img/blank.png" class="lazy" data-original="img/portfolio/cats-ebook-cover.jpg" alt="Blue w/ Stars, Cat eBook Cover"></div>
        <div class="description">
            <h4>Blue w/ Stars, Cat eBook Cover</h4>
            <span>eBook Cover created for Beau to Beau Publishing for use on popular eBook stores.</span>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#graphic2">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/cat-illustrations.jpg" alt="Cat Illustrations">
    </a>
    <div id="graphic2" class="mfp-hide portfolio-popup-content">
        <div><img src="img/blank.png" class="lazy" data-original="img/portfolio/cat-illustrations.jpg" alt="Cat Illustrations"></div>
        <div class="description">
            <h4>Cat Illustrations</h4>
            <span>Illustrations created for Beau to Beau Publishing based on included pictures, for use on children's eBook covers.</span>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#graphic3">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/arab-palace-ebook.jpg" alt="Arab Palace eBook Cover">
    </a>
    <div id="graphic3" class="mfp-hide portfolio-popup-content">
        <div><img src="img/blank.png" class="lazy" data-original="img/portfolio/arab-palace-ebook.jpg" alt="Arab Palace eBook Cover"></div>
        <div class="description">
            <h4>Arab Palace eBook Cover</h4>
            <span>eBook cover created for Beau to Beau Publishing for use on popular eBook websites. Images needed to be merged together and edited so they fit as the client had requested.</span>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#graphic4">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/boy-group-unicorn-ebook.jpg" alt="Boy Group eBook Cover">
    </a>
    <div id="graphic4" class="mfp-hide portfolio-popup-content">
        <div><img src="img/blank.png" class="lazy" data-original="img/portfolio/boy-group-unicorn-ebook.jpg" alt="Boy Group eBook Cover"></div>
        <div class="description">
            <h4>Boy Group eBook Cover</h4>
            <span>eBook cover created for Beau to Beau Publishing, for use on popular eBook selling websites. The client gave us images that they wanted meshed together to make the cover. What you see is the result of some careful work and some specific requests from the client.</span>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div><div class="col three">
<div class="portfolio-item">
    <a class="portfolio-popup" href="#graphic5">
        <img src="img/blank.png" class="lazy" data-original="img/portfolio/star-unicorn-ebook-cover.jpg" alt="Star eBook Cover">
    </a>
    <div id="graphic5" class="mfp-hide portfolio-popup-content">
        <div><img src="img/blank.png" class="lazy" data-original="img/portfolio/star-unicorn-ebook-cover.jpg" alt="Star eBook Cover"></div>
        <div class="description">
            <h4>Star eBook Cover</h4>
            <span>eBook cover created for Beau to Beau Publishing, for use on popular eBook selling websites. The cover was created with images given to us by the client, and meshed together per their request. With the stars being added after for a bigger effect.</span>
        </div>
        <p><a href="https://www.upwork.com/freelancers/~01c5427ba5fbc3e6ac">View on Upwork</a></p>
    </div>
</div>
</div>
                </div><!--/portfolio-container-->
            </div><!--/tabs-graphicdesign-->
        </div><!--/portfolio-tabs--> 
    </div><!--/row--> 
</div><!--/container-->
</section><!--/portfolio-->

<section id="contact">
<div class="container">
    <div class="row">
        <div class="col twelve centered">
          <h2>contact</h2>
        </div>
    </div><!--/row-->
    <div class="row">
        <div class="col twelve">
            <div class="contact-form">
            <div id="contact-form-ajax-messages"></div>
                <form id="contact-form-ajax" method="post" action="includes/contact-mailer.php">
                    <label for="name"><noscript>Name: </noscript><input type="text" id="name" name="name" placeholder="YOUR NAME" required></label>
                    <label for="email"><noscript>Email: </noscript><input type="email" id="email" name="email" placeholder="YOUR EMAIL" required></label>
                    <label for="message"><noscript>Message: </noscript><textarea id="message" name="message" cols="1" rows="5" placeholder="YOUR MESSAGE" required ></textarea></label>
                    <script src="https://www.google.com/recaptcha/api.js"></script>
                    <div style="width:305px;margin:0 auto 20px" class="g-recaptcha" style="margin:0 0 10px;" data-sitekey="6Ld-PBMUAAAAAAVtxJk3gQEhAonJZiuHHpISzZ3t"></div>
                    <button name="send" type="submit" class="submit ajax-submit">SEND</button>
               </form>
            </div><!--/contact-form-->
        </div><!--/twelve columns-->
    </div><!--/row-->
</div><!--/container-->
</section><!--/contact-->

<!-- FOOTER ############################################### -->

<footer>
<div class="container">
    <div class="row footer-cols">
        <div class="col four">
            <a href="https://dvorakdesigns.com/"><img src="img/blank.png" class="lazy" data-original="img/logo.png" alt="Dvorak Designs" width="234" height="50"></a>
        </div>
        <div class="col four">
            <a class="upwork-button" href="https://www.upwork.com/signup/create-account/client_contact_freelancer?freelancerRef=687434&amp;va=cpp">Hire Me on <strong><span style="color:#6fda44">Up</span><span style="color:#000;">work</span></strong></a>
        </div>
        <div class="col four">
            <ul class="footer-menu"><li><a href="privacy-policy.html">Privacy Policy</a></li></ul>
        </div>
    </div>
    <div class="row centered">
        <div class="twelve columns clearfix">
            
        </div>
    </div>
    <div class="row centered" style="margin-bottom:0;">
        <div class="twelve columns clearfix copyright">
            <p><small>Copyright &copy; 2009-2021 Dvorak Designs and Preston Dvorak. The Dvorak Designs name and logo are trademarks of Dvorak Designs, reuse is prohibited.</small></p>
        </div>
    </div>
</div><!--/container-->
</footer>

<!-- END FOOTER ############################################### --> 

<!-- JAVASCRIPTS ############################################### --> 

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollto.min.js"></script>
<script type="text/javascript" src="js/waypoints.min.js"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="js/jquery.hoverintent.js"></script>
<script type="text/javascript" src="js/scripts.js"></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','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-9121593-2', 'auto');
  ga('send', 'pageview');
</script>

​<script type="text/javascript">
var addthis_config = addthis_config||{};
    addthis_config.data_track_addressbar = false;
    addthis_config.data_track_clickback = false;
</script>

</body>
</html>