Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "//www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width" name="viewport"/>
  <meta content="telephone=no" name="format-detection"/>
  <!-- Resets -->
  <style data-premailer="ignore" type="text/css">
   #outlook a{
    padding: 0;
  }
  body{
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-weight: 400;
  }
  .ReadMsgBody{
    width: 100%;
  }
  .ExternalClass{
    width: 100%;
  }
  img {
    border: 0;
    max-width: 100%;
    height: auto;
    outline: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-decoration: none;
    line-height: 100%;
  }
  #backgroundTable{
    height: 100% !important;
    margin: 0;
    padding: 0;
    width: 100% !important;
  }
  </style>
  <!-- Main styles -->
  <style type="text/css">
   /**
   * Generic
   */

  .main {
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    width: 100%;
  }

  table {
    border-spacing: 0;
    border-collapse: separate;
    table-layout: fixed;
  }

  td {
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
  }

  a {
    border: none;
    outline: none !important;
  }


  /**
   * Content
   */

  .content-td {
    color: #222;
    line-height: 20px;
  }

  .content-td > :first-child {
    margin-top: 0;
    padding-top: 0;
  }

  .content-td h1 {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 25px;
    margin-top: 20px;
    margin-bottom: 5px;
  }

  .content-td h1 + h2 {
    margin-top: 0 !important;
  }

  .content-td h2 + h1 {
    margin-top: 0 !important;
  }

  .content-td h2 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 5px;
  }



  .content-td h3 ,
  .content-td h4 ,
  .content-td h5 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .content-td p {
    margin: 0 0 15px 0;

  }

  .content-td p img,
  .content-td h1 img,
  .content-td h2 img,
  .content-td li img,
  .content-td .intercom-h2b-button img {
    margin: 0;
    padding: 0;
  }

  .content-td a {
    color: #1251ba;
    text-decoration: underline;
  }

  .content-td strong {
    color: #606060;
  }

  .content-td ol,
  .content-td ul {
    margin: 0 0 20px 40px;
    padding: 0;
    list-style: disc;
  }

  .content-td ol {
    list-style: decimal;
  }

  .content-td ol li,
  .content-td ul li {
    margin: 5px 0;
  }

  .content-td blockquote {
    padding: 10px 0;
    margin: 10px 0;
    font-style: italic;
    color: #8C8C8C;
  }

  .content-td blockquote a {
    color: #8C8C8C;
  }

  .content-td img {
    max-width: 100%;
    margin: 15px 0 15px;
  }

  .content-td .intercom-container {
    margin-bottom: 16px;
  }

  .content-td hr {
    border: none;
    border-top: 1px solid #DDD;
    border-bottom: 0;
    margin: 20px 0;
  }

  .content-td table th {
    font-weight: bold;
    background: #F6F6F6;
  }

  .content-td table td,
  .content-td table th {
    padding: 7px 10px;
    border: 1px solid #DADADA;
    text-align: left;
    vertical-align: top;
  }

  .content-td table {
    margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .content-td table.intercom-container.intercom-align-center {
    margin-left: auto;
    margin-right: auto;
  }

  .content-td table.intercom-container td {
    border: none;
    padding: 0;
    margin: 0;
  }

  /**/
  .content-td pre {
    margin: 0 0 10px;
    padding: 10px;
    background-color: #f5f5f5;
    overflow: auto;
  }

  .content-td pre code {
    font-family: Courier, monospace;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
  }

  /**
   * Footer
   */

  .footer {
    width: 100%;
    font-family: Helvetica, Arial, sans-serif;
  }

  .footer .footer-td {
    padding: 10px 0;
    text-align: left;
    width: 100%;
    font-size: 11px;
    color: #999999;
  }

  .footer a {
    text-decoration: underline;
    font-size: 11px;
    color: #999999;
  }
  </style>
  <!-- Outlook.com -->
  <style data-premailer="ignore" type="text/css">
   .content-td blockquote + * {
    margin-top: 10px !important;
  }

  .ExternalClass .content-td h1 {
    padding: 15px 0 5px 0 !important;
  }

  .ExternalClass .content-td h2 {
    padding: 0 0 5px 0 !important;
  }

  .ExternalClass .content-td p {
    padding: 10px 0 !important;
  }

  .ExternalClass .content-td hr + * {
    padding-top: 20px !important;
  }

  .ExternalClass .content-td .intercom-container {
    padding: 5px 0 !important;
  }

  .ExternalClass .content-td ol ,
  .ExternalClass .content-td ul {
    padding: 0 0 20px 40px !important;
    margin: 0 !important;
  }

  img {
    max-width: 600px !important;
  }
  @media (max-width: 600px) {
    img {
      max-width: 100% !important;
    }
  }
  </style>
  <!-- Outlook fix -->
  <!--[if gte mso 9]>
    <style type="text/css">
      table {
        border-collapse: collapse !important;
      }
      td {
        border-collapse: collapse !important;
      }
    </style>
<![endif]-->
  <style type="text/css">
   .intercom-align-right {
  text-align: right !important;
}
.intercom-align-center {
  text-align: center !important;
}
.intercom-align-left {
  text-align: left !important;
}
/* Over-ride for RTL */
.right-to-left .intercom-align-right{
  text-align: left !important;
}
.right-to-left .intercom-align-left{
  text-align: right !important;
}
.right-to-left .intercom-align-left {
  text-align:right !important;
}
.right-to-left li {
  text-align:right !important;
  direction: rtl;
}
.right-to-left .intercom-align-left img,
.right-to-left .intercom-align-left .intercom-h2b-button {
  margin-left: 0 !important;
}
.intercom-attachment,
.intercom-attachments,
.intercom-attachments td,
.intercom-attachments th,
.intercom-attachments tr,
.intercom-attachments tbody,
.intercom-attachments .icon,
.intercom-attachments .icon img {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.intercom-attachments {
  margin: 10px 0 !important;
}
.intercom-attachments .icon,
.intercom-attachments .icon img {
  width: 16px !important;
  height: 16px !important;
}
.intercom-attachments .icon {
  padding-right: 5px !important;
}
.intercom-attachment {
  display: inline-block !important;
  margin-bottom: 5px !important;
}

.intercom-interblocks-content-card {
  width: 334px !important;
  max-height: 136px !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  font-size: 16px !important;
  border: 1px solid #e0e0e0 !important;
}

.intercom-interblocks-link,
.intercom-interblocks-article-card {
  text-decoration: none !important;
}

.intercom-interblocks-article-icon {
  width: 22.5% !important;
  height: 136px !important;
  float: left !important;
  background-color: #fafafa !important;
  background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Funiverse-4f470b76f702.intercom-mail.com%252Fassets%252Farticle_book-1a595be287f73c0d02f548f513bfc831.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1bml2ZXJzZS00ZiJ9:1kXNwG:1ifZMg8PfkQGPBAIFH26JQrRD_nKs6qWAqIO76YlzyA') !important;
  background-repeat: no-repeat !important;
  background-size: 32px !important;
  background-position: center !important;
}

.intercom-interblocks-article-text {
  width: 77.5% !important;
  float: right !important;
  background-color: #fff !important;
}

.intercom-interblocks-link-title,
.intercom-interblocks-article-title {
  color: #519dd4 !important;
  font-size: 15px !important;
  margin: 16px 18px 12px !important;
  line-height: 1.3em !important;
  overflow: hidden !important;
}

.intercom-interblocks-link-description,
.intercom-interblocks-article-body {
  margin: 0 18px 12px !important;
  font-size: 14px !important;
  color: #65757c !important;
  line-height: 1.3em !important;
}

.intercom-interblocks-link-author,
.intercom-interblocks-article-author {
  margin: 10px 15px !important;
  height: 24px !important;
  line-height: normal !important;
}

.intercom-interblocks-link-author-avatar,
.intercom-interblocks-article-author-avatar {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  float: left;
  margin-right: 5px;
}

.intercom-interblocks-link-author-avatar-image,
.intercom-interblocks-article-author-avatar-image {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  margin: 0 !important;
  vertical-align: top !important;
  font-size: 12px !important;
}

.intercom-interblocks-link-author-name,
.intercom-interblocks-article-author-name {
  color: #74848b !important;
  margin: 0 0 0 5px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  overflow: hidden !important;
}

.intercom-interblocks-article-written-by {
  color: #8897a4 !important;
  margin: 1px 0 0 5px !important;
  font-size: 12px !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  float: left !important;
}
  </style>
 </head>
 <body bgcolor="white" style="background-color: white">
  <table align="center" bgcolor="transparent" border="0" cellpadding="0" cellspacing="0" class="main" style="border-collapse: separate; border-spacing: 0; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0; table-layout: fixed; width: 100%">
   <tbody>
    <tr>
     <td class="content-td" style="color: #222; font-family: Helvetica, Arial, sans-serif; line-height: 20px; padding: 0">
      <div align="left" class="intercom-container intercom-align-left" style="margin-bottom: 16px; margin-top: 0; padding-top: 0; text-align: left !important">
       <img src="https://inboxflows.com/_/image/https%253A%252F%252Funiverse-4f470b76f702.intercom-mail.com%252Fi%252Fo%252F123146156%252F20f143a8a1cba3bfbfb9d23a%252Fshapes.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1bml2ZXJzZS00ZiJ9:1kXNwG:1ifZMg8PfkQGPBAIFH26JQrRD_nKs6qWAqIO76YlzyA" style="margin: 15px 0; max-width: 100%"/>
      </div>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
      </p>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
       Hello everyone!
      </p>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
       It’s been a hot minute since our last newsletter and there’s been a whole lot going on. If you’re just catching up with the latest, tldr: Universe is more powerful than ever before. We’ve introduced a whole new level of modularity, customization, and control to help you create any kind of website imaginable. As the summer winds down, we’re queuing up some awesome new stuff in the pipeline and we can’t wait to share them with you.  Enjoy this roundup of links from around the Universe.
      </p>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
      </p>
      <h2 align="left" class="intercom-align-left" style="font-size: 1.1em; font-weight: bold; margin: 20px 0 5px; text-align: left !important">
       ❏❐❑ Product Updates
       <br/>
      </h2>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          The Home Tab
         </b>
        </a>
        <b>
         →
         <br/>
        </b>
        After unlocking pages and the grid with Universe 3, we created a home for learning about how to edit your website, sharing the latest Universe updates, and giving you quick access for creating new pages/edits. Meet the new home tab.
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          Customize Your Site Menu
         </b>
        </a>
        <b>
         →
        </b>
        <br/>
        There’s a completely new way to edit the look and feel of your website. You can now customize the styles, fonts, colors, and much more for creating a site menu that perfectly matches your brand and website.
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          Add, Move, Link, and Hide Pages
         </b>
        </a>
        <b>
         →
        </b>
        <br/>
        You can now add, move, link, and hide pages from anywhere on your site. Check out all you can do from the pages tab by tapping and holding on pages and tapping on the settings icon from any page detail screen.
       </li>
      </ul>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
      </p>
      <h2 align="left" class="intercom-align-left" style="font-size: 1.1em; font-weight: bold; margin: 20px 0 5px; text-align: left !important">
       ❑❒❏ New On Explore
       <br/>
      </h2>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          Explore on the web
         </b>
        </a>
        <b>
         →
         <br/>
        </b>
        We just built a new web app for exploring Universe sites—right from your browser. Say hello to
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         explore.onuniverse.com
        </a>
        , it’s our first big step towards sharing all the magic of Universe with everyone on the web.
        <br/>
       </li>
      </ul>
      <div align="center" class="intercom-container intercom-align-center" style="margin-bottom: 16px; text-align: center !important">
       <img src="https://inboxflows.com/_/image/https%253A%252F%252Funiverse-4f470b76f702.intercom-mail.com%252Fi%252Fo%252F151614376%252Fc03646a5e5e961d644245ae9%252FAnimated%252BGIF-downsized_large.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1bml2ZXJzZS00ZiJ9:1kXNwG:1ifZMg8PfkQGPBAIFH26JQrRD_nKs6qWAqIO76YlzyA" style="margin: 15px 0; max-width: 100%"/>
      </div>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
       <br/>
       <b>
        New Sites This Week
        <br/>
       </b>
      </p>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          https://xninoschkax.com
         </b>
        </a>
        <b>
         →
        </b>
        <br/>
        Super cool fashion blogger from Luxembourg
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          https://sofashank.com
         </b>
        </a>
        <b>
         →
        </b>
        <br/>
        A wild new blog on Universe
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          https://mlloydartist.com
         </b>
        </a>
        <b>
         →
         <br/>
        </b>
        An awesome online store using the Shopify block
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          https://sawyerxphoto.onuniverse.com
         </b>
        </a>
        <b>
         →
        </b>
        <br/>
        A great minimal photographer portfolio
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          https://nomadicsoultraveller.onuniverse.com
         </b>
        </a>
        <b>
         →
        </b>
        <br/>
        Get a behind the scenes look at the #vanlife
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          https://davidjameskennedy.onuniverse.com/
         </b>
        </a>
        <b>
         →
         <br/>
        </b>
        A simple way to use timeline for a personal site
       </li>
      </ul>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
      </p>
      <h2 align="left" class="intercom-align-left" style="font-size: 1.1em; font-weight: bold; margin: 20px 0 5px; text-align: left !important">
       ❒❑❐ Guides &amp; Resources
       <br/>
      </h2>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          Supercharge your website with code
         </b>
        </a>
        <b>
         →
         <br/>
        </b>
        by
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         Universe
        </a>
        <br/>
        <i>
         Check out some awesome new updates to the code block to do even more with your site
        </i>
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          Get the scoop on iOS 13
         </b>
        </a>
        <b>
         →
        </b>
        <br/>
        by
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         MacStories
        </a>
        <br/>
        <i>
         Explore dark mode and all the other new goodies in the update
        </i>
       </li>
      </ul>
      <ul style="list-style-type: disc; margin: 0 0 20px 40px; padding: 0">
       <li style="margin: 5px 0">
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         <b>
          Why you should make a website
         </b>
        </a>
        <b>
         →
        </b>
        <br/>
        by
        <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
         Tobias van Schneider
        </a>
        <br/>
        <i>
         A love letter to personal websites and the reason for making for them
        </i>
       </li>
      </ul>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
      </p>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
       <i>
        You made it to the end! Hope you enjoyed. This email is powered by an amazing community of creators on Universe. If you're interested in being featured or sharing a project in our newsletter, simply respond to this email directly. Until next time :)
       </i>
      </p>
      <p align="left" class="intercom-align-left" style="margin: 0 0 15px; text-align: left !important">
       <br/>
       Haris
       <br/>
       <a style="border: none; color: #1251ba; outline: none !important; text-decoration: underline" target="_blank">
        https://haris.computer
       </a>
       <br/>
      </p>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- Footer -->
  <table align="middle" class="footer" style="border-collapse: separate; border-spacing: 0; font-family: Helvetica, Arial, sans-serif; table-layout: fixed; width: 100%" width="100%">
   <tbody>
    <tr>
     <td align="left" class="footer-td" style="color: #999999; font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding: 10px 0; text-align: left; width: 100%">
      <p class="unsub">
       Don't want to get emails like this?
       <a style="border: none; color: #999999; font-size: 11px; outline: none !important; text-decoration: underline">
        Unsubscribe from our emails
       </a>
      </p>
     </td>
    </tr>
   </tbody>
  </table>
  <img alt="intercom" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Funiverse-4f470b76f702.intercom-mail.com%252Fvia%252Fo%253Fh%253D1b6125a8d45afb9b281d173a1c113f71c5ef783e-23861219715/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1bml2ZXJzZS00ZiJ9:1kXNwG:1ifZMg8PfkQGPBAIFH26JQrRD_nKs6qWAqIO76YlzyA" style="display: block;" width="1"/>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Funiverse-4f470b76f702.intercom-mail.com%252Fq%252FSpE411ohoCxno9jWCdTzag~~%252FAAAAAQA~%252FRgRfcMKpPlcIaW50ZXJjb21CCgAgqT2OXV9wBXNSEzdkZDZjZmE4QHVpZmVlZC5jb21YBAAAKAc~/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1bml2ZXJzZS00ZiJ9:1kXNwG:1ifZMg8PfkQGPBAIFH26JQrRD_nKs6qWAqIO76YlzyA" width="1"/>
 </body>
</html>