Example of our HTML code
<!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Blinksale - Home page</title> <link rel="stylesheet" type="text/css" media="all" href="_ui-preview/css/main.css" /> <link rel="stylesheet" type="text/css" media="all" href="_ui-preview/fancybox/jquery.fancybox-1.3.1.css" /> <link rel="stylesheet" type="text/css" media="print" href="_ui-preview/css/print.css" /> <!--[if lte IE 7]> <link rel="stylesheet" type="text/css" media="all" href="_ui-preview/css/ie.css" /> <![endif]--> </head> <body class="homepage"> <ol id="accessibility-nav"> <li><a href="#navigation">Skip to navigation</a></li> <li><a href="#content">Skip to content</a></li> </ol> <!-- / accessibility-nav --> <div id="announcement"> <div class="container"> <p><strong>Fresh!</strong> Our new <a href="#">Bronze plan</a> gets you six invoices for just six bucks a month.</p> </div> <!-- / container --> </div> <!-- / announcement --> <hr /> <div id="main-wrapper"> <div id="main"> <div class="container"> <div id="header"> <a href="#" rel="home" title="Go to homepage" class="ir-t site-name">Blinksale</a> <h1 class="ir-t">The easiest way to send invoices online.</h1> <hr /> <div id="navigation"> <ul> <li class="home"><a href="#" class="active"><span>Home</span></a></li> <li class="blog"><a href="#"><span>Blog</span></a></li> <li class="contact"><a href="#"><span>Contact Us</span></a></li> <li class="signup"><a href="#"><span>Sign Up</span></a></li> <li class="login"><a href="#"><span>Login</span></a></li> </ul> </div> <!-- / navigation --> </div> <!-- / header --> <hr /> <div id="content"> <p class="intro"><em>Since 2005, Blinksale has made sending invoices and tracking payments simple. So you can spend your time doing more important things.</em></p> <div class="sign-up"> <p><a href="#" class="button ir-t">Sign up for a Free Trial</a></p> <p class="no-card">No credit card required for free trial</p> </div> <!-- / sign-up --> <ul class="list"> <li>Send elegantly formatted estimates & invoices</li> <li>Customize invoices with your own CSS</li> <li>Automate billing with recurring templates</li> <li>Import your clients from Basecamp</li> <li>And more! <a href="#">Check out our plans...</a></li> </ul> </div> <!-- / content --> <hr /> </div> <!-- / container --> </div> <!-- / main --> </div> <!-- / main-wrapper --> <div id="home-bottom"> <div class="container"> <div class="features"> <h2 class="ir-t">Check out some of our features:</h2> <ul> <li class="first"> <a href="_media-preview/images/home/features/dashboard_large.jpg" rel="features" title="Get a valuable snapshot of your recent Invoice and Estimate statuses right when you log in. Quickly see which of your documents are overdue, pending or still in Draft mode. Click one and launch right into action."><img src="_media-preview/images/home/features/dashboard.jpg" width="140" height="107" alt="Dashboard" /> <span>Dashboard</span></a> </li> <li> <a href="_media-preview/images/home/features/estimates_large.jpg" rel="features" title="NEW! Estimates allow you to add an extra, earlier step to your workflow, before you create a formal Invoice. Your client will be able to review the Estimate online, approve it, ask for revisions and add comments."><img src="_media-preview/images/home/features/estimates.jpg" width="140" height="107" alt="Estimates" /> <span>Estimates</span></a> </li> <li> <a href="_media-preview/images/home/features/convert_to_invoice_large.jpg" rel="features" title="NEW! Take an approved Estimate and make it into an Invoice. No need to create anything new — just convert it! Your Estimate gets archived and the Invoice is ready to edit or send."><img src="_media-preview/images/home/features/convert_to_invoice.jpg" width="140" height="107" alt="Convert to Invoice" /> <span>Convert to Invoice</span></a> </li> <li> <a href="_media-preview/images/home/features/invoices_large.jpg" rel="features" title="Bill clients for services, products, hours worked and more. Fine-tune charges for taxes & shipping. You can even set a late fee. And once that’s all done, send it out as an HTML email or PDF."><img src="_media-preview/images/home/features/invoices.jpg" width="140" height="107" alt="Invoices" /> <span>Invoices</span></a> </li> <li> <a href="_media-preview/images/home/features/thank_you_notes_large.jpg" rel="features" title="Every client appreciates a gracious vendor. Choose from a variety of thank-you note styles. If you’re knowledgeable in CSS (Cascading Style Sheets), you can even create your own custom style."><img src="_media-preview/images/home/features/thank_you_notes.jpg" width="140" height="107" alt="Thank you notes" /> <span>Thank you notes</span></a> </li> <li> <a href="_media-preview/images/home/features/instant_payment_large.jpg" rel="features" title="Let your clients pay you instantly online with PayPal. Just add the email address you use for Blinksale to your PayPal account."><img src="_media-preview/images/home/features/instant_payment.jpg" width="140" height="107" alt="Instant payment" /> <span>Instant payment</span></a> </li> </ul> </div> <!-- / features --> <div class="faqs"> <h2 class="ir-t">FAQs</h2> <ul> <li> <h3>Who should use Blinksale?</h3> <p>Blinksale is perfect for anyone who needs to invoice clients for services or products sold. Blinksale is an excellent choice for attorneys, accountants, designers, IT professionals, software developers, journalists, contractors, engineers, architects, videographers, and more. Basically, if you need to send invoices, Blinksale can work for you.</p> </li> <li> <h3>What do I need?</h3> <p>Blinksale is an elegantly-designed web-application, and can be used with any modern web browser that supports web-standards. We recommend Mozilla Firefox, Apple’s Safari, or Internet Explorer 7. We cannot guarantee Blinksale will work on other web browsers.</p> </li> <li> <h3>How will my clients receive my invoices?</h3> <p>Blinksale invoices are typically sent via email. You may also print and snail-mail your invoices if that’s your thing. Additionally, if your client is a Blinksale subscriber, your invoices can be automatically added to their account. This makes record keeping and organization a breeze.</p> </li> <li> <h3>Can I design my own invoices?</h3> <p>Absolutely. In addition to our professionally-designed invoice templates, if you possess a technical knowledge of cascading style sheets (CSS) you can customize the design of your own invoices. You can also upload your own logo to make those invoices look purdy.</p> </li> <li> <h3>Is my data safe?</h3> <p>Our servers are housed in a secure, state-of-the-art colocation center in Dallas, Texas. You may export your data in a variety of formats, and though we hate to see you go, you are free to cancel Blinksale at any time.</p> </li> <li> <h3>Does Blinksale have an API?</h3> <p>As a matter of fact, it does. If you’d like to mash up Blinksale to work with other applications in your business workflow, we’d love for you to check out our <a href="#">API documentation</a>.</p> </li> <li> <h3>Can I import my clients from Basecamp?</h3> <p>If you already use the popular <a href="#">Basecamp</a> project management software from 37signals, Blinksale makes it easy to import and invoice your clients and customers without having to re-enter their data into Blinksale. With Blinksale, your Basecamp client information is only a couple clicks away.</p> </li> </ul> </div> <!-- / faqs --> <div class="testimonials"> <h2 class="ir-t">Testimonials</h2> <ul> <li> <blockquote> <p>“Blinksale tackles a simple need in a straightforward way. ”</p> <p class="author">Michael Arrington – TechCrunch</p> </blockquote> </li> <li> <blockquote> <p>“Of all the applications I use for business, Blinksale is the most important and easiest to use. ”</p> <p class="author">Greg Story — Airbag Industries</p> </blockquote> </li> <li> <blockquote> <p>“Oh and by the way-for the first time in 16 years I love invoicing-thank you so much. Being a Designer it is tough to settle on a look for anything-these invoices look like a million bucks…It’s nice to have an invoice that reflects the quality of my work! ”</p> <p class="author">Lisa Corrado</p> </blockquote> </li> <li> <blockquote> <p>“I just wanted… to thank you all so much for your hard work. Blinksale is a product that I consider truly invaluable to my business life. ”</p> <p class="author">Tyson Caly — Design Agents, Inc.</p> </blockquote> </li> <li> <blockquote> <p>“Web 2.0 at its best.”</p> <p class="author">Sid Yadav — rev2.org</p> </blockquote> </li> <li> <blockquote> <p>“Dive in and enjoy shamelessly easy invoicing. ”</p> <p class="author">Cameron Moll — <a href="http://cameronmoll.com/">cameronmoll.com</a></p> </blockquote> </li> <li> <blockquote> <p>“With a tagline ‘the easiest way to send invoices online’ Blinksale has a lot to live up to…and so far, they are living up to it. ”</p> <p class="author">SmallOfficeMedia.com</p> </blockquote> </li> <li> <blockquote> <p>“Heavenly Invoicing! Blinksale is gorgeous and easy-to-use…If you’re serious about your business, I recommend that you sign up and take it for a spin.”</p> <p class="author">James Archer — Forty Media</p> </blockquote> </li> <li> <blockquote> <p>“Five minutes from log-in to sending out my first test invoice. All told, it’s a beautiful piece of work.”</p> <p class="author">Khoi Vinh — Subtraction.com</p> </blockquote> </li> <li> <blockquote> <p>“Superb quality, stylish design and smart thinking.”</p> <p class="author">Chuck Mallott — oaktreecreative.com</p> </blockquote> </li> </ul> </div> <!-- / testimonials --> <div class="news"> <h2 class="ir-t">News & Updates</h2> <div class="message"> <h3><a href="#">Short maintenance window Friday night</a></h3> <p>May 12th, 2010 – Friends, things are cooking here at Blinksale. I know that some of you close to the situation know that for a few years, there was little progress in the way of new features, etc. Additionally, most of the last year has been behind the scenes work.</p> <p>However, this is going to be a busy [...]</p> </div> <!-- / message --> <div class="latest-tweets"> <h2 class="ir-t">Our Latest Tweets</h2> <ul> <li>How to make invoicing seem fantastically exciting? Music + cupcakes + tea. (via <a href="#">@calliemiller</a>) // + <a href="#">@blinksale</a>. :) <a href="http://www.blinksale.com/">www.blinksale.com</a></li> <li>Great article from <a href="#">@freelancefolder</a>: Using Zen Practices to Increase Your Organization & Productivity! <a href="http://bit.ly/9ZQqYF">http://bit.ly/9ZQqYF</a></li> <li><a href="#">@maxer08</a> We are excited to have you! Let me know if I can do anything for you. Have a great day!</li> <li>And if you would like to Beta test our ESTIMATING functionality, send me an e-mail at <a href="#">patrick@blinksale.com</a>. Thanks!</li> <li>Short maintenance window scheduled for TONIGHT | <a href="http://bit.ly/9dvHgB">http://bit.ly/9dvHgB</a></li> </ul> <p><a href="#">Follow us on Twitter</a> for the latest Blinksale news.</p> </div> <!-- / latest-tweets --> </div> <!-- / news --> </div> <!-- / container --> </div> <!-- / home-bottom --> <div id="footer-wrapper"> <div id="footer"> <div class="container"> <div class="double-wide"> <h2 class="ir-t"><a href="#">DoubleWide</a></h2> <p>Blinksale is run by the fine folks at Doublewide Labs from Dallas, Texas. We're committed to keeping Blinksale the easiest, most productive way for creative professionals and small businesses to send invoices on the Web. So you can get paid and get right back to doing what you love.</p> </div> <!-- / doublewide --> <ul class="vcard"> <li>Email: <a href="mailto:support@blinksale.com" class="email">support@blinksale.com</a></li> <li class="phone"><span class="type">Phone:</span> <span class="value">214-580-2003</span></li> <li> <ul> <li class="first"><a href="#">Privacy Policy</a></li> <li><a href="#">Terms of Service</a></li> <li><a href="#">Contact Us</a></li> </ul> </li> <li>© 2005-2010 <span class="fn">Blinksale, Inc.</span> All rights reserved.</li> <li>Blinksale is a registered trademark of Blinksale, Inc.</li> <li>Basecamp is a service mark of 37signals, LLC.</li> </ul> <!-- / vcard --> </div> <!-- / container --> </div> <!-- / footer --> </div> <!-- / footer-wrapper --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="_ui-preview/fancybox/jquery.fancybox-1.3.1.pack.js"></script> <script type="text/javascript" src="_ui-preview/js/main.js"></script> </body> </html>