Alba is an HTML5 template + CSS style sheet that makes mobile web pages for smartphones including Android, iPhone, and others. Clean and uncluttered, use it as is or modify it to your heart’s content..
pageSubhead
This is the free version of the Alba template and it’s designed with restaurants in mind. The full version of Alba has an expanded style sheet used to format restaurant menus. There are 8 different menu layouts to get you started. It also shows you how to embed a Google Map into your mobile site, it includes a library of buttons and icons, and has a collection of tips & tricks specific to mobile web development.
Buy the full Alba template online now for only $29 QRdvark.com/templates
This template is made to be modified. Look at the HTML5 code and the CSS style sheet to see how each section of this page is done. Edit as needed.
Begin by setting up a subdomain with your web host. Most mobile sites use the subdomain: m.example.com instead of www.example.com Upload your mobile files to your new subdomain's directory. Keep your files small and compact, especially graphics.
There’s no faster way to jumpstart your mobile web efforts than to borrow someone else’s code. We welcome your feedback and suggestions for improvement.
caption
These buttons are transparent PNG24 files so you can float them over your background. Add your own text. Resize them as needed.
Here are some icons you may find useful, especially when building sites for restaurants.
A simple menu:
PBJ, $4.50
an American classic, done our way. smooth or chunky; lingonberry, apricot, or strawberry
Tuna Melt, $5.75
dolphin-safe tuna & smoked Amish baby Swiss, served on white or rye
Mozzarella, tomato, & basil, $6.75
fresh homemade mozzarella, heirloom tomatos, & organic basil on sourdough
navigation using CSS
These navigation links aren’t graphic elements. They’re created using the webkit border property in the style sheet.
Licensing Info
Alba by QRdvark + Azalea Software, Inc. is licensed under a Creative Commons Attribution 3.0 Unported License (CC BY 3.0) This means you can share, distribute, modify, mashup, remix, twist, and bend this template if you include the following text, Alba:QRdvark, on your main page linked to www.QRdvark.com/templates We want you to use and change our template. We’d just like a touch of credit. Thanks!