css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!doctype html>
<html style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">

<head style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
  <meta name="viewport" content="width=device-width, maximum-scale=1.0" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" />
  <style type="text/css" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
    @import url(https://fonts.googleapis.com/css?family=Lato:400,700|PT+Serif:400,700,400italic);
            body {
                -ms-text-size-adjust:100%;
            }
            .ExternalClass {
                width:100%;
            }
            #outlook a {
                padding:0;
            }
            * {
                margin:0;
                padding:0;
            }
            ul {
                margin-left:20px;
            }
            table {
                border-collapse:collapse;
                border-spacing:0;
                mso-table-lspace:0;
                mso-table-rspace:0;
            }
            img {
                -ms-interpolation-mode:bicubic;
                font-family:sans-serif;
                display:block;
            }
            td {
                vertical-align:top;
                font-family:'PT Serif', serif;
            }
            a, a:link, a:visited, a:active {
                text-decoration:none;
                color: #4b9ec4;
            }
            h2 a, h2 a:link, h2 a:visited, h2 a:active,
            .tcyk a, .tcyk a:link, .tcyk a:visited, .tcyk a:active {
                color:#333333 !important;
            }
            .more {
                color:rgb(75,158,196);
            }
            #header > td {
                padding-top: 14px;
                padding-bottom: 12px;
            }
            #header td {
                font-size:11px;
            }
            #header table {
                width: 100%;
            }
            #header .left {
                padding-top: 10px;
            }
            #header .right {
                text-align: right;
            }
            #header img {
                display: inline;
            }
            #header .button {
              width: 260px;
            }
            #masthead table {
                width: 100%;
            }
            #masthead > td {
                border-bottom: 1px solid rgb(200,200,200);
            }
            #masthead .left {
                padding: 55px 0 55px 135px;
            }
            #masthead .right {
                padding-top: 54px;
                text-align: right;
                font-size: 14px;
            }
            #top-features-desktop table {
                width: 100%;
            }
            #top-features-desktop > td {
                padding: 20px 0;
            }
            #top-features-desktop .text1 {
                padding: 0 20px;
            }
            #top-features-desktop .text2 {
                padding-left: 20px;
            }
            #top-features-mobile h2,
            #top-features-desktop h2 {
                padding-top: 0;
            }
            .hero td {
                padding-bottom: 36px;
                border-bottom: 1px solid rgb(200,200,200);
            }
            .hero p {
                font-size: 15px;
                line-height: 19px;
            }
            #halfpage-lockup > td {
                padding: 20px 0;
            }
            table.ltable {
                width: 300px !important;
            }
            table.rtable {
                width: 300px !important;
            }
            #halfpage-lockup p {
                font-size: 13px;
                line-height: 18px;
            }
            #halfpage-lockup .pad img {
                padding-top: 20px;
            }
            #mid-features > td {
                padding: 20px 0;
            }
            #mrec-lockup > td {
                padding: 20px 0;
                border-bottom: 1px solid rgb(200,200,200);
            }
            #events-title h1 {
                font-size: 24px;
                line-height: 60px;
                text-align: center;
            }
            #events-desktop table td {
                padding-right: 20px;
            }
            #events-desktop > td {
                border-bottom: 1px solid rgb(200,200,200);
            }
            #events-desktop table td.last {
                padding:0;
            }
            #events-desktop p {
                font-family: 'Lato', sans-serif;
                font-weight: 400;
                text-transform: uppercase;
                border-top: 1px solid rgb(200,200,200);
                padding: 8px 0;
            }
            #footer > td {
                border-top: 1px solid rgb(200,200,200);
                padding-top: 30px;
            }
            #footer table {
                width: 100%;
            }
            #footer .right,
            #footer .mid {
                text-align: right;
            }
            #footer .right img {
                display: inline;
                vertical-align: middle;
            }
            #footer-links > td {
                padding-top: 20px;
                padding-bottom: 30px;
                border-bottom: 1px solid rgb(200,200,200);
            }
            #footer-links a {
                color:rgb(75,158,196) !important;
            }
            #footer-links table td {
                font-size: 12px;
                -webkit-text-size-adjust: none;
            }
            #footer-links .right {
                text-align: right;
            }
            #credit td {
                font-family: 'Lato', sans-serif;
                font-weight: 400;
                font-size: 11px;
                line-height: 45px;
                text-transform: uppercase;
            }
            #credit table {
                width: 100%;
            }
            #credit .tcyk {
                text-align: right;
            }
            h1 {
                color:#333333;
                font-family: 'PT Serif', serif;
                font-size: 36px;
                font-weight: normal;
                line-height: 34px;
                padding: 15px 0;
                letter-spacing: -.01em !important;
            }
            h2 {
                font-family: 'PT Serif', serif;
                color:#333333;
                font-weight: bold
                font-size: 16px;
                line-height: 24px;
                padding: 12px 0 8px 0;
                letter-spacing: -.01em !important;
            }
            p,li {
                font-family: 'PT Serif', serif;
                color:#333333;
                font-size: 16px;
                line-height: 24px;
            }
            div.mobile {
                display: none;
                width: 0;
                height: 0;
                max-height: 0;
                overflow: hidden;
                line-height: 0;
            }
            .ad-billboard {
                text-align: center;
            }
            .ad-billboard img {
                display: inline;
            }
  </style>
  <style type="text/css" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
    body {
                -ms-text-size-adjust:100%;
            }
            .ExternalClass {
                width:100%;
            }
            #outlook a {
                padding:0;
            }
            * {
                margin:0;
                padding:0;
            }
            ul {
                margin-left:20px;
                padding:0;
     
            }
            ul li {
                margin: 5px 0 0 5px;
            }
            table {
                border-collapse:collapse;
                border-spacing:0;
                mso-table-lspace:0;
                mso-table-rspace:0;
            }
            img {
                -ms-interpolation-mode:bicubic;
                font-family:sans-serif;
                display:block;
            }
            td {
                vertical-align:top;
                font-family: 'Lato', sans-serif;            }
            a, a:link, a:visited, a:active {
                text-decoration:none;
            }
            h2 a, h2 a:link, h2 a:visited, h2 a:active,
            .outer1, .outer2 {
                width: 600px;
                margin: 0 auto;
            }
            #header {
                margin: auto;
                width: 600px;
                text-align: center;
            }
            #header .bg {
              background: #fff url('http://i1.createsend1.com/ei/r/93/F54/13B/165258/csimport/bsm2126-connoisseur-food-and-design-edm_assets_desktop-1240x500_0.gif') no-repeat top center;
              background-size: 100%;
              margin: auto;
              text-align: center;
              vertical-align: bottom;
              width: 620px;
            }
             .bg .no-mso {
              height: 250px;
            }
            
            #header img {
                display: inline;
            }
            #header .no-mso {
                text-align: center;
                padding: 0;
                vertical-align: bottom;
            }
            #body td {
                padding: 0px 0;
               
                font-size: 17px;
                line-height: 24px;
                font-family:arial, sans-serif;
            }
            #body .button {
                padding: 30px 0;
                text-align: center;
            }
            .button img {
                display: inline;
            }
            #body .touch {
                border-top: 1px solid rgb(199,200,202);
                padding-top: 25px;
                font-family: 'Lato', sans-serif;
            }
                #body .touch2 {
                border-top: 0px solid rgb(199,200,202);
                padding-top: 25px;
                font-family: 'Lato', sans-serif;
            }
            #body p {
              font-family: 'PT Serif', serif;
              margin-top: 12px;
            }
            #footer {
                
                margin: auto;
            }
            #footer .bg {
                background-color: rgb(233,232,228);
            }
            #footer .top td {
                padding: 30px 0;
            }
            #footer .border td {
                text-align: right;
                border-top: 1px solid rgb(199,200,202);
                padding-top: 27px;
            }
            #footer .border td img {
                display: inline;
            }
            #footer .badge {
                width: 48px;
            }
            #footer .bottom td {
                padding: 65px 0 20px 0;
                text-align: center;
                font-size: 12px;
                line-height: 18px;
                color: rgb(153,153,153);
            }
            #footer .unsub {
                padding: 20px 0;
                text-align: center;
                font-size: 12px;
                color: rgb(153,153,153);
            }
            .pad {
                height: 35px;
            }
            #body td.large {
                font-size: 22px;
                line-height: 30px;
                font-family: 'Lato', sans-serif;
            }
            div.mobile {
                display: none;
                width: 0;
                height: 0;
                max-height: 0;
                overflow: hidden;
                line-height: 0;
            }
            .button {
             
              background-color: #333333;
              color: #fff;
           
             
            }
            .button a {
              font-size: 16px;
              font-family: 'Lato', sans-serif;
              color: #ffffff;
              text-decoration: none;
              
              padding: 18px 24px;
            
              display: inline-block;
      
            }
            .mobile-img { display: none; }
  </style>
  <style style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
    @media screen and (max-width: 640px) {
                #header, .outer1, .outer2 {
                    width: 320px !important;
                }
                #body .button {
                    padding-top: 20px !important;
                }
                #header img,
                .button img {
                    width: 250px !important;
                    height: auto !important;
                }
                .bg .no-mso {
                  height: 300px !important;
                }
                #body td {
                    padding:0px 10px !important;
                }
                #footer {
                    width: 308px !important;
                }
                #footer .scout {
                    width: 0 !important;
                }
                #footer .scout img {
                    display: none !important;
                }
                #footer .top .scout-logo {
                    padding-left: 10px !important;
                }
                #footer .bottom td {
                    padding: 0 10px !important;
                }
                #footer .border td {
                    padding-bottom: 20px !important;
                    padding-right: 10px !important;
                }
                #footer .ltable, #footer .rtable {
                    margin: 0 auto 0 0;
                    text-align: left;
                }
                #header .bg {
                    background-image: url('http://i2.createsend1.com/ei/r/93/F54/13B/165258/csimport/bsm2126-connoisseur-food-and-design-edm_assets_mobile-640x600_a_1.gif') !important;
                    background-size: 100%;
                    background-repeat: no-repeat;
                    width: 320px !important;
                }
                #header .mobile-img {
                    display: block !important;
                    width: 320px !important;
                    height: 222px !important;
                }
                .pad {
                    height: 0 !important;
                }
                .bs-logo {
                    text-align: left !important;
                    padding-left: 10px;
                }
                .bs-logo img {
                    width: 120px !important;
                    height: auto !important;
                }
                div.mobile {
                    display: block !important;
                    width: auto !important;
                    height: auto !important;
                    max-height: none !important;
                    overflow: visible !important;
                    line-height: inherit !important;
                }
                .desktop {
                    display: none !important;
                }
                .tcyk {
                  display: none;
                }
            }
