Icons: Coexist V2

<!--

    ICONS PAGE: COEXIST
    V2: header
    by acuite

- don't steal this pls
- enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧

- @acuite for more themes

-->

<!DOCTYPE html>
<html>
<head>

<title>Icons</title>
<link rel="shortcut icon" href="{Favicon}" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/dwoqjdv/jcsogqobt/coexist.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Palanquin" rel="stylesheet">
<link href="http://static.tumblr.com/dwoqjdv/Tz4ogqnmn/coexist2.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="center">

<!-- Start Header -->
<header>
<span class="main_top">
    <h1>Icons by {Name}</h1>
    <img class="image" src="{PortraitURL-128}">
<div class="tc">
    <a href="/" title="Home"><i class="fa fa-home"></i></a>
    <a href="/ask" title="Message"><i class="fa fa-envelope-o"></i></a>
    <a href="http://tumblr.com" title="Dashboard"><i class="fa fa-th"></i></a>
</div>
</span>

<!-- Start Categories. These must match the classes in ur actual icons! -->
<nav class="categories">
    <a href="#" rel="box" class="filters">all icons</a><!--Do not remove-->
    <a href="#" rel="tagname1" class="filters">tag name / category 1</a>
    <a href="#" rel="tagname2" class="filters">tag name 2</a>
    <a href="#" rel="tagname3" class="filters">tag name 3</a>
    <a href="#" rel="tagname4" class="filters">tag name 4</a>

<!-- Start Colours. Again, add the relevant colour as an icon class! -->
<span class="colours">
    <a href="#" rel="pink" class="s_pink filters">pink</a>
    <a href="#" rel="purple" class="s_purple filters">purple</a>
    <a href="#" rel="yellow" class="s_yellow filters">yellow</a>
    <a href="#" rel="blue" class="s_blue filters">blue</a>
    <a href="#" rel="green" class="s_green filters">green</a>
    <a href="#" rel="orange" class="s_orange filters">orange</a>
    <a href="#" rel="multi" class="s_multi filters">multi</a>
    <a href="#" rel="bw" class="s_bw filters">greyscale</a>
    <a href="#" rel="neutral" class="s_neutral filters">neutral</a>
    <a href="#" rel="white" class="s_white filters">white</a>
</span>
</nav>
</header>
<!-- End Header -->


<div id="content">
<!-- Start Icons Hold -->

<!-- Icon Instructions

    all icons must have 'box' class!
    use your tags / filters from the header with a single space between each
    you can include as many tags as you like
-->

<span class="box tagname1"><img src="http://placehold.it/50x50"></span>
<span class="box tagname1"><img src="http://placehold.it/50x50"></span>
<span class="box tagname1 tagname2"><img src="http://placehold.it/50x50"></span>
<span class="box tagname2"><img src="http://placehold.it/50x50"></span>
<span class="box tagname3"><img src="http://placehold.it/50x50"></span>
<span class="box tagname3"><img src="http://placehold.it/50x50"></span>
<span class="box tagname3"><img src="http://placehold.it/50x50"></span>
<span class="box tagname3 tagname4"><img src="http://placehold.it/50x50"></span>
<span class="box tagname4"><img src="http://placehold.it/50x50"></span>

<!-- End Icons Hold. Do not edit below this line. -->


</div></div>
<a class="c" href="http://acuite.tumblr.com">acuite</a>
</body>
</html>