A Pen by Elliott Quinn on CodePen.
Created
June 9, 2019 01:42
-
-
Save CodeMyUI/eb3b9dd824ac69d5aee712796f18df29 to your computer and use it in GitHub Desktop.
Bardo Coffee House
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<header><h1>Bardo Coffee House</h1></header> | |
<div id="main"> | |
<section> | |
<h2>MENU</h2> | |
<div class="block"> | |
<h3>Coffee</h3> | |
<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> | |
<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> | |
<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 & 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> | |
<div class="block"> | |
<h3>Extras</h3> | |
<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> | |
<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> | |
</section> | |
<aside> | |
<h2>INFO</h2> | |
<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> | |
<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="https://goo.gl/maps/tjLbzfx3cZy">Google Maps</a></div> | |
</div> | |
<div class="block"> | |
<h3>Call Us</h3> | |
<div>303-629-8331</div> | |
</div> | |
<div class="block"> | |
<h3>Follow Us</h3> | |
<div><a href="https://facebook.com/pages/Denver-CO/The-Bardo-coffee-house/224692714772?ref=nf">Facebook</a></div> | |
</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="http://bardocoffee.com/BardoArtistContract.pdf">Agreement.PDF</a></p> | |
<p><a href="http://bardocoffee.com/BardoArtistApplication.pdf">Application.PDF</a></p> | |
</div> | |
</aside> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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