@media only screen and (max-width: 600px) {
  *[class="gmail-fix"] {
    display: none !important;
  }
}
  </style>
  <meta name="robots" content="noindex,nofollow"></meta>
  <meta property="og:title" content="Broadsheet&#8217;s Food and Design Market is This Weekend and You&#8217;re Coming"></meta>
</head>

<body style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;-ms-text-size-adjust:100%;">

  <table id="header" align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;width:600px;text-align:center;">
    <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
      <td class="bg" align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'Lato', sans-serif;font-size:11px;background-color:#fff;background-image:url('http://i1.createsend1.com/ei/r/93/F54/13B/165258/csimport/bsm2126-connoisseur-food-and-design-edm_assets_desktop-1240x500_0.gif');background-repeat:no-repeat;background-position:top 
center;background-attachment:scroll;background-size:100%;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;text-align:center;vertical-align:bottom;width:620px;">
        <table class="outer1" align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;width:100%;">
          <tr class="gmail-fix" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
            <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;font-size:11px;">
              <table cellpadding="0" cellspacing="0" border="0" align="center" width="600" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;width:100%;">
                <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                  <td cellpadding="0" cellspacing="0" border="0" height="1" ; style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;line-height:1px;min-width:600px;vertical-align:top;font-family:'Lato', sans-serif;font-size:11px;">
                    <img src="http://i3.createsend1.com/ei/r/93/F54/13B/165258/csimport/spacer_2.gif" width="600" height="1" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:block;max-height:1px;min-height:1px;min-width:600px;width:600px;-ms-interpolation-mode:bicubic;font-family:sans-serif;"
                    />
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
            <!--[if !mso]><!-->
            <td class="no-mso" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-family:'Lato', sans-serif;height:250px;font-size:11px;text-align:center;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:bottom;">
            </td>
            <!--<![endif]-->
            <!--[if gte mso 9]>
                    <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;font-size:11px;" >
                        <a href="http://broadsheetmedia.createsend1.com/t/r-l-yhhkuyjl-dhjrykuitk-r/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#4b9ec4;text-decoration:none;" >
                        <img width="620" height="252"
                            src="http://i1.createsend1.com/ei/r/93/F54/13B/165258/csimport/bsm2126-connoisseur-food-and-design-edm_assets_desktop-1240x500_0.gif" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;-ms-interpolation-mode:bicubic;font-family:sans-serif;display:inline;" />
                        </a>
                    </td>
                    <![endif]-->
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <table id="body" class="outer1" align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;width:600px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;">

    <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
      <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
        <multiline style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
          <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;">
            For the first time this weekend, Broadsheet is holding its own outdoor design market in Collingwood. Over Saturday and Sunday, we’re showcasing our favourite local products, from homewares to jewellery, from leathergoods to plants.
          </p>
          <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;">Needless to say, it’s not all about what you can take home. OddFellows – responsible for the officially-rated best ice-cream in New York – is flying in from the U.S. to serve its famous ice-cream sandwiches. Honouring this once-only NYC connection,
            four of Melbourne’s favourite New York-inspired restaurants are coming to Collingwood for some extremely rare pop-up appearances. With so many reasons to hit Collingwood this weekend, you and your friends can’t miss this.</p>
          <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;"><b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">35 Johnston Street, Collingwood</b>
            <br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"> (behind the Spiegeltent, enter near Keith Haring mural)</p>
          <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;"><b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Sat November 19 & Sun November 20
