Can't make the ride but want the shirt anyway?
Template Info
On this page I've put a form for ordering t-shirts for the rally. Originally I was going to go the simple route and use a table since it is the perfect method for displaying a grid but since I decided to make this a somewhat responsive template having images in a table meant that it wasn't scaling properly on phones. As a result I made a "faux" table using fieldsets.
In this form I decided to create a rounded corners with drop shadows on both the product div and the buttons. To do that I used:
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
-webkit-box-shadow: 9px 5px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 9px 5px 5px rgba(50, 50, 50, 0.75);
box-shadow: 9px 5px 5px rgba(50, 50, 50, 0.75);At some point the proprietary prefixes for -moz and -webkit may no longer be necessary but including them does no harm.
What I have not done is connect it to a forms processor. For most small events the form along with the registration form would most likely be submitted to PayPal, Google Pay or some other third party to accept credit cards. You will need to follow the instructions of your credit card processor in order to complete the shopping form.
Terms of Use
You may freely use this template subject to creative commons licensing terms provided that you credit by-expression.com on commerical and non-commerical sites. You may do this in a meta tag. If you must contact Cheryl D Wise prior to your use of this template.