API tools faq
paste
Guest User

Untitled

a guest
Jun 18th, 2018
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>Poynter skin</title>
  6. <link rel="stylesheet" href="style.css" />
  7. </head>
  8. <body>
  9. <div id="wrapper" class="container_16">
  10. <div id="leaderboard">
  11. <img src="gray.gif" width="728" height="90" />
  12. <img src="gray.gif" width="220" height="90" />
  13. <div class="clear"></div>
  14. </div> <!-- END #leaderboard -->
  15.  
  16. <div id="main">
  17. <div class="nav">
  18. <ul id="menu-above-header" class="menu">
  19. <li class="menu-item"><a href="#">Poynter.org</a></li>
  20. <li class="menu-item"><a href="#">About Us</a></li>
  21. <li class="menu-item"><a href="#">Training</a></li>
  22. <li class="menu-item current-menu-item"><a href="#">Media News</a></li>
  23. <li class="menu-item"><a href="#">Support Poynter</a></li>
  24. </ul>
  25. <div class="clear"></div>
  26. </div>
  27. <div id="logo"><span>Poynter</span></div> <!-- END #logo -->
  28. <div class="nav">
  29. <ul id="menu-primary-navigation" class="menu">
  30. <li class="menu-item current-menu-item"><a href="#">Home</a></li>
  31. <li class="menu-item menu-item-type-category"><a href="#">Latest News</a></li>
  32. <li class="menu-item menu-item-type-category"><a href="#">How To&apos;s</a></li>
  33. <li class="menu-item menu-item-type-category"><a href="#">Making Sense of Media</a></li>
  34. <li class="menu-item menu-item-type-post_type"><a href="#">Blogs</a></li>
  35. <li class="menu-item menu-item-type-post_type"><a href="#">Chats</a></li>
  36. </ul> <!-- END #menu-primary-navigation -->
  37. <div class="clear"></div>
  38. </div> <!-- END .nav -->
  39. <div class="nav">
  40. <ul id="menu-secondary-navigation" class="menu">
  41. <li class="menu-item menu-item-type-subcategory"><a href="#">Romenesko</a></li>
  42. <li class="menu-item current-menu-item"><a href="#">Home</a></li>
  43. <li class="menu-item menu-item-type-subcategory"><a href="#">Business</a></li>
  44. <li class="menu-item menu-item-type-subcategory"><a href="#">Mobile Media</a></li>
  45. </ul> <!-- END #menu-secondary-navigation -->
  46. <div class="clear"></div>
  47. </div> <!-- END .nav -->
  48.  
  49. <hr class="grid_12" />
  50.  
  51. <!-- THIS BEGINS THE CATEGORY TEMPLATE GUTS -->
  52.  
  53. <div id="category-articles" class="articles grid_8">
  54. <h1>Category Name</h1>
  55. <p class="description">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  56. <hr />
  57. <div class="article">
  58. <h2>Millions of eggs recalled because of salmonella</h2>
  59. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  60. <p class="article-meta">
  61. <span class="meta-byline">Testy McTesterson</span>
  62. <span class="meta-date">Decembuary 42, 1909</span>
  63. <span class="meta-time">2:19 p.m.</span>
  64. </p>
  65. <p class="breadcrumbs">
  66. <span class="breadcrumb-parent">Latest News</span> &rarr;
  67. <span class="breadcrumb-child">Romenesko</span>
  68. </p>
  69. </div>
  70. <div class="article">
  71. <h2>Millions of eggs recalled because of salmonella</h2>
  72. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  73. <p class="article-meta">
  74. <span class="meta-byline">Testy McTesterson</span>
  75. <span class="meta-date">Decembuary 42, 1909</span>
  76. <span class="meta-time">2:19 p.m.</span>
  77. </p>
  78. <p class="breadcrumbs">
  79. <span class="breadcrumb-parent">Latest News</span> &rarr;
  80. <span class="breadcrumb-child">Romenesko</span>
  81. </p>
  82. </div>
  83. <div class="article">
  84. <h2>Millions of eggs recalled because of salmonella</h2>
  85. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  86. <p class="article-meta">
  87. <span class="meta-byline">Testy McTesterson</span>
  88. <span class="meta-date">Decembuary 42, 1909</span>
  89. <span class="meta-time">2:19 p.m.</span>
  90. </p>
  91. <p class="breadcrumbs">
  92. <span class="breadcrumb-parent">Latest News</span> &rarr;
  93. <span class="breadcrumb-child">Romenesko</span>
  94. </p>
  95. </div>
  96. <div class="article">
  97. <h2>Millions of eggs recalled because of salmonella</h2>
  98. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  99. <p class="article-meta">
  100. <span class="meta-byline">Testy McTesterson</span>
  101. <span class="meta-date">Decembuary 42, 1909</span>
  102. <span class="meta-time">2:19 p.m.</span>
  103. </p>
  104. <p class="breadcrumbs">
  105. <span class="breadcrumb-parent">Latest News</span> &rarr;
  106. <span class="breadcrumb-child">Romenesko</span>
  107. </p>
  108. </div>
  109. <div class="article">
  110. <h2>Millions of eggs recalled because of salmonella</h2>
  111. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  112. <p class="article-meta">
  113. <span class="meta-byline">Testy McTesterson</span>
  114. <span class="meta-date">Decembuary 42, 1909</span>
  115. <span class="meta-time">2:19 p.m.</span>
  116. </p>
  117. <p class="breadcrumbs">
  118. <span class="breadcrumb-parent">Latest News</span> &rarr;
  119. <span class="breadcrumb-child">Romenesko</span>
  120. </p>
  121. </div>
  122. <div class="article">
  123. <h2>Millions of eggs recalled because of salmonella</h2>
  124. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  125. <p class="article-meta">
  126. <span class="meta-byline">Testy McTesterson</span>
  127. <span class="meta-date">Decembuary 42, 1909</span>
  128. <span class="meta-time">2:19 p.m.</span>
  129. </p>
  130. <p class="breadcrumbs">
  131. <span class="breadcrumb-parent">Latest News</span> &rarr;
  132. <span class="breadcrumb-child">Romenesko</span>
  133. </p>
  134. </div>
  135. <div class="article">
  136. <h2>Millions of eggs recalled because of salmonella</h2>
  137. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  138. <p class="article-meta">
  139. <span class="meta-byline">Testy McTesterson</span>
  140. <span class="meta-date">Decembuary 42, 1909</span>
  141. <span class="meta-time">2:19 p.m.</span>
  142. </p>
  143. <p class="breadcrumbs">
  144. <span class="breadcrumb-parent">Latest News</span> &rarr;
  145. <span class="breadcrumb-child">Romenesko</span>
  146. </p>
  147. </div>
  148. <div class="article">
  149. <h2>Millions of eggs recalled because of salmonella</h2>
  150. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  151. <p class="article-meta">
  152. <span class="meta-byline">Testy McTesterson</span>
  153. <span class="meta-date">Decembuary 42, 1909</span>
  154. <span class="meta-time">2:19 p.m.</span>
  155. </p>
  156. <p class="breadcrumbs">
  157. <span class="breadcrumb-parent">Latest News</span> &rarr;
  158. <span class="breadcrumb-child">Romenesko</span>
  159. </p>
  160. </div>
  161. <div class="article">
  162. <h2>Millions of eggs recalled because of salmonella</h2>
  163. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  164. <p class="article-meta">
  165. <span class="meta-byline">Testy McTesterson</span>
  166. <span class="meta-date">Decembuary 42, 1909</span>
  167. <span class="meta-time">2:19 p.m.</span>
  168. </p>
  169. <p class="breadcrumbs">
  170. <span class="breadcrumb-parent">Latest News</span> &rarr;
  171. <span class="breadcrumb-child">Romenesko</span>
  172. </p>
  173. </div>
  174. <div class="article">
  175. <h2>Millions of eggs recalled because of salmonella</h2>
  176. <p class="excerpt">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
  177. <p class="article-meta">
  178. <span class="meta-byline">Testy McTesterson</span>
  179. <span class="meta-date">Decembuary 42, 1909</span>
  180. <span class="meta-time">2:19 p.m.</span>
  181. </p>
  182. <p class="breadcrumbs">
  183. <span class="breadcrumb-parent">Latest News</span> &rarr;
  184. <span class="breadcrumb-child">Romenesko</span>
  185. </p>
  186. </div>
  187. <div class="clear"></div>
  188. </div> <!-- END #category-articles -->
  189.  
  190. <div id="category-sidebar" class="articles grid_4">
  191. <div class="widget">
  192. <h3>Widget Name</h3>
  193. <ul>
  194. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  195. <li>Aliquam tincidunt mauris eu risus.</li>
  196. <li>Vestibulum auctor dapibus neque.</li>
  197. <li>Vestibulum auctor dapibus neque.</li>
  198. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  199. <li>Aliquam tincidunt mauris eu risus.</li>
  200. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  201. <li>Aliquam tincidunt mauris eu risus.</li>
  202. <li>Vestibulum auctor dapibus neque.</li>
  203. <li>Vestibulum auctor dapibus neque.</li>
  204. </ul>
  205. </div>
  206. <div class="widget">
  207. <h3>Widget Name</h3>
  208. <ul>
  209. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  210. <li>Aliquam tincidunt mauris eu risus.</li>
  211. <li>Vestibulum auctor dapibus neque.</li>
  212. <li>Vestibulum auctor dapibus neque.</li>
  213. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  214. <li>Aliquam tincidunt mauris eu risus.</li>
  215. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  216. <li>Aliquam tincidunt mauris eu risus.</li>
  217. <li>Vestibulum auctor dapibus neque.</li>
  218. <li>Vestibulum auctor dapibus neque.</li>
  219. </ul>
  220. </div>
  221. <div class="widget">
  222. <h3>Widget Name</h3>
  223. <ul>
  224. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  225. <li>Aliquam tincidunt mauris eu risus.</li>
  226. <li>Vestibulum auctor dapibus neque.</li>
  227. <li>Vestibulum auctor dapibus neque.</li>
  228. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  229. <li>Aliquam tincidunt mauris eu risus.</li>
  230. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  231. <li>Aliquam tincidunt mauris eu risus.</li>
  232. <li>Vestibulum auctor dapibus neque.</li>
  233. <li>Vestibulum auctor dapibus neque.</li>
  234. </ul>
  235. </div>
  236. <div class="widget">
  237. <h3>Widget Name</h3>
  238. <ul>
  239. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  240. <li>Aliquam tincidunt mauris eu risus.</li>
  241. <li>Vestibulum auctor dapibus neque.</li>
  242. <li>Vestibulum auctor dapibus neque.</li>
  243. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  244. <li>Aliquam tincidunt mauris eu risus.</li>
  245. <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  246. <li>Aliquam tincidunt mauris eu risus.</li>
  247. <li>Vestibulum auctor dapibus neque.</li>
  248. <li>Vestibulum auctor dapibus neque.</li>
  249. </ul>
  250. </div>
  251. </div> <!-- EMD #category-sidebar -->
  252.  
  253. <!-- THIS ENDS THE CATEGORY TEMPLATE GUTS -->
  254.  
  255. <hr class="grid_12" />
  256.  
  257. </div> <!-- END #main -->
  258.  
  259. <div id="rail">
  260. <div id="welcome">explosion</div> <!-- END #foo -->
  261. <div id="ad-tile">explosion</div> <!-- END #foo -->
  262. <div id="list-popular">explosion</div> <!-- END #foo -->
  263. <div id="list-jobs">explosion</div> <!-- END #foo -->
  264. <div id="ad-skyscraper">explosion</div> <!-- END #foo -->
  265. <div id="ad-coupon7">explosion</div> <!-- END #foo -->
  266. </div> <!-- END #rail -->
  267.  
  268. <div class="clear"></div>
  269. </div> <!-- END #wrapper -->
  270.  
  271. <div id="wrapper-footer"><div class="container_16">
  272. <div id="footer-copyright" class="grid_4">
  273. <p>&copy; 2010 The Poynter Institute</p>
  274. </div>
  275. <div id="footer-contact" class="grid_3">
  276. <ul>
  277. <li><a href="#">Foo</a></li>
  278. <li><a href="#">Foo</a></li>
  279. <li><a href="#">Foo</a></li>
  280. </ul>
  281. </div>
  282. <div id="footer-distribution" class="grid_3">
  283. <ul>
  284. <li><a href="#">Foo</a></li>
  285. <li><a href="#">Foo</a></li>
  286. <li><a href="#">Foo</a></li>
  287. </ul>
  288. </div>
  289. <div id="footer-static" class="grid_3">
  290. <ul>
  291. <li><a href="#">Foo</a></li>
  292. <li><a href="#">Foo</a></li>
  293. <li><a href="#">Foo</a></li>
  294. </ul>
  295. </div>
  296. <div id="footer-tos" class="grid_3">
  297. <ul>
  298. <li><a href="#">Foo</a></li>
  299. <li><a href="#">Foo</a></li>
  300. <li><a href="#">Foo</a></li>
  301. </ul>
  302. </div>
  303. <div class="clear"></div>
  304. </div></div> <!-- END #wrapper-footer -->
  305.  
  306. </body>
  307. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!