index.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7 ]> <html lang="en-us" class="no-js ie6"> <![endif]-->
  3. <!--[if IE 7 ]> <html lang="en-us" class="no-js ie7"> <![endif]-->
  4. <!--[if IE 8 ]> <html lang="en-us" class="no-js ie8"> <![endif]-->
  5. <!--[if IE 9 ]> <html lang="en-us" class="no-js ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!-->
  6. <html lang="en-us" class="no-js">
  7. <!--<![endif]-->
  8. <head>
  9. <meta name="generator" content=
  10. "HTML Tidy for Mac OS X (vers 25 March 2009), see www.w3.org">
  11. <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
  12. <meta charset="utf-8">
  13. <title>Columnal Demo Page</title>
  14. <meta name="viewport" content=
  15. "width=device-width, initial-scale=1.0">
  16. <!-- The Columnal Grid (1140px wide base, load first), Type and image presets, and mobile stylesheet -->
  17. <link rel="stylesheet" href="css/columnal.css" type="text/css"
  18. media="screen"><!-- Fixes for IE -->
  19. <!--[if lt IE 9]>
  20. <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
  21. <![endif]-->
  22. <!-- use "fixed-984px-ie.css" or "fixed-960px-ie.css for a 984px or 960px fixed width for IE6 and 7 -->
  23. <!--[if lte IE 7]>
  24. <link rel="stylesheet" href="css/fixed-984px-ie.css" type="text/css" media="screen" />
  25. <![endif]-->
  26. <!-- Fixes for IE6, only needed if IE 6 will be supported - width must match 984px or 960px of css file used above -->
  27. <!-- Use .imagescale to fix IE6 issues with full-column width images (class must be added to any image wider than the column it is placed into) -->
  28. <!--[if lte IE 6]>
  29. <link rel="stylesheet" href="css/ie6-984px.css" type="text/css" media="screen" />
  30. <![endif]-->
  31. <!-- End fixes for IE -->
  32. <!-- Customizations here -->
  33. <link rel="stylesheet" href="css/custom.css" type="text/css"
  34. media="screen">
  35. <!-- Page build tools - only needed while creating a site, remove when launching - Gray box colors and page debugging tools -->
  36. <link rel="stylesheet" href="css/build.css" type="text/css"
  37. media="screen">
  38. <style type="text/css">
  39. <!--
  40. /* These are just styles for the demo, you do not need them for your project */
  41. body {padding-bottom: 40px;}
  42. .col_12.title {background-color: white !important; border-bottom: none;}
  43. -->
  44. </style>
  45. </head>
  46. <body class="pageBackground padding_bottom_15">
  47. <div class="container topNavBar margin_bottom_15 mobile-hide">
  48. <div class="row">
  49. <a class="col_2 pre_7" id="contentsNavBar" href="http://www.google.com">
  50. Contents
  51. </a>
  52. <a class="col_1" id="twitterNavBar" href="http://twitter.com/talha_131">
  53. Twitter
  54. </a>
  55. <a class="col_1" id="githubNavBar" href="http://github.com/talha131">
  56. Github
  57. </a>
  58. <a class="col_1 last" id="rssNavBar" href="/rss">
  59. Feed
  60. </a>
  61. </div>
  62. </div>
  63. <div class="container">
  64. <div class="row pageForeground">
  65. <div class="pre_2 col_9 suf_1 mobile-only topNavMobile">
  66. <span class="col_1">
  67. Contents
  68. </span>
  69. <a class="col_1" href="http://twitter.com/talha_131">
  70. Twitter
  71. </a>
  72. <a class="col_1" href="http://github.com/talha131">
  73. Github
  74. </a>
  75. <a class="col_1 suf_5 last" href="/rss">
  76. Feed
  77. </a>
  78. </div>
  79. <div class="pre_2 col_10 siteBanner">
  80. <a id="siteTitle" href="http://www.google.com">onCrash="reboot()"</a>
  81. <h4 id="siteTagline">You can, you should, and if you're brave enough to
  82. start, you will.
  83. </h4>
  84. </div>
  85. <div class="pre_2 col_9 suf_1">
  86. <div class="hmenu">
  87. <span class="col_1">
  88. Home
  89. </span>
  90. <span class="col_1">
  91. Tumblr
  92. </span>
  93. <span class="col_1">
  94. About
  95. </span>
  96. <span class="col_1">
  97. Archives
  98. </span>
  99. <span class="pre_1 col_4 last searchBox">
  100. <form action="http://www.google.com/cse">
  101. <span>
  102. <input type="hidden" name="cx" value="012236898957532950839:9eegq1vhwts">
  103. <input type="hidden" name="ie" value="UTF-8">
  104. <input id="search" class="text-input" type="text" name="q" size="15" tabindex="0" accesskey="S">
  105. <input id="searchsubmit" type="submit" name="sa" value="Search" tabindex="0">
  106. </span>
  107. </form>
  108. </span>
  109. </div>
  110. </div>
  111. <div class="pre_2 col_9 suf_1">
  112. <h1 class="articleTitle">Name of the article</h1>
  113. </div>
  114. <div class="col_7 pre_2 post">
  115. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
  116. elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas
  117. id, condimentum at, laoreet mattis, massa. Sed eleifend
  118. nonummy diam. Praesent mauris ante, elementum et,
  119. bibendum at, posuere sit amet, nibh. Duis tincidunt
  120. lectus quis dui viverra vestibulum. Suspendisse vulputate
  121. aliquam dui. Nulla elementum dui ut augue. Aliquam
  122. vehicula mi at mauris. Maecenas placerat, nisl at
  123. consequat rhoncus, sem nunc gravida justo, quis eleifend
  124. arcu velit quis lacus. Morbi magna magna, tincidunt a,
  125. mattis non, imperdiet vitae, tellus. Sed odio est, auctor
  126. ac, sollicitudin in, consequat vitae, orci. Fusce id
  127. felis. Vivamus sollicitudin metus eget eros. Pellentesque
  128. habitant morbi tristique senectus et netus et malesuada
  129. fames ac turpis egestas. In posuere felis nec tortor.
  130. Pellentesque faucibus. Ut accumsan ultricies elit.</p>
  131. </div>
  132. <div class="col_2 suf_1 last">
  133. <span class="publicationDate">Published on<br/> May 30, 2012</span>
  134. <div class="tagsHeading"><a href="/tags.html">Tags</a></div>
  135. <ul class="tagBox">
  136. <li><a href="/tags.html#intro-ref">intro <span>1</span></a></li>
  137. <li><a href="/tags.html#beginner-ref">beginner <span>1</span></a></li>
  138. <li><a href="/tags.html#jekyll-ref">jekyll <span>1</span></a></li>
  139. <li><a href="/tags.html#tutorial-ref">tutorial <span>1</span></a></li>
  140. </ul>
  141. </div>
  142. </div>
  143. </div>
  144. </body>
  145. </html>