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 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width" />
  <style type="text/css">
    #outlook a {
      padding: 0;
    }

    body {
      width: 100% !important;
      min-width: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      margin: 0;
      padding: 0;
    }

    .ExternalClass {
      width: 100%;
    }

    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div {
      line-height: 100%;
    }

    #backgroundTable {
      margin: 0;
      padding: 0;
      width: 100% !important;
      line-height: 100% !important;
    }

    img {
      outline: none;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
      width: auto;
      max-width: 100%;
      float: left;
      clear: both;
      display: block;
    }

    center {
      width: 100%;
      min-width: 580px;
    }

    a img {
      border: none;
    }

    p {
      margin: 0 0 0 10px;
    }

    table {
      border-spacing: 0;
      border-collapse: collapse;
    }

    td {
      word-break: break-word;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
      border-collapse: collapse !important;
    }

    table,
    tr,
    td {
      padding: 0;
      vertical-align: top;
      text-align: left;
    }

    hr {
      color: #d9d9d9;
      background-color: #d9d9d9;
      height: 1px;
      border: none;
    }

    table.body {
      height: 100%;
      width: 100%;
    }

    table.container {
      width: 580px;
      margin: 0 auto;
      text-align: inherit;
    }

    table.row {
      padding: 0px;
      width: 100%;
      position: relative;
    }

    table.container table.row {
      display: block;
    }

    td.wrapper {
      padding: 10px 20px 0px 0px;
      position: relative;
    }

    table.columns,
    table.column {
      margin: 0 auto;
    }

    table.columns td,
    table.column td {
      padding: 0px 0px 10px;
    }

    table.columns td.sub-columns,
    table.column td.sub-columns,
    table.columns td.sub-column,
    table.column td.sub-column {
      padding-right: 10px;
    }

    td.sub-column,
    td.sub-columns {
      min-width: 0px;
    }

    table.row td.last,
    table.container td.last {
      padding-right: 0px;
    }

    table.one {
      width: 30px;
    }

    table.two {
      width: 80px;
    }

    table.three {
      width: 130px;
    }

    table.four {
      width: 180px;
    }

    table.five {
      width: 230px;
    }

    table.six {
      width: 280px;
    }

    table.seven {
      width: 330px;
    }

    table.eight {
      width: 380px;
    }

    table.nine {
      width: 430px;
    }

    table.ten {
      width: 480px;
    }

    table.eleven {
      width: 530px;
    }

    table.twelve {
      width: 580px;
    }

    table.one center {
      min-width: 30px;
    }

    table.two center {
      min-width: 80px;
    }

    table.three center {
      min-width: 130px;
    }

    table.four center {
      min-width: 180px;
    }

    table.five center {
      min-width: 230px;
    }

    table.six center {
      min-width: 280px;
    }

    table.seven center {
      min-width: 330px;
    }

    table.eight center {
      min-width: 380px;
    }

    table.nine center {
      min-width: 430px;
    }

    table.ten center {
      min-width: 480px;
    }

    table.eleven center {
      min-width: 530px;
    }

    table.twelve center {
      min-width: 580px;
    }

    table.one .panel center {
      min-width: 10px;
    }

    table.two .panel center {
      min-width: 60px;
    }

    table.three .panel center {
      min-width: 110px;
    }

    table.four .panel center {
      min-width: 160px;
    }

    table.five .panel center {
      min-width: 210px;
    }

    table.six .panel center {
      min-width: 260px;
    }

    table.seven .panel center {
      min-width: 310px;
    }

    table.eight .panel center {
      min-width: 360px;
    }

    table.nine .panel center {
      min-width: 410px;
    }

    table.ten .panel center {
      min-width: 460px;
    }

    table.eleven .panel center {
      min-width: 510px;
    }

    table.twelve .panel center {
      min-width: 560px;
    }

    .body .columns td.one,
    .body .column td.one {
      width: 8.333333%;
    }

    .body .columns td.two,
    .body .column td.two {
      width: 16.666666%;
    }

    .body .columns td.three,
    .body .column td.three {
      width: 25%;
    }

    .body .columns td.four,
    .body .column td.four {
      width: 33.333333%;
    }

    .body .columns td.five,
    .body .column td.five {
      width: 41.666666%;
    }

    .body .columns td.six,
    .body .column td.six {
      width: 50%;
    }

    .body .columns td.seven,
    .body .column td.seven {
      width: 58.333333%;
    }

    .body .columns td.eight,
    .body .column td.eight {
      width: 66.666666%;
    }

    .body .columns td.nine,
    .body .column td.nine {
      width: 75%;
    }

    .body .columns td.ten,
    .body .column td.ten {
      width: 83.333333%;
    }

    .body .columns td.eleven,
    .body .column td.eleven {
      width: 91.666666%;
    }

    .body .columns td.twelve,
    .body .column td.twelve {
      width: 100%;
    }

    td.offset-by-one {
      padding-left: 50px;
    }

    td.offset-by-two {
      padding-left: 100px;
    }

    td.offset-by-three {
      padding-left: 150px;
    }

    td.offset-by-four {
      padding-left: 200px;
    }

    td.offset-by-five {
      padding-left: 250px;
    }

    td.offset-by-six {
      padding-left: 300px;
    }

    td.offset-by-seven {
      padding-left: 350px;
    }

    td.offset-by-eight {
      padding-left: 400px;
    }

    td.offset-by-nine {
      padding-left: 450px;
    }

    td.offset-by-ten {
      padding-left: 500px;
    }

    td.offset-by-eleven {
      padding-left: 550px;
    }

    td.expander {
      visibility: hidden;
      width: 0px;
      padding: 0 !important;
    }

    table.columns .text-pad,
    table.column .text-pad {
      padding-left: 10px;
      padding-right: 10px;
    }

    table.columns .left-text-pad,
    table.columns .text-pad-left,
    table.column .left-text-pad,
    table.column .text-pad-left {
      padding-left: 10px;
    }

    table.columns .right-text-pad,
    table.columns .text-pad-right,
    table.column .right-text-pad,
    table.column .text-pad-right {
      padding-right: 10px;
    }

    .block-grid {
      width: 100%;
      max-width: 580px;
    }

    .block-grid td {
      display: inline-block;
      padding: 10px;
    }

    .two-up td {
      width: 270px;
    }

    .three-up td {
      width: 173px;
    }

    .four-up td {
      width: 125px;
    }

    .five-up td {
      width: 96px;
    }

    .six-up td {
      width: 76px;
    }

    .seven-up td {
      width: 62px;
    }

    .eight-up td {
      width: 52px;
    }

    table.center,
    td.center {
      text-align: center;
    }

    h1.center,
    h2.center,
    h3.center,
    h4.center,
    h5.center,
    h6.center {
      text-align: center;
    }

    span.center {
      display: block;
      width: 100%;
      text-align: center;
    }

    img.center {
      margin: 0 auto;
      float: none;
    }

    .show-for-small,
    .hide-for-desktop {
      display: none;
    }

    body,
    table.body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    td {
      color: #252625;
      font-family: "Helvetica", "Arial", sans-serif;
      font-weight: normal;
      padding: 0;
      margin: 0;
      text-align: left;
      line-height: 1.6;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      word-break: normal;
    }

    h1 {
      font-size: 40px;
    }

    h2 {
      font-size: 36px;
    }

    h3 {
      font-size: 32px;
    }

    h4 {
      font-size: 28px;
    }

    h5 {
      font-size: 24px;
    }

    h6 {
      font-size: 20px;
    }

    body,
    table.body,
    p,
    td {
      font-size: 12px;
      line-height: 21px;
    }

    p.lead,
    p.lede,
    p.leed {
      font-size: 18px;
      line-height: 21px;
    }

    p {
      margin-bottom: 20px;
    }

    small {
      font-size: 10px;
    }

    a:link,
    a,
    a:visited,
    a:active {
      color: #0093dd;
      text-decoration: none;
    }

    a:hover {
      color: #262d37;
      text-decoration: underline;
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      color: #252625;
    }

    h1 a:active,
    h2 a:active,
    h3 a:active,
    h4 a:active,
    h5 a:active,
    h6 a:active {
      color: #252625 !important;
    }

    h1 a:visited,
    h2 a:visited,
    h3 a:visited,
    h4 a:visited,
    h5 a:visited,
    h6 a:visited {
      color: #252625 !important;
    }

    .panel {
      background: #f2f2f2;
      border: 1px solid #d9d9d9;
      padding: 10px !important;
    }

    .sub-grid table {
      width: 100%;
    }

    .sub-grid td.sub-columns {
      padding-bottom: 0;
    }

    table.button,
    table.tiny-button,
    table.small-button,
    table.medium-button,
    table.large-button {
      width: 100%;
      overflow: hidden;
    }

    table.button td,
    table.tiny-button td,
    table.small-button td,
    table.medium-button td,
    table.large-button td {
      display: block;
      width: auto !important;
      text-align: center;
      background: #252625;
      border: 1px solid #2284a1;
      color: #ffffff;
      padding: 8px 0;
    }

    table.tiny-button td {
      padding: 5px 0 4px;
    }

    table.small-button td {
      padding: 8px 0 7px;
    }

    table.medium-button td {
      padding: 12px 0 10px;
    }

    table.large-button td {
      padding: 21px 0 18px;
    }

    table.button td a,
    table.tiny-button td a,
    table.small-button td a,
    table.medium-button td a,
    table.large-button td a {
      font-weight: bold;
      text-decoration: none;
      font-family: Helvetica, Arial, sans-serif;
      color: #ffffff;
      font-size: 16px;
    }

    table.tiny-button td a {
      font-size: 12px;
      font-weight: normal;
    }

    table.small-button td a {
      font-size: 16px;
    }

    table.medium-button td a {
      font-size: 20px;
    }

    table.large-button td a {
      font-size: 24px;
    }

    table.button:hover td,
    table.button:visited td,
    table.button:active td {
      background: #2795b6 !important;
    }

    table.button:hover td a,
    table.button:visited td a,
    table.button:active td a {
      color: #fff !important;
    }

    table.button:hover td,
    table.tiny-button:hover td,
    table.small-button:hover td,
    table.medium-button:hover td,
    table.large-button:hover td {
      background: #2795b6 !important;
    }

    table.button:hover td a,
    table.button:active td a,
    table.button td a:visited,
    table.tiny-button:hover td a,
    table.tiny-button:active td a,
    table.tiny-button td a:visited,
    table.small-button:hover td a,
    table.small-button:active td a,
    table.small-button td a:visited,
    table.medium-button:hover td a,
    table.medium-button:active td a,
    table.medium-button td a:visited,
    table.large-button:hover td a,
    table.large-button:active td a,
    table.large-button td a:visited {
      color: #ffffff !important;
    }

    table.secondary td {
      background: #e9e9e9;
      border-color: #d0d0d0;
      color: #555;
    }

    table.secondary td a {
      color: #555;
    }

    table.secondary:hover td {
      background: #d0d0d0 !important;
      color: #555;
    }

    table.secondary:hover td a,
    table.secondary td a:visited,
    table.secondary:active td a {
      color: #555 !important;
    }

    table.success td {
      background: #5da423;
      border-color: #457a1a;
    }

    table.success:hover td {
      background: #457a1a !important;
    }

    table.alert td {
      background: #c60f13;
      border-color: #970b0e;
    }

    table.alert:hover td {
      background: #970b0e !important;
    }

    table.radius td {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }

    table.round td {
      -webkit-border-radius: 500px;
      -moz-border-radius: 500px;
      border-radius: 500px;
    }

    body.outlook p {
      display: inline !important;
    }
  </style>
  <style type="text/css">
    body,
    .body {
      background: #fff;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    table.container {
      width: 85%;
      max-width: 500px;
      margin: 0 auto 0;
    }

    table.container table.content h1 {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 200;
      line-height: 1.2;
      color: #727272;
      font-size: 28px;
      margin: 40px 0 40px;
    }

    table.container table.content h1.main {
      text-transform: uppercase;
      text-align: center;
    }

    table.container table.content h2 {
      font-family: Helvetica, Arial, sans-serif;
      font-weight: 600;
      color: #333333;
      font-size: 17px;
    }

    table.container table.content h3 {
      font-family: Helvetica, Arial, sans-serif;
      font-weight: 400;
      color: #00aeef;
      font-size: 14px;
      text-transform: uppercase;
    }

    table.container table.content h3.subtitle {
      font-family: Helvetica, Arial, sans-serif;
      color: #999999;
      font-size: 17px;
      text-align: center;
      margin-bottom: 20px;
      text-transform: none;
    }

    table.container table.content p,
    table.container table.content td {
      font-family: Helvetica, Arial, sans-serif;
      color: #666666;
      font-size: 17px;
      line-height: 1.7;
    }

    a:link,
    a,
    a:visited,
    a:active {
      color: #00aeef;
      text-decoration: none;
    }

    // a:hover {
    //   text-decoration: underline;
    // }
    a.btn {
      background-color: #97a822;
      color: #fff;
      padding: 5px 10px;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 12px;
    }

    a.btn:hover {
      background-color: #747b4d;
    }

    table.header {
      width: 100%;
      text-align: center;
      margin-bottom: 32px;
    }

    table.header td.date {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 15px;
      color: #757575;
      padding: 10px 0 7px;
    }

    table.header td.logo img {
      float: none;
      max-width: none;
      display: inline;
    }

    td.logo img {
      width: 187px;
      float: none;
      max-width: none;
    }

    td.logo {
      border-bottom: 32px solid #eeeeec;
      height: 4px;
      display: block;
      margin: 0;
      padding: 0px 0px 10px;
    }

    .article {
      margin-bottom: 40px;
    }

    .article p {
      margin-bottom: 7px;
    }

    hr {
      border: 0;
      height: 5px;
      background: #f4f4f2;
      margin: 50px 0;
    }

    div.social a {
      display: block;
      background-color: #999999;
      color: #fff;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 600;
      font-size: 27px;
      text-align: center;
      padding: 17px 10px 12px 10px;
      margin: 60px 0;
    }

    div.social a span.subtitle {
      display: block;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 100;
      font-size: 16px;
      line-height: 16px;
      letter-spacing: 1px;
    }

    table.footer {
      background-color: #494949;
      width: 100%;
      color: #fff;
      margin-top: 70px;
      text-align: center;
    }

    table.footer img {
      display: inline-block;
      vertical-align: middle;
      float: none;
      margin: -3px 1px 0 3px;
      height: 15px;
      width: 15px;
    }

    table.footer table.container td {
      padding: 40px 0 10px;
    }

    table.footer p {
      text-align: center;
      color: #fff;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 1.7;
    }

    table.footer p.info {
      color: #a5a5a5;
      font-size: 14px;
    }

    table.footer a:link,
    table.footer a:active,
    table.footer a:visited {
      color: #d1d1d1;
    }

    table.footer a:hover {
      text-decoration: underline;
    }

    img.video {
      margin-bottom: 10px;
      max-width: 100%;
      height: auto;
    }
  </style>
  <meta name="robots" content="noindex,nofollow"></meta>
  <meta property="og:title" content="Shutdown Strikes Again"></meta>
</head>

<body style="background-color:#fff;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;width:100% !important;min-width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#252625;font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;font-size:12px;line-height:21px;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;">
  <table class="body" style="background-color:#fff;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;border-spacing:0;border-collapse:collapse;vertical-align:top;height:100%;width:100%;color:#252625;font-family:'Helvetica', 'Arial', sans-serif;font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;font-size:12px;line-height:21px;">
    <tr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
      <td class="top center" align="center" valign="top" style="word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important;vertical-align:top;color:#252625;font-family:'Helvetica', 'Arial', sans-serif;font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;font-size:12px;line-height:21px;text-align:center;">

        <table class="header" style="border-spacing:0;border-collapse:collapse;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;width:100%;text-align:center;margin-bottom:32px;">
          <tr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
            <td class="center date" align="center" style="word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important;vertical-align:top;font-weight:normal;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;line-height:21px;text-align:center;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:15px;color:#757575;padding-top:10px;padding-bottom:7px;padding-right:0;padding-left:0;">
              January 16, 2019
            </td>
          </tr>
          <tr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
            <td class="logo center" align="center" style="word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important;vertical-align:top;color:#252625;font-family:'Helvetica', 'Arial', sans-serif;font-weight:normal;font-size:12px;line-height:21px;text-align:center;border-bottom-width:32px;border-bottom-style:solid;border-bottom-color:#eeeeec;height:4px;display:block;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0px;padding-bottom:10px;padding-right:0px;padding-left:0px;">
              <img src="http://i6.createsend1.com/ti/d/D8/000/C5B/133418/assets/opb-logo.png" alt="OPB Logo" align="center" style="outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;clear:both;width:187px;float:none;max-width:none;display:inline;"
              />
            </td>
          </tr>
        </table>
        <table class="container" style="border-spacing:0;border-collapse:collapse;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:inherit;width:85%;max-width:500px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;">
          <tr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
            <td style="word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important;vertical-align:top;color:#252625;font-family:'Helvetica', 'Arial', sans-serif;font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;font-size:12px;line-height:21px;">

              <table class="content" style="border-spacing:0;border-collapse:collapse;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
                <tr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
                  <td style="word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important;vertical-align:top;font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                    <h1 class="main" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;word-break:normal;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:200;line-height:1.2;color:#727272;font-size:28px;margin-top:40px;margin-bottom:40px;margin-right:0;margin-left:0;text-transform:uppercase;text-align:center;">First Look</h1>
                    <h3 class="subtitle" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;line-height:1.6;word-break:normal;font-weight:400;font-family:Helvetica, Arial, sans-serif;color:#999999;font-size:17px;text-align:center;margin-bottom:20px;text-transform:none;">Good morning, friend. With a sexual harrasment scandal rocking the Oregon Capitol, lawmakers were all set for the first step in changing the culture. Then the federal shutdown stepped in again. Here's your First Look at Wednesday's
                      news. </h3>

                    <div class="article" style="margin-bottom:40px;">
                      <h2 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;line-height:1.6;word-break:normal;font-family:Helvetica, Arial, sans-serif;font-weight:600;color:#333333;font-size:17px;">Shutdown Nixes Anti-harassment Training At Capitol</h2>
                      <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:7px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                        Add anti-harassment training for Oregon lawmakers and Capitol staff to the list of casualties for the now 26-day government shutdown. The training, required following a scandal of sexual harassment in Salem, was to be run by a federal agency now closed
                        due to the gridlock in D.C.</p>
                      <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:7px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                        <a class="btn" href="https://opb.createsend1.com/t/d-l-nhturhd-l-y/" style="text-decoration:none;background-color:#97a822;color:#fff;padding-top:5px;padding-bottom:5px;padding-right:10px;padding-left:10px;text-transform:uppercase;font-weight:400;font-size:12px;">Read More »</a></p>
                    </div>

                    <div class="article" style="margin-bottom:40px;">
                      <h2 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;line-height:1.6;word-break:normal;font-family:Helvetica, Arial, sans-serif;font-weight:600;color:#333333;font-size:17px;">Feeling The Bite Of Back Taxes</h2>
                      <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:7px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                        Years of late property taxes and their associated fees are threatening to do in the owner of several Oregon and California newspapers, including the Bend Bulletin. "We’re not in default with anybody, yet," the chain's president said. But a deadline to
                        avoide further trouble is fast approaching.</p>
                      <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:7px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                        <a class="btn" href="https://opb.createsend1.com/t/d-l-nhturhd-l-j/" style="text-decoration:none;background-color:#97a822;color:#fff;padding-top:5px;padding-bottom:5px;padding-right:10px;padding-left:10px;text-transform:uppercase;font-weight:400;font-size:12px;">Read More »</a></p>
                    </div>

                    <div class="article" style="margin-bottom:40px;">
                      <h2 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;line-height:1.6;word-break:normal;font-family:Helvetica, Arial, sans-serif;font-weight:600;color:#333333;font-size:17px;">As The Snow Goes</h2>
                      <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:7px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                        Though the West has warmed over the last 35 years, the region's snowpack levels have resisted the effects of climate change. But a new report out of Oregon State University shows that may change soon.</p>
                      <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:7px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                        <a class="btn" href="https://opb.createsend1.com/t/d-l-nhturhd-l-t/" style="text-decoration:none;background-color:#97a822;color:#fff;padding-top:5px;padding-bottom:5px;padding-right:10px;padding-left:10px;text-transform:uppercase;font-weight:400;font-size:12px;">Read More »</a></p>
                    </div>

                    <h3 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;line-height:1.6;word-break:normal;font-family:Helvetica, Arial, sans-serif;font-weight:400;color:#00aeef;font-size:14px;text-transform:uppercase;">Recommended Content</h3>
                    <div class="article" style="margin-bottom:40px;">
                      <h2 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;line-height:1.6;word-break:normal;font-family:Helvetica, Arial, sans-serif;font-weight:600;color:#333333;font-size:17px;">1 Of The Last Navajo Code Talkers Dies At 94</h2>
                      <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:7px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                        One of the last remaining Navajo Code Talkers, Alfred Newman, who relayed messages that were never decoded by enemies in World War II, has died at age 94. As the Japanese cracked classified U.S. military codes, armed forces turned to members of the Navajo
                        Nation. The messages they transmitted in the Pacific Theater were impenetrable to enemies.</p>
                      <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:7px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                        <a class="btn" href="https://opb.createsend1.com/t/d-l-nhturhd-l-i/" style="text-decoration:none;background-color:#97a822;color:#fff;padding-top:5px;padding-bottom:5px;padding-right:10px;padding-left:10px;text-transform:uppercase;font-weight:400;font-size:12px;">Read More »</a></p>
                    </div>
                    <hr style="color:#d9d9d9;border-style:none;border-width:0;height:5px;background-color:#f4f4f2;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;margin-top:50px;margin-bottom:50px;margin-right:0;margin-left:0;"
                    />

                    <h1 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:left;word-break:normal;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:200;line-height:1.2;color:#727272;font-size:28px;margin-top:40px;margin-bottom:40px;margin-right:0;margin-left:0;">
                    </h1>
                    <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:20px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                      <strong><span style="font-size:24px;" >"This is the 11th hour, but it is Washington’s hour to shine." </span></strong></p>
                    <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;text-align:left;margin-bottom:20px;font-family:Helvetica, Arial, sans-serif;color:#666666;font-size:17px;line-height:1.7;">
                      — Washington Gov. Jay Inslee on the challenges of climate change <a href="https://opb.createsend1.com/t/d-l-nhturhd-l-d/" style="color:#00aeef;text-decoration:none;">during his State of the State address Tuesday</a>. The Democrat
                      now has majorities in both the House and Senate and a chance to push through signature climate bills which have stalled in years past.</p>

                    <div class="social">

                      <a href="https://opb.createsend1.com/t/d-l-nhturhd-l-h/" style="text-decoration:none;display:block;background-color:#999999;color:#fff;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:600;font-size:27px;text-align:center;padding-top:17px;padding-bottom:12px;padding-right:10px;padding-left:10px;margin-top:60px;margin-bottom:60px;margin-right:0;margin-left:0;">
                          <span class="subtitle" style="display:block;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:100;font-size:16px;line-height:16px;letter-spacing:1px;" >Stay connected with OPB...</span>
                          Find us on Facebook
                        </a>

                    </div>

                    <h1 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;text-align:left;word-break:normal;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:200;line-height:1.2;color:#727272;font-size:28px;margin-top:40px;margin-bottom:40px;margin-right:0;margin-left:0;">Get Down With Orkesta Mendoza</h1>
                    <a href="https://opb.createsend1.com/t/d-l-nhturhd-l-u/" style="color:#00aeef;text-decoration:none;"><img src="http://i1.createsend1.com/ei/d/93/742/24F/csimport/orkesta_mendoza-woods_stage-pickathon_2018-.183420.jpg" width="500" label="Video Image" class="video" height="281" alt="Orkesta&#32;Mendoza&#32;Live" style="outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;width:auto;float:left;clear:both;display:block;border-style:none;margin-bottom:10px;max-width:100%;height:auto;" /></a>
                    <h2 style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;line-height:1.6;word-break:normal;font-family:Helvetica, Arial, sans-serif;font-weight:600;color:#333333;font-size:17px;">One of the most thrilling sets at Pickathon last summer was by Orkesta Mendoza, the “Indie Mambo” band from Tuscon, Arizona. Now you can watch (or re-live) the over-the-top performance.</h2>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>

        <table class="footer" style="border-spacing:0;border-collapse:collapse;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;background-color:#494949;width:100%;color:#fff;margin-top:70px;text-align:center;">
          <tr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
            <td style="word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important;vertical-align:top;color:#252625;font-family:'Helvetica', 'Arial', sans-serif;font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;font-size:12px;line-height:21px;">
              <table class="center container" style="border-spacing:0;border-collapse:collapse;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:center;width:85%;max-width:500px;margin-top:0;margin-bottom:0;margin-right:auto;margin-left:auto;">
                <tr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;vertical-align:top;text-align:left;">
                  <td style="word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;border-collapse:collapse !important;vertical-align:top;color:#252625;font-family:'Helvetica', 'Arial', sans-serif;font-weight:normal;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;text-align:left;font-size:12px;line-height:21px;padding-top:40px;padding-bottom:10px;padding-right:0;padding-left:0;">
                    <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;margin-bottom:20px;text-align:center;color:#fff;font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1.7;">You received this email because you opted to be a part of the OPB community. Thank you! Each weekday morning, OPB's "First Look" keeps you connected to what is happening here in the Pacific Northwest.</p>
                    <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;margin-bottom:20px;text-align:center;color:#fff;font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1.7;">Did you receive this email as a forward? <a href="#" style="text-decoration:none;color:#d1d1d1;">Opt-in here</a>. We won't share your email address with marketers.</p>
                    <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;margin-bottom:20px;text-align:center;color:#fff;font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1.7;">To unsubscribe from "First Look", <a href="#" style="text-decoration:none;color:#d1d1d1;">click here</a>.</p>
                    <p style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;margin-bottom:20px;text-align:center;color:#fff;font-family:Helvetica, Arial, sans-serif;font-size:14px;line-height:1.7;">Connect with us on: <a href="https://opb.createsend1.com/t/d-l-nhturhd-l-b/" style="text-decoration:none;color:#d1d1d1;"><img width="15" height="15" src="http://i8.createsend1.com/ti/d/D8/000/C5B/133418/assets/facebook.png" alt="facebook" style="outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;border-style:none;display:inline-block;vertical-align:middle;float:none;margin-top:-3px;margin-bottom:0;margin-right:1px;margin-left:3px;height:15px;width:15px;" /></a>                      <a href="https://opb.createsend1.com/t/d-l-nhturhd-l-n/" style="text-decoration:none;color:#d1d1d1;"><img width="15" height="15" src="http://i9.createsend1.com/ti/d/D8/000/C5B/133418/assets/twitter.png" alt="twitter" style="outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;border-style:none;display:inline-block;vertical-align:middle;float:none;margin-top:-3px;margin-bottom:0;margin-right:1px;margin-left:3px;height:15px;width:15px;" /></a>                      <a href="https://opb.createsend1.com/t/d-l-nhturhd-l-p/" style="text-decoration:none;color:#d1d1d1;"><img width="15" height="15" src="http://i10.createsend1.com/ti/d/D8/000/C5B/133418/assets/instagram.png" alt="instagram" 
style="outline-style:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%;clear:both;border-style:none;display:inline-block;vertical-align:middle;float:none;margin-top:-3px;margin-bottom:0;margin-right:1px;margin-left:3px;height:15px;width:15px;" /></a></p>
                    <p class="info" style="font-weight:normal;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-top:0;margin-right:0;margin-left:0;margin-bottom:20px;text-align:center;font-family:Helvetica, Arial, sans-serif;line-height:1.7;color:#a5a5a5;font-size:14px;"><a href="https://opb.createsend1.com/t/d-l-nhturhd-l-x/" style="text-decoration:none;color:#d1d1d1;">Contact OPB</a> | 7140 SW Macadam Ave, Portland, OR 97219 | 1-800-241-8123</p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </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.

Console