End output :-
Step1 :- You need to download 360.css and include in your html file
<html>
<head>
<title>Windows Metro Theme</title>
<link rel="stylesheet" href="css/960.css" /> //download place it in your local drive
<style>
div.container_16{
margin-bottom: 10px;
}
</style>
</head>
<body >
<div class="container_16">
<div class="grid_4" style="height : 50px; background :black">
</div>
<div class="grid_2" style="height : 50px; background :green">
</div>
<div class="grid_2" style="height : 50px; background :blue">
</div>
<div class="grid_4" style="height : 50px; background :green">
</div>
<div class="grid_2" style="height : 50px; background :brown">
</div>
<div class="grid_2" style="height : 50px; background :yellow">
</div>
</div>
<div class="container_16" stle="z-index:99">
<div class="grid_2" style="height : 50px; background :brown">
</div>
<div class="grid_2" style="height : 50px; background :blue">
</div>
<div class="grid_4" style="height : 50px; background :orange">
</div>
<div class="grid_2" style="height : 50px; background :brown">
</div>
<div class="grid_2" style="height : 50px; background :yellow">
</div>
<div class="grid_4" style="height : 50px; background :green">
</div>
</div>
<div class="container_16">
<div class="grid_4" style="height : 50px; background :green">
</div>
<div class="grid_2" style="height : 50px; background :brown">
</div>
<div class="grid_2 pull_5" style="height : 50px; background :green">
</div>
<div class="grid_2" style="height : 50px; background :blue">
</div>
<div class="grid_2" style="height : 50px; background :green">
</div>
<div class="grid_2" style="height : 50px; background :blue">
</div>
<div class="grid_2" style="height : 50px; background :green">
</div>
</div>
</body>
</html>
No comments:
Post a Comment