<br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
 
10am–5pm</b></p>
          <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
            <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
              <multiline style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;">See you there to pick up Christmas presents or treats for yourself. Or to enjoy an ice-cream sandwich in the sun.</p>
              </multiline>
            </td>
          </tr>
          <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
            <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
              <br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" />
              <table class="button" border="0" cellspacing="0" cellpadding="0" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;background-color:#333333;color:#fff;padding-top:30px;padding-bottom:30px;padding-right:0;padding-left:0;text-align:center;">
                <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                  <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
                    <table border="0" cellspacing="0" cellpadding="0" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;">
                      <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                        <td align="left" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;"><a href="http://broadsheetmedia.createsend1.com/t/r-l-yhhkuyjl-dhjrykuitk-y/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:6px;padding-bottom:6px;padding-right:24px;padding-left:24px;font-size:16px;font-family:'Lato', sans-serif;color:#ffffff;text-decoration:none;display:inline-block;">Add to Facebook Events</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
            <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
              <multiline style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;"><b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Designers</b></p>
                <ul style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:20px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Playful linen and homewares by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Arro Home</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Fun jewellery, patches and pins by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Kitiya Palaskas</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Indoor plants and pots by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Cool Cactus</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Dog collars, leads and beds by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Nice Digs</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Signed books by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Minna Gilligan</b> (plus selected clothes and accessories)</li>
                </ul>
                <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;">...and many more.</p>
                <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;"><b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Food</b></p>
                <ul style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:20px;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Ice-cream sandwiches by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">OddFellows x Connoisseur</b>, with <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Tuck Shop Take Away</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Sandwiches by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Bowery to Williamsburg</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Pizza by the slice by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Shawcross Pizza Joint</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Mac‘n’cheese or salmon ceviche by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Nieuw Amsterdam</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Bagels by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">5 & Dime</b></li>
                  <li style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:'PT Serif', serif;color:#333333;font-size:16px;line-height:24px;margin-top:5px;margin-bottom:0;margin-right:0;margin-left:5px;">Coffee by <b style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Royal Road Coffee</b></li>
                </ul>
              </multiline>
            </td>
          </tr>

          <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
            <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
              <multiline style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                  <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
                    <br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" />
                    <table class="button" border="0" cellspacing="0" cellpadding="0" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;background-color:#333333;color:#fff;padding-top:30px;padding-bottom:30px;padding-right:0;padding-left:0;text-align:center;">
                      <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                        <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
                          <table border="0" cellspacing="0" cellpadding="0" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;">
                            <tr class="black-button" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                              <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;"><a href="http://broadsheetmedia.createsend1.com/t/r-l-yhhkuyjl-dhjrykuitk-j/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:6px;padding-bottom:6px;padding-right:24px;padding-left:24px;font-size:16px;font-family:'Lato', sans-serif;color:#ffffff;text-decoration:none;display:inline-block;">Add to Facebook Events</a></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </multiline>
            </td>
          </tr>
          <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
            <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;vertical-align:top;padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;font-size:17px;line-height:24px;font-family:arial, sans-serif;">
              <multiline style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                <p style="margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#333333;font-size:16px;line-height:24px;font-family:'PT Serif', serif;margin-top:12px;">See you there.</p>
                <br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
              </multiline>
            </td>
          </tr>

  </table>
  <table id="footer" class="outer2" align="center" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;width:600px;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;">
    <tbody style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
      <tr class="desktop" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
        <td height="20" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;"></td>
      </tr>
      <tr class="mspace" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
        <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;"></td>
      </tr>
      <tr id="footer" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;">
        <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;border-top-width:1px;border-top-style:solid;border-top-color:rgb(200,200,200);padding-top:30px;">
          <table style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;width:100%;">
            <tbody style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
              <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;"><img class="logo" width="194" height="44" src="http://i9.createsend1.com/ei/r/93/F54/13B/165258/plumm%20trade%20up%20sydney%20_%20campaign%20monitor_files/footer-logo.cc7e926ace5c.png" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;-ms-interpolation-mode:bicubic;font-family:sans-serif;display:block;"></td>
                <td class="right" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;text-align:right;">
                  <img class="desktop" width="82" height="32" src="http://i10.createsend1.com/ei/r/93/F54/13B/165258/plumm%20trade%20up%20sydney%20_%20campaign%20monitor_files/follow.a1a6588ea6a4.png" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;-ms-interpolation-mode:bicubic;font-family:sans-serif;display:inline;vertical-align:middle;">                  &nbsp;
                  <a href="http://broadsheetmedia.createsend1.com/t/r-l-yhhkuyjl-dhjrykuitk-t/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#4b9ec4;text-decoration:none;">
                    <img src="http://i1.createsend1.com/ei/r/93/F54/13B/165258/plumm%20trade%20up%20sydney%20_%20campaign%20monitor_files/social-inst.3a02028837aa.png" width="32" height="32" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline;vertical-align:middle;-ms-interpolation-mode:bicubic;font-family:sans-serif;"></a>
                  <a href="http://broadsheetmedia.createsend1.com/t/r-l-yhhkuyjl-dhjrykuitk-i/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#4b9ec4;text-decoration:none;">
                    <img src="http://i2.createsend1.com/ei/r/93/F54/13B/165258/plumm%20trade%20up%20sydney%20_%20campaign%20monitor_files/social-twit.8e7ada7773fd.png" width="32" height="32" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline;vertical-align:middle;-ms-interpolation-mode:bicubic;font-family:sans-serif;"></a>
                  <a href="http://broadsheetmedia.createsend1.com/t/r-l-yhhkuyjl-dhjrykuitk-d/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;color:#4b9ec4;text-decoration:none;">
                    <img src="http://i3.createsend1.com/ei/r/93/F54/13B/165258/plumm%20trade%20up%20sydney%20_%20campaign%20monitor_files/social-face.d100f5cb9394.png" width="32" height="32" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;display:inline;vertical-align:middle;-ms-interpolation-mode:bicubic;font-family:sans-serif;"></a>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
      <tr id="footer-links" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
        <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;padding-top:20px;padding-bottom:30px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgb(200,200,200);">
          <table align="left" class="ltable" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;width:300px !important;">
            <tbody style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
              <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;font-size:12px;-webkit-text-size-adjust:none;">Having trouble viewing this email? <a href="#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:rgb(75,158,196) !important;">Click to
                        view online.</a></td>
              </tr>
            </tbody>
          </table>
          <table align="right" class="rtable" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;width:300px !important;">
            <tbody style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
              <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                <td class="right" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;font-size:12px;-webkit-text-size-adjust:none;text-align:right;">Not interested anymore?
                  <a href="#" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:rgb(75,158,196) !important;">Click to unsubscribe.</a></td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
      <tr id="credit" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
        <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;font-weight:400;font-size:11px;line-height:45px;text-transform:uppercase;">
          <table style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;border-collapse:collapse;border-spacing:0;mso-table-lspace:0;mso-table-rspace:0;width:100%;">
            <tbody style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
              <tr style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
                <td style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;font-weight:400;font-size:11px;line-height:45px;text-transform:uppercase;">©2016 Broadsheet Media</td>
                <td class="tcyk" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;font-family:'Lato', sans-serif;font-weight:400;font-size:11px;line-height:45px;text-transform:uppercase;text-align:right;">
                  <a href="http://broadsheetmedia.createsend1.com/t/r-l-yhhkuyjl-dhjrykuitk-h/" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-decoration:none;color:#333333 !important;">
                    <strong style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">Design</strong> The Company You Keep</a>
                </td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</body>

</html>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console