Welcome
This example website is a project that I've worked on for a small tile contracting company. Sadly, this website has yet to go live due to some additional info I need from the client. But rather than let it sit in limbo, I decided to show it off anyway (with some modifications, of course).
The goal of this project is straight-forward; the client just wants an updated appearance to their basic website. Running with the tile theme, I decided to go all-out with making the interface appear to be a tiled mosaic. It's simple, effective, and it stands out amongst its peers with its unique appearance.
This website is fully responsive in design. It adjusts itself to fit any browser window size, making it perfect for mobile, tablet and desktop viewing. What really makes this website spiffy is how this website renders the tile borders around this content area, as well as its background.
You'll notice that the number of tiles around this content area will change responsively in size and number depending on how wide your browser window is. The tile pattern that makes up this content area's background is also adaptive - it changes the size of the tile pattern based on the size of your browser's window size. What's also neat about this background is that it's all generated by code. Yep, this website uses no image files to render this main content area's background.
There's one other thing about this website that I feel is rather spiffy - there are only two image
files used to render this website. One is obviously the missing logo image in the header area.
The other is the background behind the website itself. It looks like this:
In total, this single webpage is 80.5KB in size (not including the missing logo). Most of it is rendered using HTML5 & CSS3. Pretty spiffy, eh?