quezo

<div class="envelope">
  <div class="icon-envelope"></div>
  <div class="header"></div>
  <div class="letter"></div>
</div>

quezo

<canvas id="canvas"></canvas>

quezo

var crypto = require('crypto');
var _      = require('underscore')._;

// Returns elapsed time in milliseconds
function get_elapsed_time(startTime) {
  var diff = process.hrtime(startTime);
  // (seconds to milliseconds) + (nanoseconds to milliseconds)
  return (diff[0] * 1000) + (diff[1] / 1000000);
}

quezo

<h1>who is this? hello again dog.</h1>

<h3>not bad dude. not really. not that bad huh?</h3>

<h3>what is this? I dunno. who are you. what? no mas dude. no mas. glass of water. glass of watter is what we need. keep on keeping on idiot.

  how does this even work?
</h3>

quezo

# CoffeeScript mode for CodeMirror
# Copyright (c) 2011 Jeff Pickhardt, released under
# the MIT License.
#
# Modified from the Python CodeMirror mode, which also is 
# under the MIT License Copyright (c) 2010 Timothy Farrell.
#
# The following script, Underscore.coffee, is used to 
# demonstrate CoffeeScript mode for CodeMirror.
#

quezo

<h1>h1 s should be blue</h1>
<h3>what color should an h3 be?</h3>

quezo

<h1>hello again dude!</h1>

quezo

Markdown Works on Code Pen Hooray!

quezo

<div class="wrap">  
  
  WIP SVG smileys
  <div class="smiles">
    :O :P :| :icecream: :frog: :) :D
  </div>
</div>

quezo

<form action="#">

  <header>
    <h2>Example Responsive Form</h2>
    <div>This form breaks at 600px and goes from a left-label form to a top-label form. At above 1200px, the labels align right.</div>
  </header>
  
  <div>
    <label class="desc" id="title1" for="Field1">Full Name</label>
    <div>