Metron

Windows 8.1 Inspired interactive web application that comes with some of the most distinct features on the operating system, including user's ability to interact with the UI, change theme colors, backgrounds, update account picture and more. This could be great for a personal website,commercial advertising, blog etc.

Features

• Windows 8.1 themed application
• Highly Customizable layout
• Large Pattern Library
• Responsive Interface
• Great cross-browser support, even in IE7+

#

Get started

#

Example of new ".column" class

Events
  A day in the life

// Simplified example
  <div class="column">....</div

Adding a new app

  <a href="#" class="app sm-app settings">
      <span class="app-text">Settings</span>                    
  </a>

Choosing app sizes

  <span class="app sm-app">
    ......
  </span>
  <span class="app med-app">
    ......
  </span>
  <span class="app lg-app">
    ......
  </span>

Customizing app colors

  <a href="#" class="app teal">....</a>
  <a href="#" class="app blue">....</a>
  <a href="#" class="app purple">....</a>
  <a href="#" class="app orange">....</a>

Choosing app sizes

  <span class="app fb-blue">
    ......
  </span>
  <span class="app twitter-blue">
    ......
  </span>
  <span class="app linkedin">
    ......
  </span>

Adding new portfolio item

  <div class="portfolio-item">
      <img src="images/hologram.jpg" alt="portfolio item" class="portfolioSelect" />
      <a><span class="itemsTitle">Lorem Ipsum <br /><img src="images/search2.png"
       alt="Search Portfolio" class="portfolioSearch" /></span></a>
  </div>

Adding new services

  <div class="aboutServices">
      <img src="images/web_support.jpg" />
      <h2>Web Support</h2>
      <p>....</p>
  </div>

Installation

Clone the repository

$ git clone https://github.com/ipeters90/metron.git
$ cd metron