Advertisement
Guest User

Untitled

a guest
Jun 29th, 2012
216
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.10 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement