Skip to content

Instantly share code, notes, and snippets.

@andrew-h-lee

andrew-h-lee/OldMetro.html

Last active August 2, 2016 16:22
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andrew-h-lee/d4e3a62e7d716025b966a2148734efd4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andrew-h-lee/d4e3a62e7d716025b966a2148734efd4 to your computer and use it in GitHub Desktop.
Download ZIP
Old Metro Container
Raw
logo-box.md 
<div class="container">
  <div class="logo-box">
    <img style="width: 80%;" src="img/file1.png">
  </div>
  
  <div class="logo-box">
    <img style="width: 80%;" src="img/file2.png">
  </div>
</div>
Raw
OldMetro.html
<body class="metro">
<div class="container">
<div class="tile bg-darkPink">
<div class="tile-content icon">
<i class="icon-cart-2"></i>
</div>
<div class="tile-status">
<span class="name">Store</span>
</div>
</div>
<div class="tile double bg-amber">
<div class="tile-content icon">
<i class="icon-play-alt"></i>
</div>
<div class="brand bg-black">
<span class="label fg-white">Player</span>
<div class="badge bg-darkRed paused"></div>
</div>
</div>
<div class="tile">
<div class="tile-content image">
<img src="#">
</div>
<div class="brand">
<span class="label fg-white">Images</span>
<span class="badge bg-orange">12</span>
</div>
</div>
<div class="tile double">
<div class="tile-content image">
<img src="#">
</div>
<div class="brand bg-dark opacity">
<span class="text">
This is a desert eagle. He is very hungry and angry bird.
</span>
</div>
</div>
</div>
<p class="ref">Image credits: <a href="http://www.eso.org/public/images/eso1205a/">ESO/VISTA/J. Emerson. Acknowledgment: Cambridge Astronomical Survey Unit</a></p>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment