[
  {
    "path": ".github/pull_request_template.md",
    "content": "<!-- Thanks for your interest in contributing! Please read the contributing guide (CONTRIBUTING.md) before submitting a PR. -->\n"
  },
  {
    "path": ".github/workflows/main.yml",
    "content": "name: Main CI\n\non:\n  push:\n    branches:\n      - master\n    tags:\n      - v[0-9]+.[0-9]+.[0-9]+\n      - v[0-9]+.[0-9]+.[0-9]+-alpha.[0-9]+\n      - v[0-9]+.[0-9]+.[0-9]+-beta.[0-9]+\n      - v[0-9]+.[0-9]+.[0-9]+-rc.[0-9]+\n  pull_request:\n    branches:\n      - master\n\njobs:\n  lint:\n    name: Lint code\n    runs-on: ubuntu-latest\n    steps:\n      - uses: actions/checkout@v4\n      - name: Use Node.js\n        uses: actions/setup-node@v4\n        with:\n          node-version: lts/*\n          cache: 'yarn'\n      - run: yarn install --frozen-lockfile --prefer-offline\n      - run: yarn lint\n  deploy:\n    name: Deploy to GitHub Pages\n    runs-on: ubuntu-latest\n    needs:\n      - lint\n    if: github.ref == 'refs/heads/master'\n    steps:\n      - uses: actions/checkout@v4\n      - name: Deploy to GitHub Pages\n        uses: JamesIves/github-pages-deploy-action@4.0.0\n        with:\n          branch: gh-pages\n          folder: website\n"
  },
  {
    "path": ".gitignore",
    "content": "node_modules/\n.eslintcache*\n.DS_Store*\nyarn-debug.log*\nyarn-error.log*\n"
  },
  {
    "path": ".prettierignore",
    "content": "node_modules/\n"
  },
  {
    "path": ".prettierrc.json",
    "content": "{\n\t\"jsxSingleQuote\": true,\n\t\"printWidth\": 120,\n\t\"singleQuote\": true,\n\t\"trailingComma\": \"es5\",\n\t\"useTabs\": true\n}\n"
  },
  {
    "path": "CONTRIBUTING.md",
    "content": "# How to contribute\n\nFirst of all, thanks for your willingness to help improve this project! 🎉\n\nWe strive to make contributing to our open source projects easy, in part by following industry standard conventions and workflows, and by making testing and code formatting simple.\n\n_If you’ve never contributed to an open source project before, check out [this project](https://github.com/firstcontributions/first-contributions), which guides people through their first contribution._\n\n## A high-level overview\n\nFrom a high-level, here’s what the contribution process looks like:\n\n1. Choose something to contribute\n1. Fork this repository\n1. Prepare your local environment\n1. Make the proposed changes\n1. Test your changes\n1. Update the docs/README\n1. Format the code\n1. Commit your changes\n1. Open a PR\n1. Iterate through the review cycle\n1. Changes are accepted 🚀\n\nIt looks like a lot of steps, but it’s actually pretty easy. If you’ve contributed to open source projects before, it’s probably a familiar process. Let’s go over each step in more detail…\n\n## 1. Choose something to contribute\n\nCheck out the issues tab if you don’t already have something in mind. We usually keep ideas for future improvements in there.\n\nChoose one cohesive thing to work on per PR, rather than lumping together unrelated changes.\n\n## 2. Fork this repository\n\nThis one is pretty straightforward. If you’re not a designated collaborator on this project (usually reserved for Sparksuite engineers), you won’t be able to create a new branch inside _this_ repository. But, by forking the repository (making a copy in your own account or organization), you’ll be able to create a new branch in the forked repository and commit your proposed changes there.\n\n## 3. Prepare your local environment\n\nStart by cloning the forked repository, then create a new branch off of `master`. Check out that new branch, then hop over to your favorite terminal. At the root of the repository, run `yarn dev` to prepare the repository for local development.\n\n_Note: good branch names are usually succinct phrases that describe the change. So, for example, if a change fixes a typo in the README file, the branch name might read `fix-typo-in-readme`._\n\n## 4. Make the proposed changes\n\nUsing the IDE of your choice, code your changes into existence. Try to follow the conventions and patterns already established in this codebase, particularly when it comes to commenting, spacing, naming, etc. Also, code readability and maintainability are very important; try to avoid “clever” code. During the review process, we’ll help catch anything that doesn’t look quite right.\n\n## 5. Test your changes\n\nYou can do this by running `yarn test` at the root of the repository using your favorite terminal. All PRs have to pass every test before they can be accepted.\n\nIf you’ve introduced functionality that isn’t already covered by a test, which is often the case, you should add appropriate test(s). If you don’t know where or how to add test(s), just skip this step for now and let us know you need help with this part when you open the PR.\n\n## 6. Update the docs/README\n\nMany, but not all, changes will require updates to the documentation and/or README. Take some time to update those as necessary so that they remain accurate and up-to-date.\n\n## 7. Format the code\n\nTo standardize the code’s stylization into our preferred format, run `yarn format` at the root of the repository. Most problems can automatically be fixed, but if some can’t, go ahead and address those manually.\n\n## 8. Commit your changes\n\nCommit your changes to the new branch you created in your forked repository. For organization, you may want to break up your work into multiple commits. Try to use descriptive and succinct commit messages.\n\n_Note: if your commit messages are low quality, we’ll probably end up squash-merging your changes so that your commit messages don’t pollute the `master` branch’s commit history._\n\n## 9. Open a PR\n\nVisit your forked repository and open a new pull request. Make sure the source branch is the new branch you created, and the target branch is the `master` branch on this repository (not the `master` branch on your forked repository).\n\nTry to describe the changes as best as you can in the description, including why you think the change is needed, how to take advantage of the change (if applicable), your design rationale, etc.\n\nIf your PR closes one or more issues, write `Closes #X` for each in the PR description (`X` being the issue number).\n\n_Note: If your implementation or tests are incomplete, we recommend opening the pull request as a draft. This helps indicate there’s still more work left to be done._\n\n## 10. Iterate through the review cycle\n\nOpening a PR will notify Sparksuite’s engineers on Slack, and one of us will review your proposed contribution. If it’s not a good fit for our project, we’ll let you know why and will close the PR. Otherwise, we’ll leave feedback as necessary to help ensure the contribution meets our high standards of quality. Make any requested changes and then let us know when you want us to take another look.\n\n## 11. Changes are accepted 🚀\n\nEventually, the PR will reach a point where we’re satisfied with the quality and we’ll incorporate your work into our project! The changes will usually be deployed with the next published release.\n"
  },
  {
    "path": "LICENSE",
    "content": "MIT License\n\nCopyright (c) 2021 Sparksuite\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "# <div align=\"center\">Simple HTML Invoice Template</div>\n\n<p align=\"center\">\n<a href=\"https://validator.w3.org/check?uri=https%3A%2F%2Fsparksuite.github.io%2Fsimple-html-invoice-template%2F\"><img alt=\"W3C Validation\" src=\"https://img.shields.io/w3c-validation/default?targetUrl=https%3A%2F%2Fsparksuite.github.io%2Fsimple-html-invoice-template%2F\"></a>\n<a href=\"https://github.com/prettier/prettier\"><img alt=\"license\" src=\"https://img.shields.io/badge/code_style-prettier-ff69b4.svg\"></a>\n<a href=\"https://github.com/sparksuite/simple-html-invoice-template/blob/master/LICENSE\"><img alt=\"license\" src=\"https://img.shields.io/github/license/sparksuite/simple-html-invoice-template\"></a>\n</p>\n\nA modern, clean, and very simple responsive HTML invoice template, because sometimes you just need something quick and simple.\n\n- ✨ Simple design\n- 📱 Responsive\n- 🔧 Easily customizable\n- 🌍 RTL support\n\n## Demo\n[Find a demo here](https://sparksuite.github.io/simple-html-invoice-template/)\n\n## How to use\nOpen the [invoice.html](https://github.com/sparksuite/simple-html-invoice-template/blob/master/invoice.html) file and use its HTML and CSS in your application.\n\n## Printer-friendly styling\nBy default, the appearance of the invoice when printed is the same as when viewed on a screen. If the invoice is the primary or only element on the page, you may want to consider removing the box-shadow and border, and letting the invoice extend the full width of the page. That can be accomplished with this CSS:\n```css\n@media print {\n  .invoice-box {\n    max-width: unset;\n    box-shadow: none;\n    border: 0px;\n  }\n}\n```\n\n## RTL support\nReplace `<div class=\"invoice-box\">` with `<div class=\"invoice-box rtl\">`\n\n## Preview\n<img width=\"1325\" alt=\"Preview\" src=\"https://github.com/sparksuite/simple-html-invoice-template/assets/3850064/5d34c8d2-5ac4-45cf-93f9-1eeaaf23765e\">\n\n\n## Contributing\nWe love contributions! Contributing is easy; [learn how](https://github.com/sparksuite/simple-html-invoice-template/blob/master/CONTRIBUTING.md).\n\n"
  },
  {
    "path": "invoice.html",
    "content": "<!DOCTYPE html>\n<html>\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>A simple, clean, and responsive HTML invoice template</title>\n\n\t\t<style>\n\t\t\t.invoice-box {\n\t\t\t\tmax-width: 800px;\n\t\t\t\tmargin: auto;\n\t\t\t\tpadding: 30px;\n\t\t\t\tborder: 1px solid #eee;\n\t\t\t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;\n\t\t\t\tcolor: #555;\n\t\t\t}\n\n\t\t\t.invoice-box table {\n\t\t\t\twidth: 100%;\n\t\t\t\tline-height: inherit;\n\t\t\t\ttext-align: left;\n\t\t\t}\n\n\t\t\t.invoice-box table td {\n\t\t\t\tpadding: 5px;\n\t\t\t\tvertical-align: top;\n\t\t\t}\n\n\t\t\t.invoice-box table tr td:nth-child(2) {\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.top table td {\n\t\t\t\tpadding-bottom: 20px;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.top table td.title {\n\t\t\t\tfont-size: 45px;\n\t\t\t\tline-height: 45px;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.information table td {\n\t\t\t\tpadding-bottom: 40px;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.heading td {\n\t\t\t\tbackground: #eee;\n\t\t\t\tborder-bottom: 1px solid #ddd;\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.details td {\n\t\t\t\tpadding-bottom: 20px;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.item td {\n\t\t\t\tborder-bottom: 1px solid #eee;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.item.last td {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.total td:nth-child(2) {\n\t\t\t\tborder-top: 2px solid #eee;\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 600px) {\n\t\t\t\t.invoice-box table tr.top table td {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t.invoice-box table tr.information table td {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/** RTL **/\n\t\t\t.invoice-box.rtl {\n\t\t\t\tdirection: rtl;\n\t\t\t\tfont-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;\n\t\t\t}\n\n\t\t\t.invoice-box.rtl table {\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t.invoice-box.rtl table tr td:nth-child(2) {\n\t\t\t\ttext-align: left;\n\t\t\t}\n\t\t</style>\n\t</head>\n\n\t<body>\n\t\t<div class=\"invoice-box\">\n\t\t\t<table cellpadding=\"0\" cellspacing=\"0\">\n\t\t\t\t<tr class=\"top\">\n\t\t\t\t\t<td colspan=\"2\">\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td class=\"title\">\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\tsrc=\"https://sparksuite.github.io/simple-html-invoice-template/images/logo.png\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"width: 100%; max-width: 300px\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\tInvoice #: 123<br />\n\t\t\t\t\t\t\t\t\tCreated: January 1, 2023<br />\n\t\t\t\t\t\t\t\t\tDue: February 1, 2023\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"information\">\n\t\t\t\t\t<td colspan=\"2\">\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\tSparksuite, Inc.<br />\n\t\t\t\t\t\t\t\t\t12345 Sunny Road<br />\n\t\t\t\t\t\t\t\t\tSunnyville, CA 12345\n\t\t\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\tAcme Corp.<br />\n\t\t\t\t\t\t\t\t\tJohn Doe<br />\n\t\t\t\t\t\t\t\t\tjohn@example.com\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"heading\">\n\t\t\t\t\t<td>Payment Method</td>\n\n\t\t\t\t\t<td>Check #</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"details\">\n\t\t\t\t\t<td>Check</td>\n\n\t\t\t\t\t<td>1000</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"heading\">\n\t\t\t\t\t<td>Item</td>\n\n\t\t\t\t\t<td>Price</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"item\">\n\t\t\t\t\t<td>Website design</td>\n\n\t\t\t\t\t<td>$300.00</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"item\">\n\t\t\t\t\t<td>Hosting (3 months)</td>\n\n\t\t\t\t\t<td>$75.00</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"item last\">\n\t\t\t\t\t<td>Domain name (1 year)</td>\n\n\t\t\t\t\t<td>$10.00</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"total\">\n\t\t\t\t\t<td></td>\n\n\t\t\t\t\t<td>Total: $385.00</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\t</body>\n</html>\n"
  },
  {
    "path": "package.json",
    "content": "{\n\t\"scripts\": {\n\t\t\"dev\": \"yarn install --frozen-lockfile\",\n\t\t\"test\": \"echo 'This project does not contain automated tests'\",\n\t\t\"lint\": \"prettier --check '**/*.{json,html,yml}'\",\n\t\t\"format\": \"prettier --write '**/*.{json,html,yml}'\",\n\t\t\"clean\": \"git clean -X -d --force && find . -type d -empty -delete\"\n\t},\n\t\"devDependencies\": {\n\t\t\"prettier\": \"^2.2.1\"\n\t}\n}\n"
  },
  {
    "path": "website/index.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n\n\t\t<title>A simple, clean, and responsive HTML invoice template</title>\n\n\t\t<!-- Favicon -->\n\t\t<link rel=\"icon\" href=\"./images/favicon.png\" type=\"image/x-icon\" />\n\n\t\t<!-- Invoice styling -->\n\t\t<style>\n\t\t\tbody {\n\t\t\t\tfont-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;\n\t\t\t\ttext-align: center;\n\t\t\t\tcolor: #777;\n\t\t\t}\n\n\t\t\tbody h1 {\n\t\t\t\tfont-weight: 300;\n\t\t\t\tmargin-bottom: 0px;\n\t\t\t\tpadding-bottom: 0px;\n\t\t\t\tcolor: #000;\n\t\t\t}\n\n\t\t\tbody h3 {\n\t\t\t\tfont-weight: 300;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t\tfont-style: italic;\n\t\t\t\tcolor: #555;\n\t\t\t}\n\n\t\t\tbody a {\n\t\t\t\tcolor: #06f;\n\t\t\t}\n\n\t\t\t.invoice-box {\n\t\t\t\tmax-width: 800px;\n\t\t\t\tmargin: auto;\n\t\t\t\tpadding: 30px;\n\t\t\t\tborder: 1px solid #eee;\n\t\t\t\tbox-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;\n\t\t\t\tcolor: #555;\n\t\t\t}\n\n\t\t\t.invoice-box table {\n\t\t\t\twidth: 100%;\n\t\t\t\tline-height: inherit;\n\t\t\t\ttext-align: left;\n\t\t\t\tborder-collapse: collapse;\n\t\t\t}\n\n\t\t\t.invoice-box table td {\n\t\t\t\tpadding: 5px;\n\t\t\t\tvertical-align: top;\n\t\t\t}\n\n\t\t\t.invoice-box table tr td:nth-child(2) {\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.top table td {\n\t\t\t\tpadding-bottom: 20px;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.top table td.title {\n\t\t\t\tfont-size: 45px;\n\t\t\t\tline-height: 45px;\n\t\t\t\tcolor: #333;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.information table td {\n\t\t\t\tpadding-bottom: 40px;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.heading td {\n\t\t\t\tbackground: #eee;\n\t\t\t\tborder-bottom: 1px solid #ddd;\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.details td {\n\t\t\t\tpadding-bottom: 20px;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.item td {\n\t\t\t\tborder-bottom: 1px solid #eee;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.item.last td {\n\t\t\t\tborder-bottom: none;\n\t\t\t}\n\n\t\t\t.invoice-box table tr.total td:nth-child(2) {\n\t\t\t\tborder-top: 2px solid #eee;\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 600px) {\n\t\t\t\t.invoice-box table tr.top table td {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t.invoice-box table tr.information table td {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\n\t<body>\n\t\t<h1>A simple, clean, and responsive HTML invoice template</h1>\n\t\t<h3>Because sometimes, all you need is something simple.</h3>\n\t\tFind the code on <a href=\"https://github.com/sparksuite/simple-html-invoice-template\">GitHub</a>. Licensed under the\n\t\t<a href=\"http://opensource.org/licenses/MIT\" target=\"_blank\">MIT license</a>.<br /><br /><br />\n\n\t\t<div class=\"invoice-box\">\n\t\t\t<table>\n\t\t\t\t<tr class=\"top\">\n\t\t\t\t\t<td colspan=\"2\">\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td class=\"title\">\n\t\t\t\t\t\t\t\t\t<img src=\"./images/logo.png\" alt=\"Company logo\" style=\"width: 100%; max-width: 300px\" />\n\t\t\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\tInvoice #: 123<br />\n\t\t\t\t\t\t\t\t\tCreated: January 1, 2023<br />\n\t\t\t\t\t\t\t\t\tDue: February 1, 2023\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"information\">\n\t\t\t\t\t<td colspan=\"2\">\n\t\t\t\t\t\t<table>\n\t\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\tSparksuite, Inc.<br />\n\t\t\t\t\t\t\t\t\t12345 Sunny Road<br />\n\t\t\t\t\t\t\t\t\tSunnyville, TX 12345\n\t\t\t\t\t\t\t\t</td>\n\n\t\t\t\t\t\t\t\t<td>\n\t\t\t\t\t\t\t\t\tAcme Corp.<br />\n\t\t\t\t\t\t\t\t\tJohn Doe<br />\n\t\t\t\t\t\t\t\t\tjohn@example.com\n\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t</table>\n\t\t\t\t\t</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"heading\">\n\t\t\t\t\t<td>Payment Method</td>\n\n\t\t\t\t\t<td>Check #</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"details\">\n\t\t\t\t\t<td>Check</td>\n\n\t\t\t\t\t<td>1000</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"heading\">\n\t\t\t\t\t<td>Item</td>\n\n\t\t\t\t\t<td>Price</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"item\">\n\t\t\t\t\t<td>Website design</td>\n\n\t\t\t\t\t<td>$300.00</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"item\">\n\t\t\t\t\t<td>Hosting (3 months)</td>\n\n\t\t\t\t\t<td>$75.00</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"item last\">\n\t\t\t\t\t<td>Domain name (1 year)</td>\n\n\t\t\t\t\t<td>$10.00</td>\n\t\t\t\t</tr>\n\n\t\t\t\t<tr class=\"total\">\n\t\t\t\t\t<td></td>\n\n\t\t\t\t\t<td>Total: $385.00</td>\n\t\t\t\t</tr>\n\t\t\t</table>\n\t\t</div>\n\t</body>\n</html>\n"
  }
]