You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.3 KiB
43 lines
1.3 KiB
<html> |
|
<head> |
|
<link rel="stylesheet" href="css/tataslate.css"> |
|
<title>slate</title> |
|
</head> |
|
|
|
<body> |
|
|
|
<div class="nav-panel"> |
|
<nav> |
|
<ul> |
|
<li class="tag"><a href="#"><i class="icon fa fa-chevron-right" aria-hidden="true"></i></a></li> |
|
<li><a href="#"><i class="icon fa fa-star" aria-hidden="true"></i></a></li> |
|
<li><a href="#"><i class="icon fa fa-dot-circle-o" aria-hidden="true"></i></a></li> |
|
</ul> |
|
</nav> |
|
</div> |
|
|
|
<div class="container"> |
|
<div class="tile-container"> |
|
<a class="tile tile-link" href="#one"> |
|
<div class="tile-box">One</div> |
|
<div class="tile-title">One</div> |
|
</a> |
|
<a class="tile tile-link" href="#two"> |
|
<div class="tile-box">Two</div> |
|
<div class="tile-title">Two</div> |
|
</a> |
|
<a class="tile tile-link" href="#"> |
|
<div class="tile-box">Three</div> |
|
<div class="tile-title">Three</div> |
|
</a> |
|
<a class="tile tile-link" href="#"> |
|
<div class="tile-box">Four</div> |
|
<div class="tile-title">Four</div> |
|
</a> |
|
</div> |
|
</div> |
|
|
|
</body> |
|
<link href="https://fonts.googleapis.com/css?family=Exo" rel="stylesheet"> |
|
<script src="js/tataslate.js"></script> |
|
</html>
|
|
|