<div class="three columns guidemenu ">
<ul id="guide_navigation">
<li><a href="{{ path('quickguide') }}">Read Quick Guide</a></li>
<li><a {% if menu == 'gameplay' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'guide'}) }}">1. Gameplay</a></li>
<li class="sub"><a {% if menu == 'missions' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'missions'}) }}"><i class="fa fa-long-arrow-right"></i>1.1 Missions</a></li>
<li class="sub"><a {% if menu == 'publicorder' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'publicorder'}) }}"><i class="fa fa-long-arrow-right"></i>1.2 Public order</a></li>
<li class="sub"><a {% if menu == 'techtree' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'techtree'}) }}"><i class="fa fa-long-arrow-right"></i>1.3 Technology Tree</a></li>
<li class="sub"><a {% if menu == 'wildcards' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'wildcards'}) }}"><i class="fa fa-long-arrow-right"></i>1.4 Wildcards</a></li>
<li class="sub"><a {% if menu == 'research' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'research'}) }}"><i class="fa fa-long-arrow-right"></i>1.5 Research</a></li>
<li class="sub"><a {% if menu == 'outbreak_credits' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'outbreak_credits'}) }}"><i class="fa fa-long-arrow-right"></i>1.6 Outbreak credits</a></li>
<li class="sub"><a {% if menu == 'regional_events' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'regional_events'}) }}"><i class="fa fa-long-arrow-right"></i>1.7 Regional events</a></li>
<li class="sub"><a {% if menu == 'heroes' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'heroes'}) }}"><i class="fa fa-long-arrow-right"></i>1.8 Heroes</a></li>
<li class="sub"><a {% if menu == 'background' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'background'}) }}"><i class="fa fa-long-arrow-right"></i>1.9 Background</a></li>
<li><a {% if menu == 'resources' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'resources'}) }}">2. Resources</a></li>
<li><a {% if menu == 'buildings' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'buildings'}) }}">3. Construction</a></li>
<li><a {% if menu == 'fairground' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'fairground'}) }}">4. Fairground</a></li>
<li class="sub"><a {% if menu == 'government' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'government'}) }}"><i class="fa fa-long-arrow-right"></i>4.1 Government</a></li>
<li class="sub"><a {% if menu == 'casino' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'casino'}) }}"><i class="fa fa-long-arrow-right"></i>4.2 Casino</a></li>
<li class="sub"><a {% if menu == 'auctions' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'auctions'}) }}"><i class="fa fa-long-arrow-right"></i>4.3 Auctions</a></li>
<li><a {% if menu == 'relations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'relations'}) }}">5. Relations</a></li>
<li class="sub"><a {% if menu == 'trade_routes' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'trade_routes'}) }}"><i class="fa fa-long-arrow-right"></i>5.1 Trade Routes</a></li>
<li class="sub"><a {% if menu == 'clan' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'clan'}) }}"><i class="fa fa-long-arrow-right"></i>5.2 Clan</a></li>
<li><a {% if menu == 'operations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'operations'}) }}">6. Special Operations</a></li>
<li class="sub"><a {% if menu == 'townoperations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'townoperations'}) }}"><i class="fa fa-long-arrow-right"></i>6.1 Town operations</a></li>
<li class="sub"><a {% if menu == 'aggressiveoperations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'aggressiveoperations'}) }}"><i class="fa fa-long-arrow-right"></i>6.2 Agressive operations</a></li>
<li><a {% if menu == 'units' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'units'}) }}">7. Units</a></li>
<li class="sub"><a {% if menu == 'units_special' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'units_special'}) }}"><i class="fa fa-long-arrow-right"></i>7.1 Special Units</a></li>
<li><a {% if menu == 'attack' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'attack'}) }}">8. Attack</a></li>
<li class="sub"><a {% if menu == 'attacktown' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'attacktown'}) }}"><i class="fa fa-long-arrow-right"></i>8.1 Town</a></li>
<li class="sub"><a {% if menu == 'attackgovernment' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'attackgovernment'}) }}"><i class="fa fa-long-arrow-right"></i>8.2 Government location</a></li>
<li class="sub"><a {% if menu == 'attackacre' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'attackacre'}) }}"><i class="fa fa-long-arrow-right"></i>8.3 Acre location</a></li>
<li class="sub"><a {% if menu == 'combat_score' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'combat_score'}) }}"><i class="fa fa-long-arrow-right"></i>8.4 Combat Score</a></li>
<li><a {% if menu == 'map' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'map'}) }}">9. Map</a></li>
<li class="sub"><a {% if menu == 'convoy' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'convoy'}) }}"><i class="fa fa-long-arrow-right"></i>9.1 Convoys</a></li>
<li class="sub"><a {% if menu == 'government_locations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'government_locations'}) }}"><i class="fa fa-long-arrow-right"></i>9.2 Government</a></li>
<li class="sub"><a {% if menu == 'acres' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'acres'}) }}"><i class="fa fa-long-arrow-right"></i>9.3 Acre locations</a></li>
<li class="sub"><a {% if menu == 'raiders' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'raiders'}) }}"><i class="fa fa-long-arrow-right"></i>9.4 Raiders camps</a></li>
<li class="sub"><a {% if menu == 'raider_gangs' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'raider_gangs'}) }}"><i class="fa fa-long-arrow-right"></i>9.5 Raider gangs</a></li>
<li><a {% if menu == 'town_rankings' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'town_rankings'}) }}">10. Town Rankings</a></li>
<li><a {% if menu == 'user_rankings' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'user_rankings'}) }}">11. User rankings</a></li>
<li><a {% if menu == 'areas' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'areas'}) }}">12. Areas</a></li>
<li class="sub"><a {% if menu == 'round_prizes' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'round_prizes'}) }}"><i class="fa fa-long-arrow-right"></i>12.1 Round_prizes</a></li>
<li class="sub"><a {% if menu == 'kansas_wars' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'kansas_wars'}) }}"> <i class="fa fa-long-arrow-right"></i>12.2 Kansas Wars (PvP)</a></li>
<li class="sub"><a {% if menu == 'invasion' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'invasion'}) }}"> <i class="fa fa-long-arrow-right"></i> 12.3 Invasion (PvE)</a></li>
<li><a {% if menu == 'faq' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'faq'}) }}">12. FAQ</a></li>
</ul>
<script type="text/javascript">
$(document).ready(function () {
$('#guide_navigation ').slicknav();
});
</script>
</div>
<div class="topnav_mob">
<a href="#home" class="active">Guide Menu</a>
<!-- Navigation links (hidden by default) -->
<div id="myLinks">
<li><a href="{{ path('quickguide') }}">Read back Quick Guide</a></li>
<li><a {% if menu == 'gameplay' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'guide'}) }}">1. Gameplay</a></li>
<li class="sub"><a {% if menu == 'missions' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'missions'}) }}"><i class="fa fa-long-arrow-right"></i>1.1 Missions</a></li>
<li class="sub"><a {% if menu == 'publicorder' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'publicorder'}) }}"><i class="fa fa-long-arrow-right"></i>1.2 Public order</a></li>
<li class="sub"><a {% if menu == 'techtree' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'techtree'}) }}"><i class="fa fa-long-arrow-right"></i>1.3 Technology Tree</a></li>
<li class="sub"><a {% if menu == 'wildcards' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'wildcards'}) }}"><i class="fa fa-long-arrow-right"></i>1.4 Wildcards</a></li>
<li class="sub"><a {% if menu == 'research' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'research'}) }}"><i class="fa fa-long-arrow-right"></i>1.5 Research</a></li>
<li class="sub"><a {% if menu == 'outbreak_credits' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'outbreak_credits'}) }}"><i class="fa fa-long-arrow-right"></i>1.6 Outbreak credits</a></li>
<li class="sub"><a {% if menu == 'regional_events' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'regional_events'}) }}"><i class="fa fa-long-arrow-right"></i>1.7 Regional events</a></li>
<li class="sub"><a {% if menu == 'heroes' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'heroes'}) }}"><i class="fa fa-long-arrow-right"></i>1.8 Heroes</a></li>
<li><a {% if menu == 'resources' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'resources'}) }}">2. Resources</a></li>
<li><a {% if menu == 'buildings' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'buildings'}) }}">3. Construction</a></li>
<li><a {% if menu == 'fairground' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'fairground'}) }}">4. Fairground</a></li>
<li class="sub"><a {% if menu == 'government' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'government'}) }}"><i class="fa fa-long-arrow-right"></i>4.1 Government</a></li>
<li class="sub"><a {% if menu == 'casino' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'casino'}) }}"><i class="fa fa-long-arrow-right"></i>4.2 Casino</a></li>
<li class="sub"><a {% if menu == 'auctions' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'auctions'}) }}"><i class="fa fa-long-arrow-right"></i>4.3 Auctions</a></li>
<li><a {% if menu == 'relations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'relations'}) }}">5. Relations</a></li>
<li class="sub"><a {% if menu == 'clan' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'clan'}) }}"><i class="fa fa-long-arrow-right"></i>5.1 Clan</a></li>
<li><a {% if menu == 'operations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'operations'}) }}">6. Special Operations</a></li>
<li class="sub"><a {% if menu == 'townoperations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'townoperations'}) }}"><i class="fa fa-long-arrow-right"></i>6.1 Town operations</a></li>
<li class="sub"><a {% if menu == 'aggressiveoperations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'aggressiveoperations'}) }}"><i class="fa fa-long-arrow-right"></i>6.2 Agressive operations</a></li>
<li><a {% if menu == 'units' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'units'}) }}">7. Units</a></li>
<li class="sub"><a {% if menu == 'units_special' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'units_special'}) }}"><i class="fa fa-long-arrow-right"></i>7.1 Special Units</a></li>
<li><a {% if menu == 'attack' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'attack'}) }}">8. Attack</a></li>
<li class="sub"><a {% if menu == 'attacktown' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'attacktown'}) }}"><i class="fa fa-long-arrow-right"></i>8.1 Town</a></li>
<li class="sub"><a {% if menu == 'attackgovernment' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'attackgovernment'}) }}"><i class="fa fa-long-arrow-right"></i>8.2 Government location</a></li>
<li class="sub"><a {% if menu == 'attackacre' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'attackacre'}) }}"><i class="fa fa-long-arrow-right"></i>8.3 Acre location</a></li>
<li class="sub"><a {% if menu == 'combat_score' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'combat_score'}) }}"><i class="fa fa-long-arrow-right"></i>8.4 Combat Score</a></li>
<li><a {% if menu == 'map' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'map'}) }}">9. Map</a></li>
<li class="sub"><a {% if menu == 'convoy' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'convoy'}) }}"><i class="fa fa-long-arrow-right"></i>9.1 Convoys</a></li>
<li class="sub"><a {% if menu == 'government_locations' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'government_locations'}) }}"><i class="fa fa-long-arrow-right"></i>9.2 Government</a></li>
<li class="sub"><a {% if menu == 'acres' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'acres'}) }}"><i class="fa fa-long-arrow-right"></i>9.3 Acre locations</a></li>
<li class="sub"><a {% if menu == 'raiders' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'raiders'}) }}"><i class="fa fa-long-arrow-right"></i>9.4 Raiders camps</a></li>
<li class="sub"><a {% if menu == 'raider_gangs' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'raider_gangs'}) }}"><i class="fa fa-long-arrow-right"></i>9.5 Raider gangs</a></li>
<li><a {% if menu == 'town_rankings' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'town_rankings'}) }}">10. Town Rankings</a></li>
<li><a {% if menu == 'user_rankings' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'user_rankings'}) }}">11. User rankings</a></li>
<li><a {% if menu == 'areas' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'areas'}) }}">12. Areas</a></li>
<li class="sub"><a {% if menu == 'round_prizes' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'round_prizes'}) }}"><i class="fa fa-long-arrow-right"></i>12.1 Round_prizes</a></li>
<li class="sub"><a {% if menu == 'kansas_wars' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'kansas_wars'}) }}"> <i class="fa fa-long-arrow-right"></i>12.2 Kansas Wars (PvP)</a></li>
<li class="sub"><a {% if menu == 'invasion' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'invasion'}) }}"> <i class="fa fa-long-arrow-right"></i> 12.3 Invasion (PvE)</a></li>
<li><a {% if menu == 'faq' %}class="active"{% endif %} href="{{ path('guide_subpage', {'subpage': 'faq'}) }}">12. FAQ</a></li>
</ul>
<script>
function myFunction() {
var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}
</script>
</div>
<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>