<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" name="viewport" content="width=device-width,
initial-scale=1.0">
<title>Quickbooks Payments</title>
<style type="text/css">
body {margin: 0; padding: 0; min-width: 100% !important;font-family: ArialMT,
Arial, sans-serif !important; background-color: white;}
.content {font-size: 18px; width: 100%; max-width: 768px !important;}
.amount-summary-spacer {width: 45% !important;}
.item-memo {margin-bottom: 0px; font-size: 16px !important;}
.item-title {margin-top: 43px; font-size: 18px !important;}
.item-memo-title {margin-top: 43px; margin-bottom: 0px; vertical-align: bottom; font-size: 18px !important;}
.billing-section {width: 124px;}
.invoice-details {font-size: 15px !important;}
.account-summary {padding-top: 31px; padding-bottom: 31px;}
.stretch-section {width: 80%;}
.main-message-content {margin-top: 89px; margin-bottom: 43px;}
.powered-message {margin-top: 17px; margin-bottom: 43px; font-size: 15px !important;}
.account-info {margin-top: 23px !important;}
.subsection-content {margin-top: 43px !important; margin-bottom: 43px !important}
.divider {margin-top: 43px;}
a {text-decoration: none !important;}
@media only screen and (max-width: 768px), screen and (max-device-width: 768px) {
.content {width: 768px !important;}
}
@media screen and (max-width: 400px) {
.content {font-size: 15px; width: 100% !important; min-width: 320px !important}
.amount-summary-spacer {display: none !important;}
.item-memo {font-size: 13px !important;}
.item-title {margin-top: 31px; font-size: 15px !important;}
.item-memo-title {margin-top: 31px; font-size: 15px !important;}
.billing-section {width: 300px;}
.invoice-details {font-size: 13px !important;}
.account-summary {padding-top: 19px; padding-bottom: 19px;}
.stretch-section {width: 100% !important; font-size: 15px; padding-left: 20px; padding-right: 20px;}
.main-message-content {margin-top: 23px !important; font-size: 16px !important;}
.powered-message {margin-top: 12px !important; margin-bottom: 38px !important; font-size: 13px !important;}
.account-info {margin-top: 13px !important;}
.subsection-content {margin-top: 23px !important; margin-bottom: 23px !important}
.divider {margin-top: 23px !important; border-bottom: 1px solid #babec5 !important;}
.company-info {display: table-row !important;}
}
</style>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"description": "Invoice from Omni Commons",
"potentialAction": {
"@type": "ViewAction",
"target": "https://connect.intuit.com/portal/app/CommerceNetwork/view/4eeae148-564f-4e0e-a53b-1e67ca3bd262?cta=viewinvoicenowgmail&locale=en_US&einvoiceBucket=Experiment",
"name": "View invoice"
}
}
</script>
</head>
<body yahoo="fix" style="font-family: ArialMT, Arial, Verdana, sans-serif;">
<table width="100%" align="center" bgcolor="white">
<tr>
<td>
<!--[if (gte mso 9)|(IE)]>
<table width="768px" align="center" border="0" cellspacing="10" cellpadding="0">
<tr>
<td><![endif]-->
<table width="768px" style="margin: 0 auto;" class="content" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" align="center" style="border-bottom: 3px solid #2CA01C;">
<tr>
<td></td>
</tr>
</table>
<!-- Company title -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f5f8" style="text-align:center; color:#2ca01c">
<tr>
<td>
<p style="font-size:20px; margin-top: 26px; margin-bottom: 26px;">Omni Commons </p>
</td>
</tr>
</table>
<!-- Invoice message -->
<table width="80%" align="center" style="color:#393a3d; max-width: 600px;">
<tr>
<td>
<p class="main-message-content" style="margin-top: 89px; margin-bottom: 42px;">Dear Sudo Room,<BR><BR>Here's your invoice! We appreciate your prompt payment.<BR><BR>Thank you for stewarding the commons.<BR><BR>Love and solidarity,<BR>Omni Commons</p>
</td>
</tr>
</table>
<!-- Call to action -->
<table width="100%" align="center">
<tr>
<td>
<p style="color: #6b6c72; margin-bottom: 7px !important;" align="center" class="invoice-details"> INVOICE 1187 DETAILS</p>
</td>
</tr>
</table>
<table width="100%" sytle="padding-left, padding-right: 22pt" bgcolor="#eceef1">
<tr>
<td>
<table align="center">
<tr>
<td>
<p style="margin-top: 43px;" align="center"><b>DUE 09/25/2017</b></p>
</td>
</tr>
<tr>
<td>
<p style="font-size: 50px; margin-top:0px; margin-bottom: 34px;">$2,000.00</p>
</td>
</tr>
<tr>
<td>
<!-- Call to action button -->
<table align="center" style="width: 170px; background-color: #393a3d; color: white; padding-top: 11px; padding-bottom: 8px; font-size: 16px; border-radius: 4px;">
<tr>
<td>
<p align="center" style="margin: 0px;"> <a style="text-decoration: none; color: white; font-size: 16px" href="https://connect.intuit.com/portal/app/CommerceNetwork/view/4eeae148-564f-4e0e-a53b-1e67ca3bd262?cta=viewinvoicenow&locale=en_US&einvoiceBucket=Experiment&payEnabledInvoice=true"> Review and Pay</a></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<p class="powered-message" style="color: #393a3d; margin-bottom: 43px;" align="center">Powered by QuickBooks</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Billing -->
<!-- Shipping -->
<!-- Line items -->
<table class="stretch-section" width="80%" border="0" cellspacing="0" cellpadding="0" align="center" style="margin-bottom: 47px;">
<tr>
<td>
<table width="100%">
<tr>
<td>
<p style="color: #393a3d; margin-bottom: 0px;" class="item-title"><b>Monthly Rent</b></p>
</td>
<!-- place description in name if it is empty -->
<td style="text-align: right">
<p style="color: #393a3d; margin-bottom: 0px;" class="item-title">$2,000.00</p>
</td>
</tr>
<!-- only show it if the description wasn't included in item lines -->
<tr>
<td>
<p class="item-memo" style="font-size: 15px; color: #6b6c72; margin-top: 0px; margin-bottom: 0px;">
April rent <br>
</p>
</td>
</tr>
</table>
<!-- excludes items without a title -->
<table>
<tr>
<td>
<p class="item-memo" style="font-size: 15px; color: #393a3d; margin-top: 0px;">09/01/2017</p>
</td>
<!-- only display the rate + quantity if rate and quantity are defined -->
<td>
<p class="item-memo" style="font-size: 15px; color: #393a3d; margin-top: 0px; margin-left: 20px;">1
at $2000
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="80%" class="divider" align="center" style="border-bottom: 2px dotted #babec5; max-width: 600px;">
<tr>
<td></td>
</tr>
</table>
<!-- Amount summary -->
<table class="stretch-section" style="width: 80%; max-width: 600px;" align="center" cellspacing="0">
<tr>
<td>
<table width="100%">
<tr>
<td class="amount-summary-spacer">
</td>
<td>
<table width="100%" class="subsection-content" style="color: #393a3d;" cellspacing="0">
<tr>
<td style="padding-top:23px; margin-top: 0px; margin-bottom: 0px;">
Total amount
</td>
<td style="text-align: right; padding-top:23px; margin-top: 0px; margin-bottom: 0px;">
$2,000.00
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Account Summary -->
<table width="80%" class="divider" align="center" style="border-bottom: 2px solid #babec5; margin-top: 43px; max-width: 600px;">
<tr>
<td></td>
</tr>
</table>
<!-- Customer message -->
<table width="80%" align="center" style="max-width: 600px;">
<tr>
<td>
<p class="subsection-content" style="margin-bottom: 0px !important">
Greetings Sudo Room! <br>
<br>
This is your monthly donation invoice. Thank you for stewarding the commons! <br>
<br>
Love and solidarity, <br>
Omni Commons Finance Working Group <br>
</p>
</td>
</tr>
</table>
<table width="80%" class="divider" align="center" style="border-bottom: 2px dotted #babec5; margin-top: 43px; max-width: 600px;">
<tr>
<td></td>
</tr>
</table>
<!-- Footer message -->
<table width="80%" align="center" style="max-width: 600px;">
<tr>
<td>
<!-- add margin between cta and divider if footer is hidden -->
<p class="subsection-content" style="margin-top: 42px; padding: 0px">
Thank you for stewarding the commons! <br>
</p>
</td>
</tr>
</table>
<!-- Call to action button -->
<table align="center" style="margin-top: 0px; width: 170px; background-color: #393a3d; color: white; padding-top: 11px; padding-bottom: 8px; font-size: 16px; border-radius: 4px;">
<tr>
<td style="margin-top: 23px;">
<p align="center" style="margin: 0px;"> <a style="text-decoration: none; color: white; font-size: 16px" href="https://connect.intuit.com/portal/app/CommerceNetwork/view/4eeae148-564f-4e0e-a53b-1e67ca3bd262?cta=viewinvoicenow&locale=en_US&einvoiceBucket=Experiment&payEnabledInvoice=true"> Review and Pay</a></p>
</td>
</tr>
</table>
<table width="80%" class="divider" align="center" style="border-bottom: 2px solid #babec5; margin-top: 43px; max-width: 600px;">
<tr>
<td></td>
</tr>
</table>
<!-- Company contact information -->
<table width="80%" align="center">
<tr width="100%" align="center">
<td>
<p class="subsection-content" style="color: #0077c5; text-align:center; margin-top: 46px;">4799 Shattuck Ave, Oakland, CA 94609 US</p>
</td>
</tr>
</table>
<table width="80%" align="center">
<tr>
<td align="center">
<table>
<tr>
<td width=50% class="company-info" align="center">
<p style="text-align:center; color: #0077c5; margin: 0px;">finance@omnicommons.org</p>
</td>
<td width=50% class="company-info" align="center">
<p style="text-align:center; color: #0077c5; margin: 0px;">omnicommons.org</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Footer -->
<table border="0" width="100%" align="center">
<tr>
<td align="center" vertical-align="center" style="padding: 42px 0 10px 0">
<img src="https://plugin-qbo.intuit.com/brand/0.0.1/product-specific-brand/assets/quickbooks-payments/logos/qbeinvoiceemail.png" height="35" alt="intuit test" style="display:block; border:0;" />
</td>
</tr>
</table>
<table border="0" width="100%" align="center">
<tr align="center">
<td style="font-size:15px; color: #58595f; display: inline-block;">
<p style="margin-bottom: 0; margin-top: 0px;">© Intuit, Inc. All rights reserved. </p>
</td>
<td style="display: inline-block">
<p style="margin-top: 0px; margin-bottom: 0px; font-size: 15px;"> <a href="https://security.intuit.com/privacy/" style="text-decoration: none; color: #0077C5; padding-left:20px;" >Privacy</a> | <a href="http://security.intuit.com" style="text-decoration: none; color: #0077C5">Security</a> | <a href="https://connect.intuit.com/portal/app/CommerceNetwork/#termsOfService/en_US" style="text-decoration: none; color: #0077C5">Terms of Service</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
</body>
</html>