The front-end framework for developing projects on the web in Windows Metro Style

Metro UI CSS developed with the advice of Microsoft to build the user interface and include: general styles, grid, layouts, typography, 20+ components, 300+ built-in icons. Metro UI CSS build with {LESS}. Metro UI CSS is open source and has MIT licensing model.

Simple steps to create cool pages

Create page with HTML5 DOCTYPE

 <!DOCTYPE html> 

Include required styles and libs

<!DOCTYPE html>
<html>
<head>
    <link href="metro.css" rel="stylesheet">
    <script src="jquery.js"></script>
    <script src="metro.js"></script>
</head>
</html>

Use declarative style to create components

<!DOCTYPE html>
<html>
<head>
    <link href="metro.css" rel="stylesheet">
    <script src="jquery.js"></script>
    <script src="metro.js"></script>
</head>
<body>
    <h1>Hello world!</h1>
    <div class="countdown" data-role="countdown" data-days="2"></div>
</body>
</html>

For more information https://metroui.org.ua/

Categories: Tools - CSS

Leave a Reply

Your email address will not be published. Required fields are marked *