Skip to content

Instantly share code, notes, and snippets.

@johnantoni

johnantoni/html2slim-1.html

Created February 1, 2014 19:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save johnantoni/8757664 to your computer and use it in GitHub Desktop.
Save johnantoni/8757664 to your computer and use it in GitHub Desktop.
Download ZIP
html to slim example
Raw
html2slim-1.html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8”>
<title>Awesome HTML5 Webpage</title>
<meta name=”description” content=”An awesome HTML5 page YOU built from scratch!”>
<meta name=”author” content=”Udemy”>
<link rel=”stylesheet” href=”style.css”>
</head>
<body>
<div id=”wrapper”>
<header class=”main_headline”>
<nav>
<ul>
<li><a href=”#”>About</a></li>
<li><a href=”#”>Services</a></li>
<li><a href=”#”>Products</a></li>
<li><a href=”#”>Contact</a></li>
</ul>
</nav>
<h1>Super Duper Awesome Headline! </h1>
</header>
<div id=”primary_content”>
<section id=”left_column”>
<h3>A Hitchhiker’s Guide!</h3>
<p>To the Galaxy!</p>
</section>
<section id=”right_column”>
<article>
<header>
<h3>The Answer to Life?</h3>
<p>Published: 30 August 2013</p>
</header>
<p>Douglas Adams, when asked: “What is the answer to life, universe and everything”, replied:</p>
<blockquote>”42”</blockquote>
</article>
</section>
</div>
<footer>
<p>The Footer is where all useless info goes!</p>
</footer>
</div>
</body>
</html>
<article>
<h1>Super awesome HTML5 page for the searching of howmanyleft.co.uk</h1>
<form action="http://howmanyleft.co.uk/" method="GET">
<input type="search" name="q">
<input type="submit" value="search">
</form>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment