Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <title>test</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <!-- 1140px Grid styles for IE -->
- <!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]-->
- <!-- The 1140px Grid - http://cssgrid.net/ -->
- <link rel="stylesheet" href="css/1140.css" type="text/css" media="screen" />
- <!-- Your styles -->
- <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
- <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
- <link href='http://fonts.googleapis.com/css?family=Carter+One|Open+Sans' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
- <!--css3-mediaqueries-js - http://code.google.com/p/css3-mediaqueries-js/ - Enables media queries in some unsupported browsers-->
- <script type="text/javascript" src="js/css3-mediaqueries.js"></script>
- <!--Delete embedded styles, just for example.-->
- <style type="text/css">
- body {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- }
- .container p {
- color: #fff;
- line-height: 100px;
- background: #000;
- text-align: center;
- margin: 20px 0 0 0;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="row">
- <div class="fourcol">
- <h1 class="logo">wpshake</h1>
- </div>
- <div class="onecol">
- <p>One</p>
- </div>
- <div class="onecol">
- <p>One</p>
- </div>
- <div class="onecol">
- <p>One</p>
- </div>
- <div class="onecol">
- <p>One</p>
- </div>
- <div class="onecol">
- <p>One</p>
- </div>
- <div class="onecol">
- <p>One</p>
- </div>
- <div class="onecol">
- <p>One</p>
- </div>
- <div class="onecol last">
- <p>One</p>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row" style="margin-top:30px">
- <div class="fourcol">
- <img src="http://placekitten.com/g/358/256" />
- </div>
- <div class="fourcol">
- <img src="http://placekitten.com/g/358/256" />
- </div>
- <div class="fourcol last">
- <img src="http://placekitten.com/g/358/256" />
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="threecol">
- <img src="http://placekitten.com/g/251/156" />
- </div>
- <div class="threecol">
- <img src="http://placekitten.com/g/251/156" />
- </div>
- <div class="threecol">
- <img src="http://placekitten.com/g/251/156" />
- </div>
- <div class="threecol last">
- <img src="http://placekitten.com/g/251/156" />
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="threecol">
- <img src="" />
- </div>
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol last">
- <p>Three columns</p>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol last">
- <p>Three columns</p>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol last">
- <p>Three columns</p>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="threecol last">
- <p>Three columns</p>
- </div>
- </div>
- </div>
- <div class="container">
- <div class="row">
- <div class="threecol">
- <p>Three columns</p>
- </div>
- <div class="sixcol">
- <p>Six columns</p>
- </div>
- <div class="threecol last">
- <p>Three columns</p>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement