Google Web Designer

<!DOCTYPE html> <html lang="en" class="glue-flexbox"> <head> <meta charset="utf-8"> <meta content="initial-scale=1, minimum-scale=1, width=device-width" name="viewport"> <title>Google Web Designer - Home</title> <meta name="referrer" content="no-referrer" /> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/static/gwd/logo.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/static/gwd/logo.svg"> <link rel="icon" type="image/png" sizes="16x16" href="/static/gwd/logo.svg"> <link href="//www.google.com/webdesigner/images/favicon.ico" rel="shortcut icon" type="image/x-icon"> <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700|Google+Sans:400,500|Product+Sans:400&lang=en"> <link href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet">   <script src='//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script> <link href="/static/css/index.min.css?cache=8d4cd16" rel="stylesheet"> <script src="/static/js/detect.min.js?cache=290808a"></script> <script src="/static/js/dyndl.js?cache=80469c1" id="dyndl" button-var-true="Download Web Designer" button-var-false="Available for Mac, Win, and Linux"></script> </head> <body data-ng-controller="GWDMainController as ctrl"> <main class="h-c-page gwd-page"> <div class="header-shadow"></div> <div class="hercules-header h-c-header h-c-header--product-marketing-one-tier"> <div class="h-c-header__bar"> <div class="h-c-header__hamburger h-c-header__hamburger--first-tier"> <div class="h-c-header__hamburger-wrapper"> <button type="button" class="h-js-header__hamburger-link h-c-header__hamburger-link" aria-controls="h-js-header__drawer" aria-expanded="false" aria-label="Open the navigation drawer"> <svg role="img" class="h-c-header__hamburger-img h-c-header__hamburger-img--standard"> <use xlink:href="#h-burger"></use> </svg> <svg role="img" class="h-c-header__hamburger-img h-c-header__hamburger-img--reversed"> <use xlink:href="#h-burger"></use> </svg> </button> </div> </div> <div class="h-c-header__lockup"> <div class="h-c-header__company-logo"> <a href="/" class="h-c-header__company-logo-link gwd-header__company-logo-link" title="Google"> <svg role="img" class="h-c-header__company-logo-img"> <use xlink:href="#h-color-google-logo"></use> </svg> </a> </div> <div class="h-c-header__product-logo"> <a href="/" class="h-c-header__product-logo-link"> <span class="h-c-header__product-logo-text">Web Designer</span> </a> </div> <a href="#jump-content" class="h-c-header__jump-to-content" data-glue-jump-link> <span class="h-c-header__jump-to-content-text">Skip to Content</span> </a> </div> <div class="h-c-header__hamburger h-c-header__hamburger--second-tier"> <div class="h-c-header__hamburger-wrapper"> <button type="button" class="h-c-header__hamburger-link" aria-controls="h-js-header__drawer" aria-expanded="false" aria-label="Open the navigation drawer"> <svg role="img" class="h-c-header__hamburger-img h-c-header__hamburger-img--standard"> <use xlink:href="#h-burger"></use> </svg> <svg role="img" class="h-c-header__hamburger-img h-c-header__hamburger-img--reversed"> <use xlink:href="#h-burger"></use> </svg> </button> </div> </div> <div class="h-c-header__initiative-logo"> <a href="/#" class="h-c-header__initiative-logo-link"> <span class="h-c-header__initiative-logo-text">Initiative</span> </a> </div> <nav class="h-c-header__nav"> <ul class="h-c-header__nav-list"> <li class="h-c-header__nav-li" aria-level="1"> <a href="/" class="h-c-header__nav-li-link h-is-active"> Home </a> </li> <li class="h-c-header__nav-li" aria-level="1"> <a href="https://support.google.com/webdesigner/" class="arrow-link h-c-header__nav-li-link" target="_blank" rel="noopener noreferrer"> Support <svg role="img" class="arrow-icon"> <use xlink:href="#arrow-external"></use> </svg> </a> </li> <li class="h-c-header__nav-li" aria-level="1"> <a href="https://www.youtube.com/user/googlewebdesigner/" class="arrow-link h-c-header__nav-li-link" target="_blank" rel="noopener noreferrer"> Tutorials <svg role="img" class="arrow-icon"> <use xlink:href="#arrow-external"></use> </svg> </a> </li> </ul> </nav> <div class="h-c-header__bar-underside"></div> </div> <div id="h-js-header__drawer" class="h-c-header__drawer" aria-label="Navigation drawer" tabindex="0"> <div class="h-c-header__drawer-content"> <div class="h-c-header__drawer-bar"> <div class="h-c-header__drawer-lockup"> <div class="h-c-header__drawer-company-logo"> <div class="h-c-header__drawer-company-logo-link" title="Google"> <svg role="img" class="h-c-header__drawer-company-logo-img"> <use xlink:href="#h-color-google-logo"></use> </svg> </div> </div> <div class="h-c-header__drawer-product-logo"> <div class="h-c-header__drawer-product-logo-link"> <span class="h-c-header__drawer-product-logo-text">Web Designer</span> </div> </div> </div> <div class="h-c-header__drawer-initiative-logo"> <div class="h-c-header__drawer-initiative-logo-link"> <span class="h-c-header__drawer-initiative-logo-text">Initiative</span> </div> </div> </div> <nav class="h-c-header__drawer-nav"> <ul class="h-c-header__drawer-nav-list"> <li class="h-c-header__drawer-nav-li" aria-level="1"> <a href="/" class="h-c-header__drawer-nav-li-link h-is-active"> Home </a> </li> <li class="h-c-header__drawer-nav-li" aria-level="1"> </li> <li class="h-c-header__drawer-nav-li" aria-level="1"> <a href="https://support.google.com/webdesigner/" class="h-c-header__drawer-nav-li-link"> Support </a> </li> <li class="h-c-header__drawer-nav-li" aria-level="1"> <a href="https://www.youtube.com/user/googlewebdesigner/" class="h-c-header__drawer-nav-li-link"> Tutorials </a> </li> </ul> </nav> </div> <div class="h-c-header__drawer-cta"> <button class="h-c-button h-c-button--primary" id="hamburger_cta" href="#" onclick="openLegal('');"> Download Web Designer </button> </div> </div> <div id="h-js-header__drawer-backdrop" class="h-c-header__drawer-backdrop"></div> </div><div class="hero_container"> <div class="hero_col hero_box1"> <h1 class="h-c-headline h-c-headline--two h-has-top-margin h-has-bottom-margin gwd-headline">Create engaging videos, images, and HTML5-based designs for your business that can run on any device</h1> <h2 class="gwd-sub-headline">Intended for business use only</h2> <div class="h-c-grid gwd-header-cta-group"> <div class="h-c-grid__col gwd-header-ctas"> <button class="h-c-button h-c-button--primary gwd-cta-1" id="gwd-cta-1" disabled onclick="openLegal('')"></button><br> <h3 class="gwd-requirements"><a href="https://support.google.com/webdesigner/answer/3232604" target="_blank" rel="noopener">System requirements</a></h3> </div> <div class="h-c-grid__col gwd-header-ctas gwd-cta-2">  </div> </div>  </div> <div class="hero_col hero_box2" id="gwd-hero-vid"> <video class="gwd-hero__video" id="hero_vid" src="https://storage.googleapis.com/bracket-web-designer.appspot.com/GWD_Homepage_Animation_v3.mp4?3" muted autoplay playsinline loop onloadeddata="gwdPlay(this, false, false)"></video> </div> </div> <section class="h-u-mb-l h-u-mt-xl gwd-section__features"> <div class="h-c-grid"> <div class="h-c-grid__col h-c-grid__col"> <h1 class="h-c-headline h-c-headline--two h-has-bottom-margin h-u-text-center gwd-txt-head" unite-orphan="15"> Features that help businesses bring ideas to life </h1> <p class="h-c-copy gwd-txt-intro h-u-text-center gwd-txt-featintro" unite-orphan="15">Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different sizes or audiences with responsive and dynamic workflows.</p> </div> </div> </section>  <section class="h-u-mb-xl gwd-100vw-bg" style="margin-bottom:0px; background-color:#fafafa;"> <div class="gwd-life-img" id="gwd-life-img"> <div id="gwd-life_fg"><img src="/static/gwd/bring_to_life_step1b.png" id="bound_test_1"></div> <div id="gwd-life_bg"></div> </div> </section> <br><br><br><br>  <section class="h-u-mb-xl gwd-100vw-bg gwd-feat-grid">  <div class="h-c-page">  <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0"> <p class="gwd-feat_title"> <span class="gwd-feature-title">Animation</span> </p> </div> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-feature-video-background"> <a data-glue-modal-trigger="feat-vid-aVid" href="#feat-vid-a" onclick="gwdPlay('aVid-mobile', true, true)"> <div class="feat-vid-mobile"></div> </a> <div class="feat-vid"></div>  </div> <div class="h-c-grid__col h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-car-row-desk"> <p> <section class="h-c-page"> <div class="glue-pagination h-c-carousel h-c-carousel--simple"> <div class="gwd-desk-hide"> <ul class="glue-carousel" data-glue-carousel data-glue-pagination="demo-cyclical" id="gwd-car-a"> <li class="h-c-carousel__item" id="a0"><div class="herc-docs-_-carousel__image"> <p class="gwd-feat_descr_title">Even Choose Your Modes</p> <p class="gwd-feat_descr_txt">Animate by stringing together simple scenes in Quick mode or by using layers on a timeline in Advanced mode. Motion paths and custom easing give you full control of your animation.</p> </li> <li class="h-c-carousel__item" id="a1"> <p class="gwd-feat_descr_title">3D</p> <p class="gwd-feat_descr_txt">Create and manipulate 3D content using the power of CSS3. Rotate objects and 2D designs along any axis, visualizing 3D transformations and translations as you author.</p> </li> </ul> <div class="h-c-carousel__navigation gwd-car-nav" onclick="vC('a');"> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-previous"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-previous data-glue-pagination-update-model="false"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-left" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> <ul class="glue-pagination-page-list gwd-carList gwd-pagination__button" data-glue-pagination-page-list data-glue-pagination="demo-cyclical" ng-cloak role="tablist"> </ul> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-next"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-next data-glue-pagination="demo-cyclical" data-glue-pagination-update-model="false" id="aB"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-right" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> </div>  </div> </div> </section></p> </div> </div> </div>  <div class="h-c-page"> <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-row-break">   </div> </div> </div>   <div class="h-c-page">  <div class="h-c-grid gwd-workflow-exception"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0"> <p class="gwd-feat_title"><span class="gwd-feature-title">Workflow</span></p> </div> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-feature-video-background"> <a data-glue-modal-trigger="feat-vid-wVid" href="#feat-vid-w" onclick="gwdPlay('wVid-mobile', true, true)"> <div class="feat-vid-mobile"></div> </a> <div class="feat-vid"></div>  </div> <div class="h-c-grid__col h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-car-row-desk"> <p> <section class="h-c-page"> <div class="glue-pagination h-c-carousel h-c-carousel--simple"> <div class="gwd-desk-hide"> <ul class="glue-carousel" data-glue-carousel data-glue-pagination="demo-cyclical" id="gwd-car-w"> <li class="h-c-carousel__item" id="w1"> <p class="gwd-feat_descr_title">Google Integrations</p> <p class="gwd-feat_descr_txt">Take advantage of other Google products throughout your ad creation process. Browse Google Fonts and pull assets from the Studio Asset Library. Once you finalize your creative, publish it directly to Studio or share the files on Google Drive.</p> </li> <li class="h-c-carousel__item" id="w0"><div class="herc-docs-_-carousel__image"> <p class="gwd-feat_descr_title">Content Creation Tools</p> <p class="gwd-feat_descr_txt">Create your own designs using the Shape or Pen tools, then easily add text and import assets. Add some polish by fine-tuning element properties.</p> </li> </ul> <div class="h-c-carousel__navigation gwd-car-nav" onclick="vC('w', true, false);"> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-previous"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-previous data-glue-pagination-update-model="false"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-left" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> <ul class="glue-pagination-page-list gwd-carList gwd-pagination__button" data-glue-pagination-page-list data-glue-pagination="demo-cyclical" ng-cloak role="tablist"> </ul> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-next"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-next data-glue-pagination="demo-cyclical" data-glue-pagination-update-model="false" id="wB"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-right" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> </div>  </div> </div> </section></p> </div> </div> </div>  <div class="h-c-page"> <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-row-break-sm">   </div> </div> </div>   <div class="h-c-page">  <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0"> <p class="gwd-feat_title"><span class="gwd-feature-title">Templates</span></p> </div> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-feature-video-background"> <a data-glue-modal-trigger="feat-vid-tVid" href="#feat-vid-t" onclick="gwdPlay('tVid-mobile', true, true)"> <div class="feat-vid-mobile"></div> </a> <div class="feat-vid"></div>  </div> <div class="h-c-grid__col h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-car-row-desk"> <p><section class="h-c-page"> <div class="glue-pagination h-c-carousel h-c-carousel--simple"> <div class="gwd-desk-hide"> <ul class="glue-carousel" data-glue-carousel data-glue-pagination="carouselCard" id="gwd-car-t"> <li class="h-c-carousel__item" id="t0"> <p class="gwd-feat_descr_title">Template Gallery</p> <p class="gwd-feat_descr_txt">Browse through a range of pre-made layouts for inspiration or an easy starting point. You can adjust any aspect of the template to fit your needs, and save your own custom templates for future use.</p> </li> <li class="h-c-carousel__item" id="t1"> <div class="herc-docs-_-carousel__image"> <p class="gwd-feat_descr_title">Easy Mode</p> <p class="gwd-feat_descr_txt">Build full-featured ads without needing to master advanced design tools. Use Easy Mode's streamlined interface to quickly customize templates with your assets, text, and colors.</p> </li> </ul> <div class="h-c-carousel__navigation gwd-car-nav" onclick="vC('t', false, true);"> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-previous"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-previous data-glue-pagination-update-model="false"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-left" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> <ul class="glue-pagination-page-list gwd-carList gwd-pagination__button" data-glue-pagination-page-list data-glue-pagination="carouselCard" ng-cloak role="tablist"></ul> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-next"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-next data-glue-pagination="carouselCard" data-glue-pagination-update-model="false" id="tB"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-right" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> </div> </div> </div> </section></p> </div> </div> </div>  <div class="h-c-page"> <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-row-break-sm">   </div> </div> </div>   <div class="h-c-page">  <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0"> <p class="gwd-feat_title"><span class="gwd-feature-title">Flexible</span></p> </div> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-feature-video-background"> <a data-glue-modal-trigger="feat-vid-fVid" href="#feat-vid-f" onclick="gwdPlay('fVid-mobile', true, true)"> <div class="feat-vid-mobile"></div> </a> <div class="feat-vid"></div>  </div> <div class="h-c-grid__col h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-car-row-desk"> <p> <section class="h-c-page"> <div class="glue-pagination h-c-carousel h-c-carousel--simple"> <div class="gwd-desk-hide"> <ul class="glue-carousel" data-glue-carousel data-glue-pagination="demo-cyclical" id="gwd-car-f"> <li class="h-c-carousel__item" id="f1"> <p class="gwd-feat_descr_title">Dynamic Workflow</p> <p class="gwd-feat_descr_txt">Tailor your ad to your audience with the dynamic ad workflow. Connect elements to data signals and preview how your creative looks with sample feed data.</p> </li> <li class="h-c-carousel__item" id="f0"><div class="herc-docs-_-carousel__image"> <p class="gwd-feat_descr_title">Responsive Ads</p> <p class="gwd-feat_descr_txt">Build media rules into your ad unit to set the style and layout of your creative, so a single ad unit can adapt to any screen size it shows up on.</p> </li> </ul> <div class="h-c-carousel__navigation gwd-car-nav" onclick="vC('f');"> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-previous"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-previous data-glue-pagination-update-model="false"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-left" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> <ul class="glue-pagination-page-list gwd-carList gwd-pagination__button" data-glue-pagination-page-list data-glue-pagination="demo-cyclical" ng-cloak role="tablist"> </ul> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-next"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-next data-glue-pagination="demo-cyclical" data-glue-pagination-update-model="false" id="fB"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-right" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> </div>  </div> </div> </section></p> </div> </div> </div>  <div class="h-c-page"> <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-row-break-sm">   </div> </div> </div>   <div class="h-c-page">  <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0"> <p class="gwd-feat_title"><span class="gwd-feature-title">Interactive</span></p> </div> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-feature-video-background"> <a data-glue-modal-trigger="feat-vid-iVid" href="#feat-vid-i" onclick="gwdPlay('iVid-mobile', true, true)"> <div class="feat-vid-mobile"></div> </a> <div class="feat-vid"></div>  </div> <div class="h-c-grid__col h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-car-row-desk"> <p> <section class="h-c-page"> <div class="glue-pagination h-c-carousel h-c-carousel--simple"> <div class="gwd-desk-hide"> <ul class="glue-carousel" data-glue-carousel data-glue-pagination="demo-cyclical" id="gwd-car-i"> <li class="h-c-carousel__item gwd-carousel__item" id="i0"><div class="herc-docs-_-carousel__image"> <p class="gwd-feat_descr_title">Events</p> <p class="gwd-feat_descr_txt">Set up events to make your creative react to the user's actions, even physical gestures like touch, rotation, or shaking on mobile devices. Use preset events, or build your own from scratch with JavaScript.</p> </li> <li class="h-c-carousel__item" id="i1"> <p class="gwd-feat_descr_title">Components</p> <p class="gwd-feat_descr_txt">Drag and drop components into your project to instantly add functionality such as image galleries, video players, maps, and more. Plus, each component automatically reports metrics no coding required.</p> </li> <li class="h-c-carousel__item" id="i2"> <p class="gwd-feat_descr_title">Pages</p> <p class="gwd-feat_descr_txt">Create multiple pages to include multiple scenes within a project. Let your audience switch to a different experience while still viewing the same creative.</p> </li> </ul> <div class="h-c-carousel__navigation gwd-car-nav" onclick="vC('i', false, true);"> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-previous"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-previous data-glue-pagination-update-model="false"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-left" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> <ul class="glue-pagination-page-list gwd-carList gwd-pagination__button" data-glue-pagination-page-list data-glue-pagination="demo-cyclical" ng-cloak role="tablist"> </ul> <div class="h-c-carousel__paginate gwd-paginate1 glue-pagination-next"> <button type="button" id="iB" class="glue-o-pagination__button" data-glue-pagination-next data-glue-pagination="demo-cyclical" data-glue-pagination-update-model="false"> <div class="h-c-carousel__paginate-wrap gwd-paginateWrap"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-right" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> </div>  </div> </div> </section></p> </div> </div> </div>  <div class="h-c-page"> <div class="h-c-grid gwd-feat"> <div class="h-c-grid__col h-c-grid__col-s--12 h-c-grid__col-s--offset-0 gwd-row-break-sm">   </div> </div> </div>  </section> <section class="h-u-mb-xl" id="carMobile"> <section class="h-c-page"> <p class="h-u-text-center" id="marquee"> MARQUEE </p> <div class="glue-pagination h-c-carousel h-c-carousel--tile" id="gwd-car-wrap"> <div class="h-c-carousel__wrap"> <ul class="glue-carousel gwd-glue-carousel" data-glue-carousel data-glue-pagination="carousel-tile" data-glue-carousel-options="{transitionDuration: .5}"" id="format-car"> <li class="h-c-carousel__item gwd-format-item" marquee="Static Panorama" style="margin-left: -28px !important;">  <a class="h-c-tile h-c-tile--border h-c-tile--hoverable h-c-tile--small-height" href="#" id="c1"> <div class="h-c-tile__body"> <img src="/static/gwd/gwd-panorama-01-static.svg" class="Templates_1"> </div> </a> </li> <li class="h-c-carousel__item gwd-format-item" marquee="Video Lightbox"> <a class="h-c-tile h-c-tile--border h-c-tile--hoverable h-c-tile--small-height" href="#" id="c2"> <div class="h-c-tile__body"> <img src="/static/gwd/gwd-lightbox-video-01-static.svg" class="Templates_1"> </div> </a> </li> <li class="h-c-carousel__item gwd-format-item" marquee="Static Cue Cards"> <a class="h-c-tile h-c-tile--border h-c-tile--hoverable h-c-tile--small-height" href="#" id="c3"> <div class="h-c-tile__body"> <img src="/static/gwd/gwd-cue-card-01-static.svg" class="Templates_1"> </div> </a> </li> <li class="h-c-carousel__item gwd-format-item" marquee="Youtube Map Lightbox"> <a class="h-c-tile h-c-tile--border h-c-tile--hoverable h-c-tile--small-height" href="#" id="c4"> <div class="h-c-tile__body"> <img src="/static/gwd/gwd-lightbox-youtube-map-01-static.svg" class="Templates_1"> </div> </a> </li> <li class="h-c-carousel__item gwd-format-item" marquee="Static Parallax"> <a class="h-c-tile h-c-tile--border h-c-tile--hoverable h-c-tile--small-height" href="#" id="c5"> <div class="h-c-tile__body"> <img src="/static/gwd/gwd-parallax-01-static.svg" class="Templates_1"> </div> </a> </li> </ul> <div class="h-c-carousel__paginate glue-pagination-previous"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-previous data-glue-pagination="carousel-tile" data-glue-pagination-update-model="false"> <div class="h-c-carousel__paginate-wrap"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-left" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> <div class="h-c-carousel__paginate glue-pagination-next"> <button type="button" class="glue-o-pagination__button" data-glue-pagination-next data-glue-pagination="carousel-tile" data-glue-pagination-update-model="false"> <div class="h-c-carousel__paginate-wrap"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="h-c-icon h-c-icon--keyboard-arrow-right" alt> <use xlink:href="#mi-keyboard-arrow-right"></use> </svg> </div> </button> </div> </div> <div class="h-c-carousel__navigation gwd-format-nav" style="margin-top: -150px; position: relative;"> <ul class="glue-pagination-page-list gwd-format-nav-list" data-glue-pagination-page-list data-glue-pagination="carousel-tile" role="tablist"> <li class="glue-o-pagination__button-container glue-o-pagination__page-list-button-container" id="p1"> <button type="button" class="glue-o-pagination__button glue-o-pagination__page-list-button" role="tab" data-glue-pagination-page="1">1</button> </li> <li class="glue-o-pagination__button-container glue-o-pagination__page-list-button-container" id="p2"> <button type="button" class="glue-o-pagination__button glue-o-pagination__page-list-button" role="tab" data-glue-pagination-page="2">2</button> </li> <li class="glue-o-pagination__button-container glue-o-pagination__page-list-button-container" id="p3"> <button type="button" class="glue-o-pagination__button glue-o-pagination__page-list-button" role="tab" data-glue-pagination-page="3">3</button> </li> <li class="glue-o-pagination__button-container glue-o-pagination__page-list-button-container" id="p4"> <button type="button" class="glue-o-pagination__button glue-o-pagination__page-list-button" role="tab" data-glue-pagination-page="4">4</button> </li> <li class="glue-o-pagination__button-container glue-o-pagination__page-list-button-container" id="p5"> <button type="button" class="glue-o-pagination__button glue-o-pagination__page-list-button" role="tab" data-glue-pagination-page="5">5</button> </li> </ul> </div> </div> </section></section> <section class="h-u-mb-l h-u-mt-xl gwd-100vw-bg" id="gwd-focus"> <div class="h-c-grid gwd-design-develop"> <div class="h-c-grid__col h-c-grid__col--10 h-c-grid__col--offset-1 h-c-grid__col-l--8 h-c-grid__col-l--offset-2"> <br/><br/> <h1 class="h-c-headline h-c-headline--two h-has-bottom-margin h-u-text-center" unite-orphan="15"> Design and develop </h1> <p class="h-c-copy gwd-txt-intro h-u-text-center gwd-txt-featintro" unite-orphan="15">Find the tools you need whether you're a designer or a developer: a full design suite and the ability to edit HTML, CSS, and JavaScript directly. Switch between Design view and Code view to see how your changes render. </p> </p> </div> </div> <div class="gwd-focus-img" id="gwd-focus-img"> <div id="gwd-focus_codes"><img src="/static/gwd/focus_on_design_MREC.png"></div> <div id="gwd-focus_mrec"><img src="/static/gwd/focus_on_design_CODES.png"></div> <div id="gwd-focus_bg"><img src="/static/gwd/focus_on_design_bg.png"></div> </div> </section> <section class="h-u-mb-l h-u-mt-xl" id="gwd-started"> <div class="h-c-grid gwd-hc_grid gwd-hc_grid-footer"> <div class="h-c-grid__col h-c-grid__col--10 h-c-grid__col--offset-1 h-c-grid__col-l--8 h-c-grid__col-l--offset-2"> <br/><br/> <h1 class="h-c-headline h-c-headline--two h-has-bottom-margin h-u-text-center" unite-orphan="15"><br/>Get Started</h1> <p class="h-c-copy gwd-txt-intro h-u-text-center gwd-txt-featintro" unite-orphan="15">Click Download Web Designer below to begin downloading the tool. Follow the on-screen instructions to install.</p> <p id="gwd-started-img"> <div class="h-c-footer_cta" style="border-bottom: 0px;" id="gwd-header_cta_2"><button class="h-c-button h-c-button--primary" id="gwd-footer-cta" onclick="openLegal('')">Download Web Designer</button> <br/><br/><br/> <img src="/static/gwd/logo.svg" alt="GWD Symbolic Logo" width="162" height="162"> <br/><br/><br/> </div> </p> <br/><br/> </div> </div>  <div data-glue-modal="youtube-embed_h" class="demo-half-width" data-glue-modal-close-label="Close Dialog"> <a class="glue-yt-video" data-glue-yt-video-vid="XbYva11m2os" data-glue-yt-video-height="100%" data-glue-yt-video-width="100%" data-glue-yt-video-autoplay="true" href="https://www.youtube.com/watch?time_continue=93&v=XbYva11m2os" ng-cloak> </a> </div> <script> var platform_subtypes = { 'Binary Linux (Ubuntu)': 'deb', 'Binary Linux (Debian)': 'deb', 'Binary Linux (Fedora)': 'rpm', 'Binary Linux (OpenSUSE)':'rpm' } var binaries = { 'mac':"https://dl.google.com/webdesigner/mac/shell/googlewebdesigner_mac.dmg", 'deb':"https://dl.google.com/linux/direct/google-webdesigner_current_amd64.deb", 'rpm':"https://dl.google.com/linux/direct/google-webdesigner_current_x86_64.rpm", 'win':"https://dl.google.com/tag/s/appguid%3D%7B811767F4-C586-4673-A41F-E9D767497222%7D%26iid%3D%7BE80D9CCB-47BD-39D0-C34E-16A11E019212%7D%26lang%3Den%26browser%3D4%26usagestats%3D0%26appname%3DGoogle%2520Web%2520Designer%26needsadmin%3DTrue/webdesigner/win/shell/googlewebdesigner_win.exe", } function sendBinary() { var debian = document.querySelector('#debian').checked; var rpm = document.querySelector('#rpm').checked; if (platform_type == 'lin' && debian) { platform_type = 'deb'; } if (platform_type == 'lin' && rpm) { platform_type = 'rpm'; } window.open(binaries[platform_type]); window.location.href = "/thankyou?type=" + platform_type; } </script>  <div class="gweb-lightbox-bg" style="opacity: 0.8; width: 100vw; height: 100vh; display:none;" aria-hidden="true"></div> <div class="gweb-lightbox" tabindex="0" role="dialog" aria-labelledby=":0" id="gweb-lightbox-lb"> <div class="gweb-lightbox-title gweb-lightbox-title-draggable"> <span class="gweb-lightbox-title-text" id=":0" role="heading"></span> <span class="gweb-lightbox-title-close" role="button" tabindex="0" aria-label="Close" onclick="closeLegal()">×</span> </div> <div class="gweb-lightbox-content"> <div id="gweb-lightbox-lb-fragment" class="gweb-lightbox-fragment" style="opacity: 1; width: 550px;"> <h2 class="gwd-terms-service">Google Web Designer</h2> <h3 class="gwd-terms-service">Google Web Designer is intended for business use. By accepting the terms below, you acknowledge that your use of the product is for professional, business purposes only.</h3> <div class="linux-selection"> <h3>Please select your download package</h3> <div> <input type="radio" name="distro" value="deb" id="debian" checked> <label for="debian">64 bit .deb (For Debian/Ubuntu)</label> </div> <div> <input type="radio" name="distro" value="rpm" id="rpm"> <label for="rpm">64 bit .rpm (For Fedora/openSUSE)</label> </div> </div> <iframe src="https://www.google.com/policies/terms/embedded/?hl=" id="legal-iframe"></iframe> <div class="linux-selection"> <span> <strong>Note:</strong> Installing Google Web Designer will <strong>add the Google Repository</strong> so your system will automatically keep Google Web Designer up to date. If you don't want Google's repository, do "sudo touch /etc/default/google-webdesigner" before installing the package. </span> </div> </div> </div> <br> <center> <button class="h-c-button h-c-button--primary gwd-legal-button" onclick='sendBinary()'> Agree and Download </button> </center> <br> <div class="gweb-lightbox-buttons" style=""> <div class="gweb-lightbox-caption gweb-lightbox-hide" style="width: 550px;"> </div> </div> </div>  <div id="feat-vid-i" data-glue-modal="feat-vid-iVid" data-glue-modal-close-label="Close Dialog" class="h-c-modal"> <video src="https://storage.googleapis.com/bracket-web-designer.appspot.com/Design_Interactive_Ads_Events_SCREEN.mp4?1" id="iVid-mobile" width="100%" height="100%" onended="gwdEnded('iB')" class="gwd-feature-video-modal"></video> </div> <div id="feat-vid-f" data-glue-modal="feat-vid-fVid" data-glue-modal-close-label="Close Dialog" class="h-c-modal"> <video src="https://storage.googleapis.com/bracket-web-designer.appspot.com/Build_Responsive_Ads_Dynamic_SCREEN.mp4?1" id="fVid-mobile" width="100%" height="100%" onended="gwdEnded('fB')" class="gwd-feature-video-modal"></video> </div> <div id="feat-vid-a" data-glue-modal="feat-vid-aVid" data-glue-modal-close-label="Close Dialog" class="h-c-modal"> <video src="https://storage.googleapis.com/bracket-web-designer.appspot.com/Robust_Animation_Tools_3D_SCREEN.mp4?1" id="aVid-mobile" width="100%" height="100%" onended="gwdEnded('aB')" class="gwd-feature-video-modal"></video> </div> <div id="feat-vid-w" data-glue-modal="feat-vid-wVid" data-glue-modal-close-label="Close Dialog" class="h-c-modal"> <video src="https://storage.googleapis.com/bracket-web-designer.appspot.com/Easy_Intuitive_Workflow_SGI_SCREEN.mp4?1" id="wVid-mobile" width="100%" height="100%" onended="gwdEnded('wB')" class="gwd-feature-video-modal"></video> </div> <div id="feat-vid-t" data-glue-modal="feat-vid-tVid" data-glue-modal-close-label="Close Dialog" class="h-c-modal"> <video src="https://storage.googleapis.com/bracket-web-designer.appspot.com/GWD-TempGlly-Video.mp4?1" id="tVid-mobile" width="100%" height="100%" onended="gwdEnded('tB')" class="gwd-feature-video-modal"></video> </div> </section> </main> <footer class="h-c-footer h-c-footer--topmargin h-c-footer--standard h-has-social gwd-footer"> <section class="h-c-footer__upper"> <section class="h-c-social"> <div class="h-c-social__group"> <p class="h-c-social__title h-c-social__title--inline">Follow Us</p> <ul class="h-c-social__list h-no-bullet"> <li class="h-c-social__item"> <a class="h-c-social__link" href="https://twitter.com/googlewdesigner" target="_blank" aria-label="Follow Us on Twitter"> <svg role="img" class="h-c-icon h-c-icon--24px h-c-icon--social h-c-icon--no-padding"> <use xlink:href="#social-twitter"></use> </svg> </a> </li> <li class="h-c-social__item"> <a class="h-c-social__link" href="https://www.youtube.com/user/GoogleWebDesigner" target="_blank" aria-label="Follow Us on Youtube"> <svg role="img" class="h-c-icon h-c-icon--24px h-c-icon--social h-c-icon--no-padding"> <use xlink:href="#social-youtube"></use> </svg> </a> </li> </ul> </div> </section> </section> <nav class="h-c-footer__site-links"> <div data-glue-responsive-accordion-static data-ng-cloak data-glue-responsive-accordion-static-breakpoints="'x-small'"> <div class="h-c-footer__site-links-grid"> <div class="h-c-footer__site-links-column glue-a-zippy--v-smooth-expand" id="footer_col_1"> <h4 class="h-c-footer__site-links-header gwd-footer_col"> Google Web Designer Resources <svg role="img" class="h-c-icon h-c-icon--32px h-c-icon--footer h-c-footer__expand"> <use xlink:href="#mi-expand"></use> </svg> </h4> <div> <ul class="h-c-footer__site-links-list h-no-bullet"> <li class="h-c-footer__site-links-list-item"> <a class="h-c-footer__link" href="https://support.google.com/webdesigner/#topic=3249465" target="_blank">Help Center</a> </li> <li class="h-c-footer__site-links-list-item"> <a class="h-c-footer__link" href="https://support.google.com/webdesigner/community" target="_blank">Community Forum</a> </li> <li class="h-c-footer__site-links-list-item"> <a class="h-c-footer__link" href="https://www.youtube.com/user/GoogleWebDesigner" target="_blank">Youtube Channel</a> </li> </ul> </div> </div> <div class="h-c-footer__site-links-column glue-a-zippy--v-smooth-expand" id="footer_col_2"> <h4 class="h-c-footer__site-links-header"> Integrations <svg role="img" class="h-c-icon h-c-icon--32px h-c-icon--footer h-c-footer__expand"> <use xlink:href="#mi-expand"></use> </svg> </h4> <div> <ul class="h-c-footer__site-links-list h-no-bullet"> <li class="h-c-footer__site-links-list-item"> <a class="h-c-footer__link" href="https://marketingplatform.google.com/about/display-video-360/" target="_blank">Display & Video 360</a> </li> <li class="h-c-footer__site-links-list-item"> <a class="h-c-footer__link" href="https://www.google.com/ads/#utm_medium=et&utm_campaign=en&utm_source=ww-ww-et-b2bfooter_compact&subid=ww-ww-et-b2bfooter_compact" target="_blank">Google Ads</a> </li> <li class="h-c-footer__site-links-list-item"> <a class="h-c-footer__link" href="https://marketingplatform.google.com/about/campaign-manager-360/" target="_blank">Campaign Manager 360</a> </li> <li class="h-c-footer__site-links-list-item"> <a class="h-c-footer__link" href="https://www.google.com/drive/" target="_blank">Google Drive</a> </li> </ul> </div> </div> </div> </div> </nav> <section class="h-c-footer__global"> <div class="h-c-footer__logo"> <a href="https://www.google.com" target="_blank" aria-label="Google"> <svg role="img" class="h-c-footer__logo-img"> <use xlink:href="#google-logo"></use> </svg> </a> </div> <ul class="h-c-footer__global-links h-no-bullet"> <li class="h-c-footer__global-links-list-item"> <a class="h-c-footer__link" target="_blank" href="https://policies.google.com/privacy?hl=">Privacy</a> </li> <li class="h-c-footer__global-links-list-item"> <a class="h-c-footer__link" target="_blank" href="https://policies.google.com/terms?hl=">Terms</a> </li> <li class="h-c-footer__global-links-list-item"> <a class="h-c-footer__link" target="_blank" href="https://www.google.com/about/?hl=">About Google</a> </li> <li class="h-c-footer__global-links-list-item"> <a class="h-c-footer__link" target="_blank" href="https://www.google.com/about/products?hl=">Google Products</a> </li> </ul> <ul class="h-c-footer__global-links h-c-footer__global-links--extra h-no-bullet"> <li class="h-c-footer__global-links-list-item h-c-footer__global-links-list-item--extra"> <a class="h-c-footer__link" target="_blank" href="https://support.google.com/webdesigner/"> <svg role="img" class="h-c-icon h-c-icon--24px h-c-icon--footer"> <use xlink:href="#mi-help"> </svg> Help </a> </li> <li class="h-c-footer__global-links-list-item h-c-footer__global-links-list-item--extra"> <label for="lang-selector" class="h-u-visually-hidden">Change language or region</label> <select name="lang-selector" id="lang-selector" onchange="location = this.value;" class="h-c-form__dropdown h-c-footer__lang-dropdown"> <option value="/intl/de_de">Deutsch</option> <option value="/intl/en-GB_ALL">English (United Kingdom)</option> <option value="/intl/es_es">español</option> <option value="/intl/fr_fr">français</option> <option value="/intl/it_it">italiano</option> <option value="/intl/nl_nl">Nederlands</option> <option value="/intl/pl_pl">polski</option> <option value="/intl/pt-BR_ALL">português (Brasil)</option> <option value="/intl/tr_tr">Türkçe</option> <option value="/intl/ru_ru">Pусский</option> <option value="/intl/th_th">ไทย</option> <option value="/intl/zh-CN_ALL">中文（简体）</option> <option value="/intl/zh-TW_ALL">中文（繁體）</option> <option value="/intl/ja_jp">日本語</option> <option value="/intl/ko_ALL">한국어</option> <option selected value="/intl/en_us">English</option> </select> </li> </ul> </section> </footer> <div class="b-demo-u-d-n"> <svg class="svg-assets" xmlns="http://www.w3.org/2000/svg">  <symbol id="mi-arrow-forward" viewBox="0 0 18 18"> <path d="M9,1.5C4.8,1.5,1.5,4.8,1.5,9s3.3,7.5,7.5,7.5s7.5-3.3,7.5-7.5S13.2,1.5,9,1.5z M9,14.5l-1-1 l3.8-3.8H3.5V8.3h8.4L8.1,4.5L9,3.5L14.5,9L9,14.5z"></path> </symbol> <symbol id="mi-help" viewBox="0 0 48 48"> <path d="M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm2 34h-4v-4h4v4zm4.13-15.49l-1.79 1.84C26.9 25.79 26 27 26 30h-4v-1c0-2.21.9-4.21 2.34-5.66l2.49-2.52C27.55 20.1 28 19.1 28 18c0-2.21-1.79-4-4-4s-4 1.79-4 4h-4c0-4.42 3.58-8 8-8s8 3.58 8 8c0 1.76-.71 3.35-1.87 4.51z"></path> </symbol> <symbol id="mi-arrow-sort" viewBox="0 0 24 24"> <path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"></path> </symbol> <symbol id="mi-arrow-forward-no-bg" viewBox="0 0 32 32"> <polygon points="16,0 13.2,2.8 24.3,14 0,14 0,18 24.3,18 13.2,29.2 16,32 32,16"></polygon> </symbol> <symbol id="mi-arrow-circle" viewBox="0 0 16 16"> <path d="M0,8c0,4.4,3.6,8,8,8s8-3.6,8-8s-3.6-8-8-8S0,3.6,0,8z M4.2,6.1L8,9.9l3.8-3.8L13,7.3 l-5,5l-5-5L4.2,6.1z"></path> </symbol> <symbol id="mi-arrow-item" viewBox="0 0 16 10"> <polygon points="1.8,0 7.8,5.9 13.7,0 15.5,1.8 7.8,9.6 0,1.8"></polygon> </symbol> <symbol id="mi-keyboard-arrow-right" viewBox="0 0 24 24"> <path d="M9.546 6.5l5.443 5.532L9.5 17.5"></path> </symbol> <symbol id="mi-chevron" viewBox="0 0 12 8"> <path d="M10.6,8L6,3.4L1.4,8L0,6.6l6-6l6,6L10.6,8z"></path> </symbol> <symbol id="mi-youtube-icon" viewBox="0 0 86 60"> <path d="M83.37 9.387c-.967-3.677-3.87-6.58-7.547-7.597C69.193 0 42.58 0 42.58 0S15.97 0 9.29 1.79c-3.677.968-6.532 3.87-7.548 7.597C0 16.065 0 30 0 30s0 13.935 1.79 20.613c.968 3.677 3.87 6.58 7.55 7.597C15.967 60 42.58 60 42.58 60s26.614 0 33.29-1.79c3.678-.968 6.533-3.87 7.55-7.597C85.16 43.935 85.16 30 85.16 30s0-13.935-1.79-20.613zm-49.5 33.29V17.323L56.13 30 33.87 42.677z" fill-rule="nonzero"></path> </symbol> <symbol id="mi-youtube-icon-white"> <path d="M83.37 9.387c-.967-3.677-3.87-6.58-7.547-7.597C69.193 0 42.58 0 42.58 0S15.97 0 9.29 1.79c-3.677.968-6.532 3.87-7.548 7.597C0 16.065 0 30 0 30s0 13.935 1.79 20.613c.968 3.677 3.87 6.58 7.55 7.597C15.967 60 42.58 60 42.58 60s26.614 0 33.29-1.79c3.678-.968 6.533-3.87 7.55-7.597C85.16 43.935 85.16 30 85.16 30s0-13.935-1.79-20.613zm-49.5 33.29V17.323L56.13 30 33.87 42.677z" fill-rule="nonzero" fill="#FFF"></path> </symbol> <symbol id="mi-youtube-icon-red"> <g fill-rule="nonzero" fill="none"> <path d="M83.37 9.387c-.967-3.677-3.87-6.58-7.547-7.597C69.193 0 42.58 0 42.58 0S15.97 0 9.29 1.79c-3.677.968-6.532 3.87-7.548 7.597C0 16.065 0 30 0 30s0 13.935 1.79 20.613c.968 3.677 3.87 6.58 7.55 7.597C15.967 60 42.58 60 42.58 60s26.614 0 33.29-1.79c3.678-.968 6.533-3.87 7.55-7.597C85.16 43.935 85.16 30 85.16 30s0-13.935-1.79-20.613z" fill="#F00"></path> <path fill="#FFF" d="M33.87 42.677L56.13 30 33.87 17.323"></path> </g> </symbol> <symbol id="mi-youtube-icon-black"> <g fill-rule="nonzero" fill="none"> <path d="M83.37 9.387c-.967-3.677-3.87-6.58-7.547-7.597C69.193 0 42.58 0 42.58 0S15.97 0 9.29 1.79c-3.677.968-6.532 3.87-7.548 7.597C0 16.065 0 30 0 30s0 13.935 1.79 20.613c.968 3.677 3.87 6.58 7.55 7.597C15.967 60 42.58 60 42.58 60s26.614 0 33.29-1.79c3.678-.968 6.533-3.87 7.55-7.597C85.16 43.935 85.16 30 85.16 30s0-13.935-1.79-20.613z" fill="#282828"></path> <path fill="#FFF" d="M33.87 42.677L56.13 30 33.87 17.323"></path> </g> </symbol> <symbol id="mi-pdf-icon" viewBox="0 0 24 24"> <path d="M7 11.5h1v-1H7v1zM19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-9.5 8.5c0 .83-.67 1.5-1.5 1.5H7v2H5.5V9H8c.83 0 1.5.67 1.5 1.5v1zm10-1H17v1h1.5V13H17v2h-1.5V9h4v1.5zm-5 3c0 .83-.67 1.5-1.5 1.5h-2.5V9H13c.83 0 1.5.67 1.5 1.5v3zm-2.5 0h1v-3h-1v3z"></path> </symbol> <symbol id="mi-arrow-dropdown" viewBox="0 0 24 24"> <path d="M7 10l5 5 5-5z"></path> </symbol> <symbol id="mi-search" viewBox="0 0 24 22"> <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path> </symbol> <symbol id="mi-expand" viewBox="0 0 24 24"> <path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"></path> </symbol> <symbol id="mi-mail" viewBox="0 0 24 24"> <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V8l8 5 8-5v10zm-8-7L4 6h16l-8 5z"></path> </symbol> <symbol id="mi-close" viewBox="0 0 24 24"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path> </symbol>  <symbol id="social-blogger" viewBox="2 2 20 20"> <path d="M20,2 L4,2 C2.895,2 2.01,2.895 2.01,4 L2,20 C2,21.105 2.895,22 4,22 L20,22 C21.105,22 22,21.105 22,20 L22,4 C22,2.895 21.105,2 20,2 L20,2 Z M16,9 L16,10 C16,10.555 16.445,11 17,11 C17.555,11 18,11.445 18,12 L18,15 C18,16.655 16.655,18 15,18 L9,18 C7.345,18 6,16.655 6,15 L6,8 C6,6.345 7.345,5 9,5 L13,5 C14.655,5 16,6.345 16,8 L16,9 L16,9 Z M9.95,10 L12.55,10 C13.105,10 13.55,9.555 13.55,9 C13.55,8.445 13.105,8 12.55,8 L9.95,8 C9.395,8 8.95,8.445 8.95,9 C8.95,9.555 9.4,10 9.95,10 L9.95,10 Z M14,13 L9.95,13 C9.395,13 8.95,13.445 8.95,14 C8.95,14.555 9.395,15 9.95,15 L14,15 C14.555,15 15,14.555 15,14 C15,13.445 14.555,13 14,13 L14,13 Z"></path> </symbol> <symbol id="social-facebook" viewBox="0 0 20 21"> <path d="M18.9,0H1.1C0.5,0,0,0.5,0,1.1v17.8C0,19.5,0.5,20,1.1,20h9.6v-7.7H8.1v-3h2.6V7c0-2.6,1.6-4,3.9-4c1.1,0,2.1,0.1,2.3,0.1 v2.7l-1.6,0c-1.3,0-1.5,0.6-1.5,1.5v1.9h3l-0.4,3h-2.6V20h5.1c0.6,0,1.1-0.5,1.1-1.1V1.1C20,0.5,19.5,0,18.9,0z"> </path> </symbol> <symbol id="social-gplus" viewBox="0 0 24 24"> <path d="M8.5,10.745 L8.5,13.43 L12.3,13.43 C12,15.065 10.58,16.25 8.5,16.25 C6.195,16.25 4.33,14.305 4.33,12 C4.33,9.695 6.195,7.75 8.5,7.75 C9.535,7.75 10.465,8.105 11.2,8.805 L11.2,8.81 L13.185,6.825 C11.97,5.695 10.39,5 8.5,5 C4.635,5 1.5,8.135 1.5,12 C1.5,15.865 4.635,19 8.5,19 C12.545,19 15.22,16.16 15.22,12.16 C15.22,11.67 15.175,11.195 15.1,10.745 L8.5,10.745 L8.5,10.745 Z"></path> <polygon points="22.5 11 20.5 11 20.5 9 19 9 19 11 17 11 17 12.5 19 12.5 19 14.5 20.5 14.5 20.5 12.5 22.5 12.5"></polygon> </symbol> <symbol id="social-instagram" viewBox="2 2 20 20"> <path d="M12,3.80440476 C14.6692857,3.80440476 14.9854365,3.81456349 16.0395635,3.86265873 C17.014246,3.90714286 17.5435714,4.07 17.895873,4.20686508 C18.3624603,4.38821429 18.6955159,4.60488095 19.0453175,4.95468254 C19.395119,5.30448413 19.6117857,5.63753968 19.7930952,6.10412698 C19.93,6.45642857 20.0928571,6.98575397 20.1373413,7.96039683 C20.1854365,9.01456349 20.1955952,9.33071429 20.1955952,12 C20.1955952,14.6692857 20.1854365,14.9854365 20.1373413,16.0395635 C20.0928571,17.014246 19.93,17.5435714 19.7930952,17.895873 C19.6117857,18.3624603 19.395119,18.6955159 19.0453175,19.0453175 C18.6955159,19.395119 18.3624603,19.6117857 17.895873,19.7930952 C17.5435714,19.93 17.014246,20.0928571 16.0395635,20.1373413 C14.9855952,20.1854365 14.6694444,20.1955952 12,20.1955952 C9.33055556,20.1955952 9.01440476,20.1854365 7.96043651,20.1373413 C6.98575397,20.0928571 6.45642857,19.93 6.10416667,19.7930952 C5.63753968,19.6117857 5.30448413,19.395119 4.95468254,19.0453175 C4.60488095,18.6955159 4.38821429,18.3624603 4.20690476,17.895873 C4.07,17.5435714 3.90714286,17.014246 3.86265873,16.0396032 C3.81456349,14.9854365 3.80440476,14.6692857 3.80440476,12 C3.80440476,9.33071429 3.81456349,9.01456349 3.86265873,7.96043651 C3.90714286,6.98575397 4.07,6.45642857 4.20690476,6.10412698 C4.38821429,5.63753968 4.60488095,5.30448413 4.95468254,4.95468254 C5.30448413,4.60488095 5.63753968,4.38821429 6.10416667,4.20686508 C6.45642857,4.07 6.98575397,3.90714286 7.96039683,3.86265873 C9.01456349,3.81456349 9.33071429,3.80440476 12,3.80440476 M12,2.00313492 C9.285,2.00313492 8.94460317,2.01464286 7.87833333,2.06329365 C6.81424603,2.11186508 6.08757937,2.28083333 5.45166667,2.52797619 C4.79428571,2.78345238 4.23678571,3.12527778 3.68103175,3.68103175 C3.12527778,4.23678571 2.78345238,4.79428571 2.52797619,5.45166667 C2.28083333,6.08757937 2.11186508,6.81424603 2.06329365,7.87833333 C2.01464286,8.94456349 2.0031746,9.285 2.0031746,12 C2.0031746,14.715 2.01464286,15.0554365 2.06329365,16.1216667 C2.11186508,17.185754 2.28083333,17.9124206 2.52797619,18.5483333 C2.78345238,19.2056746 3.12527778,19.7632143 3.68103175,20.3189683 C4.23678571,20.8747222 4.79428571,21.2165476 5.45166667,21.4720238 C6.08757937,21.7191667 6.81424603,21.8881349 7.87833333,21.9367063 C8.94460317,21.9853571 9.285,21.9968254 12,21.9968254 C14.715,21.9968254 15.0554365,21.9853571 16.1216667,21.9367063 C17.185754,21.8881349 17.9124206,21.7191667 18.5483333,21.4720238 C19.2057143,21.2165476 19.7632143,20.8747222 20.3189683,20.3189683 C20.8747222,19.7632143 21.2165476,19.2057143 21.4720238,18.5483333 C21.7191667,17.9124206 21.8881349,17.185754 21.9367063,16.1216667 C21.9853571,15.0554365 21.9968651,14.715 21.9968651,12 C21.9968651,9.285 21.9853571,8.94456349 21.9367063,7.87833333 C21.8881349,6.81424603 21.7191667,6.08757937 21.4720238,5.45166667 C21.2165476,4.79428571 20.8747222,4.23678571 20.3189683,3.68103175 C19.7632143,3.12527778 19.2057143,2.78345238 18.5483333,2.52797619 C17.9124206,2.28083333 17.185754,2.11186508 16.1216667,2.06329365 C15.0554365,2.01464286 14.715,2.00313492 12,2.00313492"></path> <path d="M12,6.86646825 C9.16484127,6.86646825 6.86646825,9.16484127 6.86646825,12 C6.86646825,14.8351587 9.16484127,17.1335317 12,17.1335317 C14.8351587,17.1335317 17.1335317,14.8351587 17.1335317,12 C17.1335317,9.16484127 14.8351587,6.86646825 12,6.86646825 Z M12,15.3323016 C10.1596429,15.3323016 8.66769841,13.8403571 8.66769841,12 C8.66769841,10.1596429 10.1596429,8.66769841 12,8.66769841 C13.8403571,8.66769841 15.3323016,10.1596429 15.3323016,12 C15.3323016,13.8403571 13.8403571,15.3323016 12,15.3323016 L12,15.3323016 Z"></path> <path d="M18.5359524,6.66365079 C18.5359524,7.32619048 17.9988889,7.86329365 17.3363492,7.86329365 C16.6738095,7.86329365 16.1367063,7.32619048 16.1367063,6.66365079 C16.1367063,6.00111111 16.6738095,5.46404762 17.3363492,5.46404762 C17.9988889,5.46404762 18.5359524,6.00111111 18.5359524,6.66365079"></path> </symbol> <symbol id="social-link" viewBox="2 7 20 11"> <path d="M3.9,12 C3.9,10.29 5.29,8.9 7,8.9 L11,8.9 L11,7 L7,7 C4.24,7 2,9.24 2,12 C2,14.76 4.24,17 7,17 L11,17 L11,15.1 L7,15.1 C5.29,15.1 3.9,13.71 3.9,12 L3.9,12 Z M8,13 L16,13 L16,11 L8,11 L8,13 L8,13 Z M17,7 L13,7 L13,8.9 L17,8.9 C18.71,8.9 20.1,10.29 20.1,12 C20.1,13.71 18.71,15.1 17,15.1 L13,15.1 L13,17 L17,17 C19.76,17 22,14.76 22,12 C22,9.24 19.76,7 17,7 L17,7 Z"> </path> </symbol> <symbol id="social-linkedin" viewBox="0 0 20 20"> <path d="M17.3247508,17.0422222 L14.3116279,17.0422222 L14.3116279,12.4011111 C14.3116279,11.2944444 14.2901661,9.87055556 12.7443522,9.87055556 C11.1748173,9.87055556 10.9353488,11.0755556 10.9353488,12.3211111 L10.9353488,17.0422222 L7.92335548,17.0422222 L7.92335548,7.49833333 L10.8139203,7.49833333 L10.8139203,8.80222222 L10.8557143,8.80222222 C11.2578405,8.05166667 12.2422591,7.26055556 13.7090033,7.26055556 C16.7605316,7.26055556 17.3247508,9.23666667 17.3247508,11.8072222 L17.3247508,17.0422222 L17.3247508,17.0422222 Z M4.52335548,6.19277778 C3.55418605,6.19277778 2.77365449,5.42222222 2.77365449,4.47277778 C2.77365449,3.52444444 3.55418605,2.75333333 4.52335548,2.75333333 C5.48800664,2.75333333 6.27136213,3.52444444 6.27136213,4.47277778 C6.27136213,5.42222222 5.48800664,6.19277778 4.52335548,6.19277778 L4.52335548,6.19277778 Z M3.01312292,7.49833333 L6.03189369,7.49833333 L6.03189369,17.0422222 L3.01312292,17.0422222 L3.01312292,7.49833333 Z M18.5183745,0 L1.47495903,0 C0.661092747,0 0,0.645555556 0,1.44111111 L0,18.5566667 C0,19.3533333 0.661092747,20 1.47495903,20 L18.5183745,20 C19.3339074,20 20,19.3533333 20,18.5566667 L20,1.44111111 C20,0.645555556 19.3339074,0 18.5183745,0 L18.5183745,0 Z"></path> </symbol> <symbol id="social-mail" viewBox="2 4 20 16"> <path d="M20,4 L4,4 C2.9,4 2.01,4.9 2.01,6 L2,18 C2,19.1 2.9,20 4,20 L20,20 C21.1,20 22,19.1 22,18 L22,6 C22,4.9 21.1,4 20,4 Z M20,18 L4,18 L4,8 L12,13 L20,8 L20,18 Z M12,11 L4,6 L20,6 L12,11 Z"></path> </symbol> <symbol id="social-twitter" viewBox="2 4 20 17"> <path d="M21.9998024,5.94850271 C21.2639378,6.27899473 20.4732072,6.50243431 19.6431192,6.60281913 C20.4903254,6.08859695 21.1409646,5.27418342 21.4472639,4.3038956 C20.6544849,4.7801123 19.7764073,5.12586577 18.8417079,5.31226298 C18.0932607,4.50466524 17.0268825,4 15.8467486,4 C13.5805579,4 11.7434203,5.86056413 11.7434203,8.15526483 C11.7434203,8.48101542 11.7797051,8.7980981 11.8496412,9.10221596 C8.43952817,8.92893175 5.41611168,7.27461954 3.39235612,4.76062801 C3.03916454,5.37434599 2.83681824,6.08815245 2.83681824,6.84966948 C2.83681824,8.29128441 3.5611975,9.5631712 4.66217788,10.3083896 C3.98959225,10.2868309 3.35687602,10.099841 2.8036791,9.78861106 C2.80338648,9.80594689 2.80331333,9.8233568 2.80331333,9.8408408 C2.80331333,11.8541677 4.21768905,13.5336687 6.09476916,13.9154273 C5.75042931,14.0103299 5.38794707,14.0610779 5.01376005,14.0610779 C4.74930529,14.0610779 4.49231233,14.0350742 4.241757,13.9865487 C4.76393626,15.637453 6.27926567,16.8388111 8.07477813,16.8724456 C6.67042461,17.9869023 4.9012479,18.6511461 2.97881179,18.6511461 C2.64763982,18.6511461 2.32100345,18.6315136 2,18.5931378 C3.81592266,19.7721223 5.97267373,20.4599991 8.28985336,20.4599991 C15.8371653,20.4599991 19.9642689,14.1282728 19.9642689,8.63711197 C19.9642689,8.45693788 19.9602454,8.2777269 19.9524178,8.0995531 C20.7540486,7.51369099 21.449678,6.78180786 21.9998024,5.94850271"></path> </symbol> <symbol id="social-youtube" viewBox="0 4 24 18"> <path d="M23.74,7.6062 C23.74,7.6062 23.51,5.9562 22.79,5.2362 C21.88,4.2762 20.86,4.2762 20.39,4.2162 C17.04,3.9712 12,4.0012 12,4.0012 C12,4.0012 6.98,3.9712 3.63,4.2112 C3.17,4.2712 2.15,4.2712 1.24,5.2312 C0.52,5.9512 0.28,7.6012 0.28,7.6012 C0.28,7.6012 0.04,9.5462 0,11.4812 L0,13.5062 C0.04,15.4462 0.28,17.3812 0.28,17.3812 C0.28,17.3812 0.52,19.0312 1.24,19.7612 C2.15,20.7112 3.34,20.6812 3.88,20.7812 C5.76,20.9612 11.79,21.0012 12,21.0012 C12,21.0012 17.05,21.0112 20.4,20.7712 C20.86,20.7112 21.88,20.7112 22.79,19.7512 C23.51,19.0312 23.75,17.3812 23.75,17.3812 C23.75,17.3812 23.99,15.4412 24,13.5062 L24,11.4812 C23.98,9.5462 23.74,7.6062 23.74,7.6062 L23.74,7.6062 Z M9.57,16.0012 L9.57,8.9912 L16,12.6312 L9.57,16.0012 L9.57,16.0012 Z"></path> </symbol> <symbol id="google-logo" viewBox="0 0 396 130"> <path d="M51.0745265,101.038701 C23.3283097,101.038701 9.65724009e-07,78.4212338 9.65724009e-07,50.645974 C-0.00548030982,22.8707143 23.3228284,0.253246753 51.0745265,0.253246753 C66.4220981,0.253246753 77.3517615,6.27798701 85.5736748,14.1408766 L75.8718171,23.8528896 C69.9794459,18.3219805 61.9987087,14.0201623 51.0690452,14.0201623 C30.8102508,14.0201623 14.9693645,30.365974 14.9693645,50.645974 C14.9693645,70.925974 30.8102508,87.2717857 51.0690452,87.2717857 C64.2076627,87.2717857 71.6950851,81.9877922 76.48572,77.1921429 C80.4157945,73.2579545 82.991994,67.6063312 83.9731424,59.8641558 L51.0745265,59.8641558 L51.0745265,46.1027273 L97.3638985,46.1027273 C97.8572133,48.5609091 98.0983894,51.5129221 98.0983894,54.7063636 C98.0983894,65.0329221 95.2755325,77.8121753 86.1875777,86.9096429 C77.3462802,96.1223377 66.0548526,101.038701 51.0745265,101.038701 L51.0745265,101.038701 Z"></path> <path d="M167.573556,68.369026 C167.573556,87.0523052 152.965957,100.813734 135.036704,100.813734 C117.112933,100.813734 102.499853,87.0468182 102.499853,68.369026 C102.499853,49.5650325 117.112933,35.9188312 135.036704,35.9188312 C152.965957,35.9188312 167.573556,49.5650325 167.573556,68.369026 L167.573556,68.369026 Z M153.333202,68.369026 C153.333202,56.6926623 144.85915,48.7035714 135.036704,48.7035714 C125.214259,48.7035714 116.740207,56.6926623 116.740207,68.369026 C116.740207,79.9191883 125.214259,88.0344805 135.036704,88.0344805 C144.85915,88.0344805 153.333202,79.9191883 153.333202,68.369026 L153.333202,68.369026 Z"></path> <path d="M238.282011,68.369026 C238.282011,87.0523052 223.674411,100.813734 205.745159,100.813734 C187.821388,100.813734 173.208307,87.0468182 173.208307,68.369026 C173.208307,49.5650325 187.821388,35.9188312 205.745159,35.9188312 C223.674411,35.9188312 238.282011,49.5650325 238.282011,68.369026 L238.282011,68.369026 Z M224.041657,68.369026 C224.041657,56.6926623 215.567605,48.7035714 205.745159,48.7035714 C195.922713,48.7035714 187.448661,56.6926623 187.448661,68.369026 C187.448661,79.9191883 195.922713,88.0344805 205.745159,88.0344805 C215.567605,88.0344805 224.041657,79.9191883 224.041657,68.369026 L224.041657,68.369026 Z"></path> <path d="M306.04702,37.943539 L306.04702,96.1442857 C306.04702,120.111558 291.927254,129.944286 275.231289,129.944286 C259.516472,129.944286 250.061272,119.376299 246.498443,110.772662 L258.897088,105.609383 C261.106042,110.893377 266.51058,117.159545 275.225808,117.159545 C285.908814,117.159545 292.535676,110.52026 292.535676,98.1086364 L292.535676,93.4391883 L292.047842,93.4391883 C288.85774,97.3733766 282.71323,100.813734 274.97915,100.813734 C258.771019,100.813734 243.916762,86.6791883 243.916762,68.4897403 C243.916762,50.1740909 258.771019,35.9188312 274.97915,35.9188312 C282.71323,35.9188312 288.852259,39.3591883 292.047842,43.1726623 L292.535676,43.1726623 L292.535676,37.943539 L306.04702,37.943539 L306.04702,37.943539 Z M293.522306,68.4897403 C293.522306,57.0602922 285.908814,48.7035714 276.212437,48.7035714 C266.389992,48.7035714 258.162597,57.0602922 258.162597,68.4897403 C258.162597,79.798474 266.389992,88.0344805 276.212437,88.0344805 C285.908814,88.0344805 293.522306,79.798474 293.522306,68.4897403 L293.522306,68.4897403 Z"></path> <path d="M329.961825,3.54545455 L329.961825,98.9207143 L315.721472,98.9207143 L315.721472,3.54545455 L329.961825,3.54545455 L329.961825,3.54545455 Z"></path> <path d="M383.755064,79.0577273 L394.805315,86.4322727 C391.242486,91.7162662 382.647846,100.813734 367.793589,100.813734 C349.376503,100.813734 336.002191,86.558474 336.002191,68.369026 C336.002191,49.0712013 349.497091,35.9188312 366.198538,35.9188312 C383.020573,35.9188312 391.247967,49.3181169 393.944755,56.566461 L395.419218,60.2537338 L352.078772,78.1962662 C355.394944,84.7093506 360.552824,88.0289935 367.793589,88.0289935 C375.039836,88.0289935 380.071647,84.4624351 383.755064,79.0577273 L383.755064,79.0577273 Z M349.743749,67.3813636 L378.717771,55.3373701 C377.12272,51.2824675 372.332085,48.4566558 366.686372,48.4566558 C359.445607,48.4511688 349.376503,54.843539 349.743749,67.3813636 L349.743749,67.3813636 Z"></path> </symbol> <symbol id="social-share-triangle" viewBox="0 0 24 24"> <path d="M18,16.08 C17.24,16.08 16.56,16.38 16.04,16.85 L8.91,12.7 C8.96,12.47 9,12.24 9,12 C9,11.76 8.96,11.53 8.91,11.3 L15.96,7.19 C16.5,7.69 17.21,8 18,8 C19.66,8 21,6.66 21,5 C21,3.34 19.66,2 18,2 C16.34,2 15,3.34 15,5 C15,5.24 15.04,5.47 15.09,5.7 L8.04,9.81 C7.5,9.31 6.79,9 6,9 C4.34,9 3,10.34 3,12 C3,13.66 4.34,15 6,15 C6.79,15 7.5,14.69 8.04,14.19 L15.16,18.35 C15.11,18.56 15.08,18.78 15.08,19 C15.08,20.61 16.39,21.92 18,21.92 C19.61,21.92 20.92,20.61 20.92,19 C20.92,17.39 19.61,16.08 18,16.08 L18,16.08 Z"></path> </symbol>  <symbol id="h-color-google-logo" viewBox="0 0 74 24"> <path fill="#4285F4" d="M9.24 8.19v2.46h5.88c-.18 1.38-.64 2.39-1.34 3.1-.86.86-2.2 1.8-4.54 1.8-3.62 0-6.45-2.92-6.45-6.54s2.83-6.54 6.45-6.54c1.95 0 3.38.77 4.43 1.76L15.4 2.5C13.94 1.08 11.98 0 9.24 0 4.28 0 .11 4.04.11 9s4.17 9 9.13 9c2.68 0 4.7-.88 6.28-2.52 1.62-1.62 2.13-3.91 2.13-5.75 0-.57-.04-1.1-.13-1.54H9.24z"></path> <path fill="#EA4335" d="M25 6.19c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81zm0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52z"></path> <path fill="#4285F4" d="M53.58 7.49h-.09c-.57-.68-1.67-1.3-3.06-1.3C47.53 6.19 45 8.72 45 12c0 3.26 2.53 5.81 5.43 5.81 1.39 0 2.49-.62 3.06-1.32h.09v.81c0 2.22-1.19 3.41-3.1 3.41-1.56 0-2.53-1.12-2.93-2.07l-2.22.92c.64 1.54 2.33 3.43 5.15 3.43 2.99 0 5.52-1.76 5.52-6.05V6.49h-2.42v1zm-2.93 8.03c-1.76 0-3.1-1.5-3.1-3.52 0-2.05 1.34-3.52 3.1-3.52 1.74 0 3.1 1.5 3.1 3.54.01 2.03-1.36 3.5-3.1 3.5z"></path> <path fill="#FBBC05" d="M38 6.19c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81zm0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52z"></path> <path fill="#34A853" d="M58 .24h2.51v17.57H58z"></path> <path fill="#EA4335" d="M68.26 15.52c-1.3 0-2.22-.59-2.82-1.76l7.77-3.21-.26-.66c-.48-1.3-1.96-3.7-4.97-3.7-2.99 0-5.48 2.35-5.48 5.81 0 3.26 2.46 5.81 5.76 5.81 2.66 0 4.2-1.63 4.84-2.57l-1.98-1.32c-.66.96-1.56 1.6-2.86 1.6zm-.18-7.15c1.03 0 1.91.53 2.2 1.28l-5.25 2.17c0-2.44 1.73-3.45 3.05-3.45z"></path> </symbol> <symbol id="h-white-google-logo" viewBox="0 0 74 24"> <path d="M9.24 8.19v2.46h5.88c-.18 1.38-.64 2.39-1.34 3.1-.86.86-2.2 1.8-4.54 1.8-3.62 0-6.45-2.92-6.45-6.54s2.83-6.54 6.45-6.54c1.95 0 3.38.77 4.43 1.76L15.4 2.5C13.94 1.08 11.98 0 9.24 0 4.28 0 .11 4.04.11 9s4.17 9 9.13 9c2.68 0 4.7-.88 6.28-2.52 1.62-1.62 2.13-3.91 2.13-5.75 0-.57-.04-1.1-.13-1.54H9.24zm15.76-2c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81zm0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52zm28.58-8.03h-.09c-.57-.68-1.67-1.3-3.06-1.3C47.53 6.19 45 8.72 45 12c0 3.26 2.53 5.81 5.43 5.81 1.39 0 2.49-.62 3.06-1.32h.09v.81c0 2.22-1.19 3.41-3.1 3.41-1.56 0-2.53-1.12-2.93-2.07l-2.22.92c.64 1.54 2.33 3.43 5.15 3.43 2.99 0 5.52-1.76 5.52-6.05V6.49h-2.42v1zm-2.93 8.03c-1.76 0-3.1-1.5-3.1-3.52 0-2.05 1.34-3.52 3.1-3.52 1.74 0 3.1 1.5 3.1 3.54.01 2.03-1.36 3.5-3.1 3.5zM38 6.19c-3.21 0-5.83 2.44-5.83 5.81 0 3.34 2.62 5.81 5.83 5.81s5.83-2.46 5.83-5.81c0-3.37-2.62-5.81-5.83-5.81zm0 9.33c-1.76 0-3.28-1.45-3.28-3.52 0-2.09 1.52-3.52 3.28-3.52s3.28 1.43 3.28 3.52c0 2.07-1.52 3.52-3.28 3.52zM58 .24h2.51v17.57H58zm10.26 15.28c-1.3 0-2.22-.59-2.82-1.76l7.77-3.21-.26-.66c-.48-1.3-1.96-3.7-4.97-3.7-2.99 0-5.48 2.35-5.48 5.81 0 3.26 2.46 5.81 5.76 5.81 2.66 0 4.2-1.63 4.84-2.57l-1.98-1.32c-.66.96-1.56 1.6-2.86 1.6zm-.18-7.15c1.03 0 1.91.53 2.2 1.28l-5.25 2.17c0-2.44 1.73-3.45 3.05-3.45z"></path> </symbol> <symbol id="h-burger" viewBox="0 0 24 24"> <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path> </symbol> <symbol id="arrow-external" viewBox="0 0 24 24"> <path class="st1" d="M9,5v2h6.6L4,18.6L5.4,20L17,8.4V15h2V5H9z"/> </symbol> </svg> </div> <script src="//ajax.googleapis.com/ajax/libs/hammerjs/2.0.8/hammer.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular-animate.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.6/angular-touch.min.js"></script> <script src="/static/js/index.min.js?cache=d27f7d3"></script> <script type="text/ng-template" id="/glue/modal/modal-template.html"> <div class="glue-c-modal__dialog" role="dialog" tabindex="-1"> <div class="glue-c-modal__overlay h-c-modal__overlay" data-glue-show="modalCtrl.getModalVisible()"> <div class="glue-c-modal__content" ng-transclude></div> <button class="glue-c-modal__close h-c-modal__close" aria-label="{[modalCtrl.closeLabel]}"> <svg role="img" class="h-c-icon h-c-icon--24px"> <use xlink:href="#mi-close"></use> </svg> </button> </div> </div> </script> <script src="/static/js/isotope.min.js"></script> <script src="/static/js/gwd-iso.js"></script> <script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2B" data-glue-cookie-notification-bar-language="en" data-glue-cookie-notification-bar-site-id="webdesigner.withgoogle.com"> </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-136923863-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-136923863-1'); </script> </body> </html>

CINXE.COM

Google Web Designer - Home