Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Jun 29th, 2012  |  syntax: None  |  size: 4.10 KB  |  views: 64  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5.         <meta charset="utf-8" />
  6.         <title>test</title>
  7.  
  8.         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  9.        
  10.         <!-- 1140px Grid styles for IE -->
  11.         <!--[if lte IE 9]><link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" /><![endif]-->
  12.  
  13.         <!-- The 1140px Grid - http://cssgrid.net/ -->
  14.         <link rel="stylesheet" href="css/1140.css" type="text/css" media="screen" />
  15.        
  16.         <!-- Your styles -->
  17.         <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
  18.         <link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
  19.        
  20.         <link href='http://fonts.googleapis.com/css?family=Carter+One|Open+Sans' rel='stylesheet' type='text/css'>
  21.         <link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
  22.         <!--css3-mediaqueries-js - http://code.google.com/p/css3-mediaqueries-js/ - Enables media queries in some unsupported browsers-->
  23.         <script type="text/javascript" src="js/css3-mediaqueries.js"></script>
  24.        
  25.  
  26.  
  27.         <!--Delete embedded styles, just for example.-->
  28.         <style type="text/css">
  29.  
  30.         body {
  31.         font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  32.         }
  33.        
  34.         .container p {
  35.         color: #fff;
  36.         line-height: 100px;
  37.         background: #000;
  38.         text-align: center;
  39.         margin: 20px 0 0 0;
  40.         }
  41.        
  42.         </style>
  43.  
  44. </head>
  45.  
  46.  
  47. <body>
  48.  
  49. <div class="container">
  50.         <div class="row">
  51.                 <div class="fourcol">
  52.                         <h1 class="logo">wpshake</h1>
  53.                 </div>
  54.  
  55.                 <div class="onecol">
  56.                         <p>One</p>
  57.                 </div>
  58.                 <div class="onecol">
  59.                         <p>One</p>
  60.                 </div>
  61.                 <div class="onecol">
  62.                         <p>One</p>
  63.                 </div>
  64.                 <div class="onecol">
  65.                         <p>One</p>
  66.                 </div>
  67.                 <div class="onecol">
  68.                         <p>One</p>
  69.                 </div>
  70.                 <div class="onecol">
  71.                         <p>One</p>
  72.                 </div>
  73.                 <div class="onecol">
  74.                         <p>One</p>
  75.                 </div>
  76.                 <div class="onecol last">
  77.                         <p>One</p>
  78.                 </div>
  79.         </div>
  80. </div>
  81.  
  82. <div class="container">
  83.         <div class="row" style="margin-top:30px">
  84.                 <div class="fourcol">
  85.                         <img src="http://placekitten.com/g/358/256" />
  86.                 </div>
  87.                 <div class="fourcol">
  88.                         <img src="http://placekitten.com/g/358/256" />
  89.                 </div>
  90.  
  91.                 <div class="fourcol last">
  92.                         <img src="http://placekitten.com/g/358/256" />
  93.                 </div>
  94.         </div>
  95. </div>
  96.  
  97.  
  98.  
  99. <div class="container">
  100.         <div class="row">
  101.                 <div class="threecol">
  102.                         <img src="http://placekitten.com/g/251/156" />
  103.                 </div>
  104.                 <div class="threecol">
  105.                         <img src="http://placekitten.com/g/251/156" />
  106.                 </div>
  107.                 <div class="threecol">
  108.                         <img src="http://placekitten.com/g/251/156" />
  109.                 </div>
  110.                 <div class="threecol last">
  111.                         <img src="http://placekitten.com/g/251/156" />
  112.                 </div>
  113.         </div>
  114. </div>
  115.  
  116. <div class="container">
  117.         <div class="row">
  118.                 <div class="threecol">
  119.                         <img src="" />
  120.                 </div>
  121.                 <div class="threecol">
  122.                         <p>Three columns</p>
  123.                 </div>
  124.                 <div class="threecol">
  125.                         <p>Three columns</p>
  126.                 </div>
  127.                 <div class="threecol last">
  128.                         <p>Three columns</p>
  129.                 </div>
  130.         </div>
  131. </div>
  132. <div class="container">
  133.         <div class="row">
  134.                 <div class="threecol">
  135.                         <p>Three columns</p>
  136.                 </div>
  137.                 <div class="threecol">
  138.                         <p>Three columns</p>
  139.                 </div>
  140.                 <div class="threecol">
  141.                         <p>Three columns</p>
  142.                 </div>
  143.                 <div class="threecol last">
  144.                         <p>Three columns</p>
  145.                 </div>
  146.         </div>
  147. </div>
  148.  
  149. <div class="container">
  150.         <div class="row">
  151.                 <div class="threecol">
  152.                         <p>Three columns</p>
  153.                 </div>
  154.                 <div class="threecol">
  155.                         <p>Three columns</p>
  156.                 </div>
  157.                 <div class="threecol">
  158.                         <p>Three columns</p>
  159.                 </div>
  160.                 <div class="threecol last">
  161.                         <p>Three columns</p>
  162.                 </div>
  163.         </div>
  164. </div>
  165. <div class="container">
  166.         <div class="row">
  167.                 <div class="threecol">
  168.                         <p>Three columns</p>
  169.                 </div>
  170.                 <div class="threecol">
  171.                         <p>Three columns</p>
  172.                 </div>
  173.                 <div class="threecol">
  174.                         <p>Three columns</p>
  175.                 </div>
  176.                 <div class="threecol last">
  177.                         <p>Three columns</p>
  178.                 </div>
  179.         </div>
  180. </div>
  181.  
  182.  
  183. <div class="container">
  184.         <div class="row">
  185.                 <div class="threecol">
  186.                         <p>Three columns</p>
  187.                 </div>
  188.                 <div class="sixcol">
  189.                         <p>Six columns</p>
  190.                 </div>
  191.                 <div class="threecol last">
  192.                         <p>Three columns</p>
  193.                 </div>
  194.         </div>
  195. </div>
  196.  
  197.  
  198. </body>
  199.  
  200. </html>