Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Bardo Coffee House
<header><h1>Bardo Coffee House</h1></header>
<div id="main">
<div class="block">
<p class="item">Brewed Coffee<span class="right">2.25 / 1.75 / 1.50</span></p>
<p class="item">Ked Coffee<span class="right">2.35 / 1.85</span></p>
<p class="item">Café Au Lait<span class="right">2.75 / 2.50 / 2.25</span></p>
<div class="block">
<h3>Teas and More</h3>
<p class="item">Chai<span class="right">4.00 / 3.50 / 2.75</span></p>
<p class="item">Hot Cocoa<span class="right">2.25 / 2.00 / 2.75</span></p>
<div class="item"><p>Hot Tea<span class="right">2.00</span></p><p class="more">see list for selection</p></div>
<div class="item"><p>Iced Tea<span class="right">1.85 / 1.65</span></p><p class="more">black, passion, zen</p></div>
<p class="item">Steamer<span class="right">2.75 / 2.25 / 2.00</span></p>
<p class="item">Tea Latte<span class="right">2.75 / 2.50 / 2.25</span></p>
<div class="block">
<h3>Espresso Drinks</h3>
<div class="item"><p>Americano<span class="right">2.50 / 2.00 / 1.75</span></p><p class="more">espresso with hot water</p></div>
<div class="item"><p>Blondie<span class="right">4.00 / 3.50 / 2.75</span></p><p class="more">latte with caramel and white chocolate</p></div>
<div class="item"><p>Cafe Breve<span class="right">4.75 / 3.75 / 3.00</span></p><p class="more">latte made with 1/2 &amp; 1/2</p></div>
<div class="item"><p>Cafe Dente<span class="right">4.00 / 3.50 / 2.75</span></p><p class="more">latte with chocolate orange and cinnamon</p></div>
<div class="item"><p>Cafe Mocha<span class="right">4.00 / 3.50 / 2.75</span></p><p class="more">dark or white chocolate</p></div>
<div class="item"><p>Cappuccino<span class="right">3.75 / 3.25 / 2.50</span></p><p class="more">espresso steamed, milk, foam</p></div>
<div class="item"><p>Caramel Latte<span class="right">2.75 / 3.50 / 4.00</span></p><p class="more">latte with caramel</p></div>
<div class="item"><p>Doppio<span class="right">1.50</span></p><p class="more">double espresso</p></div>
<div class="item"><p>Espresso Con Panna<span class="right">2.00</span></p><p class="more">espresso with whipping cream</p></div>
<div class="item"><p>Espresso Macchiato<span class="right">2.00</span></p><p class="more">espresso with cream</p></div>
<div class="item"><p>Latte<span class="right">3.75 / 3.25 / 2.50</span></p><p class="more">espresso with steamed milk</p></div>
<div class="block">
<p class="item">Espresso Shot<span class="right">0.50</span></p>
<p class="item">Flavor Shot<span class="right">0.50</span></p>
<div class="block">
<h3>Ice Cream</h3>
<p class="item">One Scoop<span class="right">2.50</span></p>
<p class="item">Two Scoops<span class="right">3.50</span></p>
<p class="item">Three Scoops<span class="right">4.50</span></p>
<p class="item">Milkshake<span class="right">4.50</span></p>
<div class="item"><p>Affogato<span class="right">4.50</span></p><p class="more">scoop of ice cream with espresso</p></div>
<div class="block">
<h3>Opening Hours</h3>
<div class="item"><p>Sunday to Thursday: <span class="right">6am to 1am</span></p></div>
<div class="item"><p>Friday and Saturday: <span class="right">6am to 3am</span></p></div>
<div class="block">
<h3>Find Us</h3>
<div>The Bardo Coffee House<br />238 S Broadway<br />(1blk North of Alameda and Broadway)<br />Denver, CO, 80209<p><a href="">Google Maps</a></div>
<div class="block">
<h3>Call Us</h3>
<div class="block">
<h3>Follow Us</h3>
<div><a href="">Facebook</a></div>
<div class="block art">
<h2>Are You an Artist?</h2>
<p>We're always looking for artists to do shows in our space. If you're interested please read our artist agreement, then fill out the application form below and bring it in.</p>
<p><a href="">Agreement.PDF</a></p>
<p><a href="">Application.PDF</a></p>
body {font-family:Ubuntu,Helvetica,Verdana,Arial,sans-serif;font-size:11pt;line-height:1.5;}
h1 {font-size:4em;margin:0.2em;}
section, aside {float:left; margin: 0 10px;}
aside {width:300px;}
h2 {margin:0;padding:0 1em;background:#000;font-size:2em;color:#fff;}
.block {float:left;width:280px;padding:10px;}
h3 {margin-bottom:0;}
a {color:#000;}
.art {margin:10px 0 0 0;background:#000;color:#fff;}
.art h2 {padding:0;}
.art a {color:#fff;}
.item {border-bottom:dotted 1px #000;}
p {margin-bottom:0;}
.more {margin:0;font-size:0.8em;}
.right {float:right;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment