Return to Snippet

Revision: 42602
at April 10, 2011 05:00 by sethetter


Updated Code
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="author" content="Seth Etter">
 
  <!-- javascript -->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script type="text/javascript" src="js/scripts.js"></script>
    
  <!-- style sheets -->
  <link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <link href="stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
  <!--[if lt IE 8]>
    <link href="stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <![endif]-->

  <title>Compass Project</title>
  
</head>
<body class="bp two-col">

<div id="container">

  <div id="header">
    <h1 id="logo">Hello!</h1>
  </div><!-- header -->

  <ul id="nav">
    <li><a href="#" title="Home">Home</a></li>
  </ul><!-- nav -->

  <div id="content">
    <h2>Yonderstein</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et massa orci, in scelerisque felis. Duis et diam sed lacus vulputate convallis et et eros. Quisque egestas pharetra turpis nec lobortis. Ut eget nunc ligula. Duis vel felis lorem. Aliquam erat volutpat. Mauris ac nulla eget lorem ultrices mattis quis at ante. Maecenas luctus fermentum purus sed viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  </div><!-- content -->
  
  <div id="sidebar">
    <h2>Sidebar</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et massa orci, in scelerisque felis. Duis et diam sed lacus vulputate convallis et et eros. Quisque egestas pharetra turpis nec lobortis.</p>
  </div><!-- #sidebar -->

  <div id="footer">
    <p class="copy">Copyright info blah blah blah. 2011</p>
  </div><!-- footer -->

</div><!-- wrap -->

</body><!-- .bp two-col -->
</html>

Revision: 42601
at March 8, 2011 04:27 by sethetter


Updated Code
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="author" content="Seth Etter">
  <meta name="keywords" content="">  
  <meta name="description" content="">  
  <meta name="robots" content="all">
  
  <!-- javascript -->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script type="text/javascript" src="js/scripts.js"></script>
    
  <!-- style sheets -->
  <link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <link href="stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
  <!--[if lt IE 8]>
    <link href="stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <![endif]-->

  <title>Compass Project</title>
  
</head>
<body class="bp two-col">

<div id="container">

  <div id="header">
    <h1 id="logo">Hello!</h1>
  </div><!-- header -->

  <ul id="nav">
    <li><a href="#" title="Home">Home</a></li>
  </ul><!-- nav -->

  <div id="content">
    <h2>Yonderstein</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et massa orci, in scelerisque felis. Duis et diam sed lacus vulputate convallis et et eros. Quisque egestas pharetra turpis nec lobortis. Ut eget nunc ligula. Duis vel felis lorem. Aliquam erat volutpat. Mauris ac nulla eget lorem ultrices mattis quis at ante. Maecenas luctus fermentum purus sed viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  </div><!-- content -->
  
  <div id="sidebar">
    <h2>Sidebar</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et massa orci, in scelerisque felis. Duis et diam sed lacus vulputate convallis et et eros. Quisque egestas pharetra turpis nec lobortis.</p>
  </div><!-- #sidebar -->

  <div id="footer">
    <p class="copy">Copyright info blah blah blah. 2011</p>
  </div><!-- footer -->

</div><!-- wrap -->

</body><!-- .bp two-col -->
</html>

Revision: 42600
at March 8, 2011 03:54 by sethetter


Initial Code
<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="author" content="Seth Etter">
  <meta name="keywords" content="">  
  <meta name="description" content="">  
  <meta name="robots" content="all">
  
  <!-- javascript -->
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  <script type="text/javascript" src="js/scripts.js"></script>
    
  <!-- style sheets -->
  <link href="stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <link href="stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
  <!--[if lt IE 8]>
    <link href="stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <![endif]-->

  <title>Compass Project</title>
  
</head>
<body class="bp two-col">

<div id="container">

  <div id="header">
    <h1 id="logo">Hello!</h1>
  </div><!-- header -->

  <div id="nav">
    
  </div><!-- nav -->

  <div id="content">
    <h2>Yonderstein</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis et massa orci, in scelerisque felis. Duis et diam sed lacus vulputate convallis et et eros. Quisque egestas pharetra turpis nec lobortis. Ut eget nunc ligula. Duis vel felis lorem. Aliquam erat volutpat. Mauris ac nulla eget lorem ultrices mattis quis at ante. Maecenas luctus fermentum purus sed viverra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
  </div><!-- content -->

  <div id="footer">
    <p class="copy">Copyright info blah blah blah. 2011</p>
  </div><!-- footer -->

</div><!-- wrap -->

</body><!-- .bp two-col -->
</html>

Initial URL


Initial Description


Initial Title
Compass HTML Page Template

Initial Tags
textmate, html, page

Initial Language
HTML