---
title: Metro UI Form using HTML5 and CSS3
description: >-
A few months ago I had posted a PSD freebie for Metro UI Contact form. I received many requests
asking for the HTML/CSS version of the same. So here is the...
url: https://expiredqueues.com/html5-css3-metro-ui-form/
date: '2013-03-17T20:22:55.000Z'
image: https://expiredqueues.com/images/og/html5-css3-metro-ui-form-38c4e74f.jpg
---
Written in March 2013. Much of what it describes has since changed or disappeared; it is kept as a record of how the web used to work, not as advice.
Tutorials posts css3
# Metro UI Form using HTML5 and CSS3
17 March 2013 By Adrian 1 min read
A few months ago I had posted a [PSD freebie for Metro UI Contact](https://expiredqueues.com/metro-ui-style-contact-form-psd/) form. I received many requests asking for the HTML/CSS version of the same. So here is the form, coded using HTML5 and CSS3.
A Quick preview:
[HTML/CSS Demo](https://expiredqueues.github.io/SimpleMetroForm/)
[](https://expiredqueues.com/metro-ui-style-contact-form-psd/)
Here you can download the HTML/CSS:
[Download](https://github.com/expiredqueues/SimpleMetroForm/archive/master.zip)
Happy sharing!
### Similar posts
- [5 Best Articles to Learn Metro UI Design](https://expiredqueues.com/5-best-articles-to-learn-metro-ui-design/)
[Previously CSS Icons for Better Web - Part I](https://expiredqueues.com/css-icons-for-better-web/) [Next How to set Cookies to share across all subdomains using JavaScript](https://expiredqueues.com/subdomain-cookie-javascript/)
## Structured data
```json
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"headline": "Metro UI Form using HTML5 and CSS3",
"datePublished": "2013-03-17T20:22:55.000Z",
"dateModified": "2013-03-17T20:22:55.000Z",
"author": {
"@type": "Person",
"name": "Adrian",
"url": "https://expiredqueues.com/about/"
},
"publisher": {
"@type": "Person",
"name": "Adrian"
},
"mainEntityOfPage": "https://expiredqueues.com/html5-css3-metro-ui-form/",
"image": "https://expiredqueues.com/images/2012/Metro-Style-Contact-Form.jpg",
"keywords": "posts, css3, html5, metro-ui",
"articleSection": "Tutorials"
}
```