caleb
/
pelican-elegant


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en-us" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en-us" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-us" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-us" class="no-js ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!-->

<html lang="en-us" class="no-js">
<!--<![endif]-->

<head>
  <meta name="generator" content=

  "HTML Tidy for Mac OS X (vers 25 March 2009), see www.w3.org">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1">
  <meta charset="utf-8">

  <title>Columnal Demo Page</title>
  <meta name="viewport" content=

  "width=device-width, initial-scale=1.0">
  <!-- The Columnal Grid (1140px wide base, load first), Type and image presets, and mobile stylesheet -->
  <link rel="stylesheet" href="css/columnal.css" type="text/css"

  media="screen"><!-- Fixes for IE -->
  <!--[if lt IE 9]>

        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />

        <![endif]-->
  <!-- use "fixed-984px-ie.css" or "fixed-960px-ie.css for a 984px or 960px fixed width for IE6 and 7 -->
  <!--[if lte IE 7]>

                <link rel="stylesheet" href="css/fixed-984px-ie.css" type="text/css" media="screen" />

        <![endif]-->
  <!-- Fixes for IE6, only needed if IE 6 will be supported - width must match 984px or 960px of css file used above -->
  <!-- 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) -->
  <!--[if lte IE 6]>

                <link rel="stylesheet" href="css/ie6-984px.css" type="text/css" media="screen" />

        <![endif]-->
  <!-- End fixes for IE -->
  <!-- Customizations here -->
  <link rel="stylesheet" href="css/custom.css" type="text/css"

  media="screen">
  <!-- Page build tools - only needed while creating a site, remove when launching - Gray box colors and page debugging tools -->
  <link rel="stylesheet" href="css/build.css" type="text/css"

  media="screen">
  <style type="text/css">

<!--

  /* These are just styles for the demo, you do not need them for your project */

  body {padding-bottom: 40px;}

  .col_12.title {background-color: white !important; border-bottom: none;}

  -->

  </style>
</head>

<body class="pageBackground padding_bottom_15">
  <div class="container topNavBar margin_bottom_15">
    <div class="row">
      <div class="col_2 pre_4">
        Tags
      </div>

      <div class="col_2">
        Pages
      </div>

      <div class="col_2">
        About site
      </div>

      <div class="col_2 last">
        About me
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row pageForeground">
      <a class="col_12 siteBanner" href="http://www.google.com">
        <h1>onCrash="reboot()"</h1>

        <div class="jquery" style=

        "font-family:monospace;color: #006;">
          onCrash<span style="color: #339933;">=</span><span style=

          "color: #3366CC;">"reboot()"</span>
        </div>

        <p>You can, you should, and if you're brave enough to
        start, you will.</p>

        <h3>Blah blah and blah</h3>
      </a>

      <div class="col_12 hmenu">
        <div class="col_2">
          <span>Current Category</span>
        </div>

        <div class="col_2">
          <span>Categories</span>
        </div>

        <div class="col_2">
          <span>Archives</span>
        </div>

        <div class="col_2">
          <span>Pages</span>
        </div>

        <div class="col_2">
          <span>Tags</span>
        </div>

        <div class="col_2 last">
          <span>About and Contact</span>
        </div>
      </div>

      <div class="">
        <div class="col_12">
          <h1>Name of the article</h1>
        </div>

        <div class="col_3">
          <p>April 27, 2012</p>
        </div>

        <div class="col_7 post">
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
          elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas
          id, condimentum at, laoreet mattis, massa. Sed eleifend
          nonummy diam. Praesent mauris ante, elementum et,
          bibendum at, posuere sit amet, nibh. Duis tincidunt
          lectus quis dui viverra vestibulum. Suspendisse vulputate
          aliquam dui. Nulla elementum dui ut augue. Aliquam
          vehicula mi at mauris. Maecenas placerat, nisl at
          consequat rhoncus, sem nunc gravida justo, quis eleifend
          arcu velit quis lacus. Morbi magna magna, tincidunt a,
          mattis non, imperdiet vitae, tellus. Sed odio est, auctor
          ac, sollicitudin in, consequat vitae, orci. Fusce id
          felis. Vivamus sollicitudin metus eget eros. Pellentesque
          habitant morbi tristique senectus et netus et malesuada
          fames ac turpis egestas. In posuere felis nec tortor.
          Pellentesque faucibus. Ut accumsan ultricies elit.</p>
        </div>

        <div class="col_2 last">
          <p>Tags</p>
        </div>
      </div>
    </div>
  </div>
</body>
</html>