<ul id="mainnav">
            <li>
                <a href="/post/">
                <span class="icon"> <i aria-hidden="true" class="icon-quill"></i></span>
                <span> blog </span>
            </a>
            </li>
            <!-- <li> -->
            <!-- <a href="/project/"> -->
            <!--     <span class="icon"> <i aria-hidden="true" class="icon-console"></i></span> -->
            <!--     <span> code </span> -->
            <!-- </a> -->
            <!-- </li> -->
            <!-- <li> -->
            <!-- <a href="/presentation/"> -->
            <!--     <span class="icon"> <i aria-hidden="true" class="icon-stats"></i></span> -->
            <!--     <span> talks </span> -->
            <!-- </a> -->
            <!-- </li> -->
            <li>
            <a href="/page/salar-rahmanian/">
                <span class="icon"> <i aria-hidden="true" class="icon-user"></i></span>
                <span> me </span>
            </a>
            </li>
        </ul>