Skip to content

Instantly share code, notes, and snippets.

@Potherca

Potherca/dabblet.css

Last active Aug 29, 2015
Embed
What would you like to do?
Various "Build in" banners
/**
* Various "Build in" banners
*/
@import url("//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");
@import url("//netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-glyphicons.css");
body {
text-align: center;
margin: 2em;
}
img {
width: 12em;
}
.icon-montreal {
margin-bottom: -1px;
margin-left: 1px;
display: inline-block;
height: 14px;
width: 14px;
background-image: url('http://stillmaintained.com/img/mtl.jpg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
<div class="container">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Made in Montreal
</h3>
</div>
<div class="panel-body">
Built in <strong>Montreal</strong>
<span class="icon-montreal" title="Montreal"></span>, with
<span class="glyphicon glyphicon-heart" title="love"></span>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Made in New York
</h3>
</div>
<div class="panel-body">
<img src="http://upload.wikimedia.org/wikipedia/en/f/fc/Made_in_NY_logo.png" />
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Made in Amsterdam
<small>(design by <a href="http://michieldegraaf.com/madeinamsterdam">Michiel de Graaf</a>)</small>
</h3>
</div>
<div class="panel-body">
<a href="http://www.madeinams.nl/"></a>
<img src="http://www.madeinams.nl/images/logo-mams@2x.png" />
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Made in Berlin
<small>(various designs)</small>
</h3>
</div>
<div class="panel-body">
<img src="http://ernestinefont.com/wp-content/uploads/2011/11/made-in-berlin-badge.png" />
<img src="http://www.fontshop.de/wp-content/uploads/2012/01/made_in_berlin.jpg" />
<img src="https://m1.behance.net/rendition/modules/126047695/disp/f7486b29728a97af727ab2423b38dc3c.jpg" />
</div>
</div>
<!--
@TODO:
- Build with love by github (ataom.io
- http://www.madeinwarrington.com/
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
</h3>
</div>
<div class="panel-body">
<a href="http://techberlin.tumblr.com/post/15943495422/made-in-berlin-contest-winner"></a>
</div>
</div>
-->
</div>
/* alert('Hello world!'); */
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.