yys / metroappsite-html5

A metro-themed template website for Windows Store apps

Metroappsite-HTML5

MetroAppSite for HTML5 is an off-the-shelf static HTML5 and JavaScript project that leverages Twitter Bootstrap and BootMetro to help Windows Store developers craft customizeable, Metro-style websites to help promote their application and meet Windows Store certification requirements.

MetroAppSite is developed and maintained by the engineering team from MarkedUp Analytics.

What's Included

MetroAppSite includes:

• Metro UI, branding, and Microsoft SurfaceTM smooth screenshot slider.
• Fully configurable branding and content.
• Customizeable and extensible UI built with Twitter Bootstrap and BootMetro.
• Includes privacy policy template, which is required to publish in the Windows Store.
• Integration points with UserVoice and Google Analytics to help you better manage your app's presence online.

Example MetroAppSites

Here are some sample sites that are currently using MetroAppSite

• Relay App
• Default MetroAppSite Configuration

Configuration Instructions

Fork and clone this repostiory, and then:

1. Edit the marketing text (features, testimonials, headers, etc...) on index.html.
2. Add your own carousel pictures to index.html. MetroAppSite uses the Twitter Bootstrap photo carousel.
3. Embed your own [Twitter timeline widget] 5 on index.html.
4. Add your own [UserVoice] 4 information to index.html and privacy.html.
5. Add your own [Google Analytics] 2 information to index.html and privacy.html.
6. Change the <title> tag for both index.html and privacy.html.
7. Change the App Download Urls on both index.html and privacy.html to be equal to your app's url in the Windows Store.
8. Add your own marketing terms to meta tags at index.html.
9. Create your own privacy policy for your app at PrivacyChoice.org and replace the contents of the privacy policy on privacy.html.

This template is based on BootMetro.