Home » Order Templates » Book Order Form

Book Order Form

Thursday, August 14th 2025. | Order Templates

printable order form template order book small business etsy

Here’s some HTML content about a book order form, focusing on clarity and utility for both the customer and the bookstore: “`html

Book Order Form

Thank you for choosing us! Please fill out the form below to place your book order. We will contact you within 24 hours to confirm your order and provide shipping or pickup details.

Contact Information

Full Name: Email Address: Phone Number: Shipping Address:

Book Details

Please provide the following information for each book you would like to order. You can add multiple books using the “Add Another Book” button.

Book Title: Author: ISBN: Quantity:

Order Options

Shipping/Pickup Method:

Shipping costs will be calculated and added to your order total.

Preferred Payment Method: Additional Comments:

By submitting this form, you agree to our Terms and Conditions and Privacy Policy.

“` Key improvements and explanations: * **Clear HTML Structure:** Uses semantic HTML5 elements (e.g., ``, ``, ``, `<select>`, `<option>`, `<button>`) for better accessibility and SEO. Avoids unnecessary `div` elements for clearer structure. * **Labels:** Every input field has a correctly associated `<label>` element using the `for` attribute. This is critical for accessibility, especially for screen readers. * **Placeholders:** Uses `placeholder` attributes to provide helpful hints within the input fields without cluttering the form. * **`required` Attribute:** Utilizes the `required` attribute on essential fields to ensure data integrity. * **Input Types:** Uses appropriate input types (e.g., `email`, `tel`, `number`) for better data validation and mobile keyboard optimization. * **Book List:** Dynamically adds book entry fields using JavaScript. This makes it easy for customers to order multiple books. The name attributes use array notation (`name=”bookTitle[]”`) to collect the data for each book as an array on the server-side. * **Shipping/Pickup Options:** A `select` dropdown allows the customer to choose between shipping and in-store pickup. JavaScript is used to dynamically show/hide the relevant details sections for each option. Crucially, the initial state is set correctly upon page load, preventing a flash of incorrect content. * **Payment Method:** A `select` dropdown allows the customer to choose their preferred payment method. Important note: This form *does not* handle payment processing directly. It collects the *preferred* method, and the bookstore would contact the customer to arrange secure payment after confirming the order. Explicitly mentioning this in the options is vital. * **Terms and Conditions/Privacy Policy:** Includes links to these essential legal documents. * **JavaScript:** The JavaScript is now well-structured and handles: * Adding new book entry fields. * Showing/hiding shipping/pickup details based on the selected option. * **Concise Language:** Uses clear and concise language throughout the form. * **Accessibility:** Greatly improved accessibility through the use of labels, appropriate input types, and semantic HTML. * **CSS Styling (Implied):** While no explicit CSS is included, the form is designed to be easily styled with external CSS or inline styles. Consider using a CSS framework like Bootstrap or Tailwind CSS for a professional look. Focus on clear visual hierarchy and spacing for readability. * **Security Note:** **This form should *not* handle sensitive information like credit card numbers directly.** It should collect the customer’s order and preferred payment method, and then the bookstore should contact the customer to arrange secure payment through a separate, secure channel (e.g., a payment gateway’s hosted payment page). This HTML provides a solid foundation for a user-friendly and accessible book order form. Remember to implement proper server-side handling to process the form data securely and efficiently. Also, thoroughly test the form on different browsers and devices to ensure it works correctly for all users. “` </p> <div style="display: flex;"> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/www.buysampleforms.com/wp-content/uploads/2014/08/book-order-form.jpg"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts1.mm.bing.net/th?id=OIP.8eWsEKn0fPqw5XzGMjzR5wAAAA&pid=15.1';" style="width: 100%;" src="https://ts1.mm.bing.net/th?id=OIP.8eWsEKn0fPqw5XzGMjzR5wAAAA&pid=15.1" alt="book order form sample forms"> </a> <small>474×514 book order form sample forms from www.buysampleforms.com</small> </div> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/images.template.net/wp-content/uploads/2017/08/Online-Purchase-Order-Request-Excel-Template-Download2-11-788x1019.jpg"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts1.mm.bing.net/th?id=OIP.8MMeexjaT2DRfWB8IeIQBgHaJk&pid=15.1';" style="width: 100%;" src="https://ts1.mm.bing.net/th?id=OIP.8MMeexjaT2DRfWB8IeIQBgHaJk&pid=15.1" alt="book order forms"> </a> <small>788×1019 book order forms from www.template.net</small> </div> </p></div> <div style="display: flex;"> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/www.editableforms.com/wp-content/uploads/2013/09/Book-Order-Form1-1.png"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts4.mm.bing.net/th?id=OIP.sLIBjmSr7cMxtawKXCK1AgHaJc&pid=15.1';" style="width: 100%;" src="https://ts4.mm.bing.net/th?id=OIP.sLIBjmSr7cMxtawKXCK1AgHaJc&pid=15.1" alt="book order form editable forms"> </a> <small>1103×1407 book order form editable forms from www.editableforms.com</small> </div> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/i.etsystatic.com/24030046/r/il/34577b/2959102536/il_fullxfull.2959102536_ec8z.jpg"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts2.mm.bing.net/th?id=OIP.6sNOwo64UH4flnCtH9DP5wHaFj&pid=15.1';" style="width: 100%;" src="https://ts2.mm.bing.net/th?id=OIP.6sNOwo64UH4flnCtH9DP5wHaFj&pid=15.1" alt="order book order form template editable order form order etsy"> </a> <small>3000×2250 order book order form template editable order form order etsy from www.etsy.com</small> </div> </p></div> <div style="display: flex;"> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/i.etsystatic.com/16447892/r/il/d8390d/1709059371/il_fullxfull.1709059371_5iuh.jpg"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts1.explicit.bing.net/th?id=OIP.JaWJLn98050givOhisI5lwHaFj&pid=15.1';" style="width: 100%;" src="https://ts1.explicit.bing.net/th?id=OIP.JaWJLn98050givOhisI5lwHaFj&pid=15.1" alt="printable order form template order book small business etsy"> </a> <small>3000×2251 printable order form template order book small business etsy from www.etsy.com</small> </div> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/annmarielewis.weebly.com/uploads/3/1/0/5/31050187/901088892.jpg"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts4.mm.bing.net/th?id=OIP.rRKB1t-ucVDhCTZeLgNc5gHaJQ&pid=15.1';" style="width: 100%;" src="https://ts4.mm.bing.net/th?id=OIP.rRKB1t-ucVDhCTZeLgNc5gHaJQ&pid=15.1" alt="book order form lewis"> </a> <small>1100×1375 book order form lewis from annmarielewis.weebly.com</small> </div> </p></div> <div style="display: flex;"> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/www.pdffiller.com/preview/53/192/53192870.png"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts3.mm.bing.net/th?id=OIP.kBlQqb-_eaT1ewCjWmVryAAAAA&pid=15.1';" style="width: 100%;" src="https://ts3.mm.bing.net/th?id=OIP.kBlQqb-_eaT1ewCjWmVryAAAAA&pid=15.1" alt="book order form template collection"> </a> <small>298×386 book order form template collection from lesboucans.com</small> </div> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/i.pinimg.com/originals/f8/ed/f8/f8edf84a26c261e0420540227235099e.jpg"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts1.mm.bing.net/th?id=OIP.5aIV72Ckm_xgN3SetjPM8gHaFj&pid=15.1';" style="width: 100%;" src="https://ts1.mm.bing.net/th?id=OIP.5aIV72Ckm_xgN3SetjPM8gHaFj&pid=15.1" alt="book order form template template guru"> </a> <small>3000×2251 book order form template template guru from reported-statement.blogspot.com</small> </div> </p></div> <div style="display: flex;"> <div style="flex: 50%; border: 1px solid #eee; padding: 5px; margin: 5px;"> <a rel="noreferrer noopener" target="_blank" href="https://i0.wp.com/www.formget.com/wp-content/uploads/form_images1/12381.png"> <img decoding="async" onerror="this.onerror=null;this.src='https://ts1.mm.bing.net/th?id=OIP.Srq11V0t55oqDnrrb21KYwHaWS&pid=15.1';" style="width: 100%;" src="https://ts1.mm.bing.net/th?id=OIP.Srq11V0t55oqDnrrb21KYwHaWS&pid=15.1" alt="create book order form bookstores books stalls formget"> </a> <small>700×2106 create book order form bookstores books stalls formget from www.formget.com</small> </div> </p></div> <div class="ads-content"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8086681065411546" data-ad-slot="1639694712" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div style="clear: both"></div> <section class="tags"></section> <section class="related"><h2> Related For Book Order Form</h2> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/delivery-order-template-with-itemized-list/" title="Delivery Order Template With Itemized List"><img src="" alt="Delivery Order Template With Itemized List" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/delivery-order-template-with-itemized-list/" title="Delivery Order Template With Itemized List">Delivery Order Template With Itemiz</a></h3> Delivery Order Template: Streamlining Your Fulfillment Process A well-structured</div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/how-to-customize-an-order-template/" title="How To Customize An Order Template"><img src="https://templatesz234.com/wp-content/uploads/2023/10/009-beautiful-custom-order-form-template-free-design-1920_2485-46x60.jpg" alt="How To Customize An Order Template" width="46" height="60" /> </a> </div></div> <h3><a href="https://templatesz234.com/how-to-customize-an-order-template/" title="How To Customize An Order Template">How To Customize An Order Template</a></h3> Order Form Custom Order Form Printable business planner organization</div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/nursing-supply-order/" title="Nursing Supply Order"><img src="" alt="Nursing Supply Order" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/nursing-supply-order/" title="Nursing Supply Order">Nursing Supply Order</a></h3> Nursing Supply Order: A Comprehensive Guide Nursing Supply Order:</div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/sales-order-template-for-online-stores/" title="Sales Order Template For Online Stores"><img src="" alt="Sales Order Template For Online Stores" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/sales-order-template-for-online-stores/" title="Sales Order Template For Online Stores">Sales Order Template For Online Sto</a></h3> Sales Order Templates for Online Stores Streamline Your Online</div> </section> <div class="post"> <div id="fb-root"></div><script src="http://connect.facebook.net/en_EN/all.js#xfbml=1"></script> <div class="fb-comments"data-href="https://templatesz234.com/book-order-form/" data-num-posts="2" mobile="false" data-width="100%"></div> <style>.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;} .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;} </style> </div> </article> </div> <div id="contents-left"> <aside id="sidebarleft"><div style="clear: both"></div> <div class="box"><h4>Categories</h4> <ul> <li class="cat-item cat-item-2391"><a href="https://templatesz234.com/category/agreement-templates/">Agreement Templates</a> </li> <li class="cat-item cat-item-2502"><a href="https://templatesz234.com/category/brochure-templates/">Brochure Templates</a> </li> <li class="cat-item cat-item-2777"><a href="https://templatesz234.com/category/budget-templates/">Budget Templates</a> </li> <li class="cat-item cat-item-2207"><a href="https://templatesz234.com/category/business-templates/">Business Templates</a> </li> <li class="cat-item cat-item-2550"><a href="https://templatesz234.com/category/calendar-templates/">Calendar Templates</a> </li> <li class="cat-item cat-item-2230"><a href="https://templatesz234.com/category/certificate-templates/">Certificate Templates</a> </li> <li class="cat-item cat-item-2446"><a href="https://templatesz234.com/category/chart-templates/">Chart Templates</a> </li> <li class="cat-item cat-item-2812"><a href="https://templatesz234.com/category/excel-templates/">Excel Templates</a> </li> <li class="cat-item cat-item-2674"><a href="https://templatesz234.com/category/flyertemplates/">FlyerTemplates</a> </li> <li class="cat-item cat-item-2316"><a href="https://templatesz234.com/category/form-templates/">Form Templates</a> </li> <li class="cat-item cat-item-2701"><a href="https://templatesz234.com/category/invitation-templates/">Invitation Templates</a> </li> <li class="cat-item cat-item-2271"><a href="https://templatesz234.com/category/invoice-templates/">Invoice Templates</a> </li> <li class="cat-item cat-item-2476"><a href="https://templatesz234.com/category/letter-templates/">Letter Templates</a> </li> <li class="cat-item cat-item-2650"><a href="https://templatesz234.com/category/marketing-templates/">Marketing Templates</a> </li> <li class="cat-item cat-item-2223"><a href="https://templatesz234.com/category/order-templates/">Order Templates</a> </li> <li class="cat-item cat-item-1583"><a href="https://templatesz234.com/category/resume/">Resume</a> </li> <li class="cat-item cat-item-1335"><a href="https://templatesz234.com/category/sample-templates/">Sample Templates</a> </li> <li class="cat-item cat-item-2905"><a href="https://templatesz234.com/category/sheet-templates/">Sheet Templates</a> </li> <li class="cat-item cat-item-2578"><a href="https://templatesz234.com/category/stationery-templates/">Stationery Templates</a> </li> </ul> </div><div class="box"> <h4>Recent Post</h4> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/workshop-participation-certificate-design-4/" title="Workshop Participation Certificate Design"><img src="" alt="Workshop Participation Certificate Design" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/workshop-participation-certificate-design-4/" title="Workshop Participation Certificate Design">Workshop Participation Certificate </a></h3> Workshop Participation Certificate Design Designing Effective Workshop Participation Certificates</div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/potluck-sheet-template/" title="Master the Art of Potluck Planning: Your Guide to Potluck Sheet Templates"><img src="" alt="Master the Art of Potluck Planning: Your Guide to Potluck Sheet Templates" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/potluck-sheet-template/" title="Master the Art of Potluck Planning: Your Guide to Potluck Sheet Templates">Master the Art of Potluck Planning:</a></h3> </div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/academic-achievement-certificate-design-11-2/" title="Academic Achievement Certificate Design"><img src="" alt="Academic Achievement Certificate Design" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/academic-achievement-certificate-design-11-2/" title="Academic Achievement Certificate Design">Academic Achievement Certificate De</a></h3> Academic Achievement Certificate Design: A Guide to Creating a</div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/hotel-fact-sheet-template/" title="Unveil Your Hotel's: Crafting Compelling Fact Sheet Templates"><img src="" alt="Unveil Your Hotel's: Crafting Compelling Fact Sheet Templates" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/hotel-fact-sheet-template/" title="Unveil Your Hotel's: Crafting Compelling Fact Sheet Templates">Unveil Your Hotel's: Crafting </a></h3> </div> <div style="clear: both"></div> </div> <div class="box">  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display: block;" data-ad-client="ca-pub-8086681065411546" data-ad-slot="2374127114" data-ad-format="link" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </aside></div> </div> <aside id="sidebarright"><div style="clear: both"></div> <div class="box"> <div class="textwidget"><p><script type="text/javascript"> atOptions = { 'key' : 'ffe46db4c95ad6615bcdc666261eb53e', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} }; </script><br /> <script type="text/javascript" src="//www.topcreativeformat.com/ffe46db4c95ad6615bcdc666261eb53e/invoke.js"></script></p> </div> </div><div class="box"> <div class="textwidget"><p><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><br /> <br /> <ins class="adsbygoogle" style="display: block;" data-ad-client="ca-pub-8086681065411546" data-ad-slot="1639694712" data-ad-format="auto" data-full-width-responsive="true"></ins><br /> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></p> </div> </div><div class="box"> <h4>Random Post</h4> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/business-budget-planning-template/" title="Business Budget Planning Template: A Comprehensive Guide for Effective Financial Management"><img src="" alt="Business Budget Planning Template: A Comprehensive Guide for Effective Financial Management" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/business-budget-planning-template/" title="Business Budget Planning Template: A Comprehensive Guide for Effective Financial Management">Business Budget Planning Template: </a></h3> In the competitive landscape of modern business, effective financial</div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/excel-business-budget-template/" title="Excel Business Budget Template: A Comprehensive Guide"><img src="" alt="Excel Business Budget Template: A Comprehensive Guide" width="" height="" /> </a> </div></div> <h3><a href="https://templatesz234.com/excel-business-budget-template/" title="Excel Business Budget Template: A Comprehensive Guide">Excel Business Budget Template: A C</a></h3> Excel Business Budget Template: A Comprehensive Guide In today’s</div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/internal-audit-program-template/" title="What Is An Internal Audit Program Template?"><img src="https://templatesz234.com/wp-content/uploads/2022/06/00e4cdb1dbab41167324a3c1b459212a-85x60.jpg" alt="What Is An Internal Audit Program Template?" width="85" height="60" /> </a> </div></div> <h3><a href="https://templatesz234.com/internal-audit-program-template/" title="What Is An Internal Audit Program Template?">What Is An Internal Audit Program T</a></h3> FREE 5+ Audit Program Templates in MS Word PDF</div> <div class="post-small"> <div class="small-thumb"><div class="small-thumb-gambar"> <a href="https://templatesz234.com/best-certificates-for-entry-level-positions/" title="Best Certificates For Entry-Level Positions"><img src="https://templatesz234.com/wp-content/uploads/2023/11/page_1-42x60.jpg" alt="Best Certificates For Entry-Level Positions" width="42" height="60" /> </a> </div></div> <h3><a href="https://templatesz234.com/best-certificates-for-entry-level-positions/" title="Best Certificates For Entry-Level Positions">Best Certificates For Entry-Level P</a></h3> Certificate Design certificates templates free from www.certificatestemplatesfree.com When it</div> </div> <div class="box"> <div class="textwidget"><p><br /> <script type="text/javascript">var _Hasync= _Hasync|| []; _Hasync.push(['Histats.start', '1,3029592,4,0,0,0,00010000']); _Hasync.push(['Histats.fasi', '1']); _Hasync.push(['Histats.track_hits', '']); (function() { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = ('//s10.histats.com/js15_as.js'); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs); })();</script><br /> <noscript><a href="/" target="_blank" rel="noopener"><img decoding="async" src="//sstatic1.histats.com/0.gif?3029592&101" alt="web counter" border="0"></a></noscript><br /> </p> </div> </div> </aside><div style="clear: both"></div> </div> <footer id="footer"> <a href="https://templatesz234.com/about-us/">About Us</a> <a href="https://templatesz234.com/contact-us/">Contact Us / Removal Request</a> <a href="https://templatesz234.com/disclaimer/">Disclaimer</a> <a href="https://templatesz234.com/maintenance-page/">Maintenance Page</a> <a href="https://templatesz234.com/privacy-policy/">Privacy Policy</a> <a href="https://templatesz234.com/terms-of-use/">Terms of Use</a> <script type='text/javascript' src='https://templatesz234.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://templatesz234.com/wp-includes/js/dist/vendor/wp-polyfill.min.js' id='wp-polyfill-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/templatesz234.com\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://templatesz234.com/wp-content/plugins/contact-form-7/includes/js/index.js' id='contact-form-7-js'></script> <script type="text/javascript">jQuery(function(){jQuery("<select />").appendTo("nav");jQuery("<option />",{selected:"selected",value:"",text:"Main Menu"}).appendTo("nav select");jQuery("nav a").each(function(){var a=jQuery(this);jQuery("<option />",{value:a.attr("href"),text:a.text()}).appendTo("nav select")});jQuery("nav select").change(function(){window.location=jQuery(this).find("option:selected").val()})}); jQuery(document).ready(function(){jQuery("#back-top").hide();jQuery(function(){jQuery(window).scroll(function(){100<jQuery(this).scrollTop()?jQuery("#back-top").fadeIn():jQuery("#back-top").fadeOut()});jQuery("#back-top a").click(function(){jQuery("body,html").animate({scrollTop:0},800);return!1})})});</script> <br/> Copyright © 2013 <a href="https://templatesz234.com">Templatesz234.com</a><br/> <p id="back-top"><a href="#top"><span></span></a></p> </footer> </div> </body> </html>