https://101lasttribes.com/

1<!DOCTYPE html>
2<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
3<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
4<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
5<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
6<head>
7<title>AFRICA | 101 Last Tribes</title>
8<meta charset="utf-8">
9<meta name="viewport" content="width=device-width">
10<link rel="stylesheet" href="stylesheets/foundation.min.css">
11<link rel="stylesheet" href="stylesheets/main.css">
12<link rel="stylesheet" href="stylesheets/app.css">

13<script src="javascripts/modernizr.foundation.js"></script>

13
14<!-- Google fonts -->
15<!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Playfair+Display:400italic' rel='stylesheet' type='text/css' /> -->
16<!-- IE Fix for HTML5 Tags -->
17<!--[if lt IE 9]>

18<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

18
19<![endif]-->
20</head>
21<body>
22<div class="row"> <a href="index.html"><img src="img/logo_home.png" alt="" class="header_logo"></a> </div>
23<div class="row page_wrap" style="margin-top:-2px">
24  <!-- page wrap -->
25  <div class="twelve columns">
26    <!-- page wrap -->
27    <div class="row">
28      <div class="twelve columns header_nav" style="margin-bottom:0; box-shadow: none">
29        <div class="twelve columns">
30          <ul id="menu-header" class="nav-bar horizontal">
31            <li class="active"><a href="index.html">Home</a></li>
32            <li><a href="visual.html">Visual Tribes</a></li>
33            <li><a href="tribes2.html">List Tribes</a></li>
34            <li><a href="countries.html">Countries</a></li>
35
36            <li class="has-flyout"> <a href="#">CULTURE</a><a href="#" class="flyout-toggle"></a>
37              <ul class="flyout">
38                <li class="has-flyout"><a href="historic.html">Historic Tribes</a></li>
39                <li class="has-flyout"><a href="video.html">Video Tribes</a></li>
40                <li class="has-flyout"><a href="museum.html">African Museums</a></li>
41              </ul>
42            </li>
43            <li><a href="about.html">About</a></li>
44          </ul>
45          

45<script>$('ul#menu-header').nav-bar();</script>

45
46          
47    <!-- Cercador -->
48    <form method="GET" action="https://www.google.com/search" target="_blank">
49    <fieldset>
50      <input class="campbus" type="search" id="s" name="q" value="" />
51        <div class="forbus">
52          <p>
53            <input class="rdo" type="radio" name="sitesearch" value="101lasttribes.com" checked /> 
54            Search Inside 101LastTribes.com
55            <input class="btbus" type="submit" id="x" name="btnG" value="  Search  " />
56          </p>
57        </div>
58    </fieldset>
59    </form>
60    <!-- FI Cercador -->        
61
62        </div>
63      </div>
64    </div>
65    <!-- END Header -->
66     <div class="row show-for-up">
67 <img src="img/portada.png" alt="101LastTribes" /></div>   
68    <div id="container">
69    
70    
71      <div class='box photo col2'> <a href="west.html"><img src='img/map_west.png' alt=""></a>
72      </div>
73
74      <div class='box photo col2'> <a href="central.html"><img src='img/map_central.png' alt=""></a>
75      </div>
76
77      <div class='box photo col2'> <a href="east.html"><img src='img/map_east.png' alt=""></a>
78      </div>
79 
80      <div class='box photo col2'> <a href="austral.html"><img src='img/map_austral.png' alt=""></a>
81      </div>
82
83
84
85
86    </div>
87    <!-- end Masonry container -->

87<script>$('ul#menu3').nav-bar();</script>

87
88  </div>
89</div>
90<!-- end page wrap) -->
91<!-- Included JS Files (Compressed) -->

92<script src="javascripts/foundation.min.js"></script>

92
93<!-- Initialize JS Plugins -->

94<script src="javascripts/app.js"></script>

94
95<!-- Masonry for galleries -->

96<script src="javascripts/masonry.js"></script>

96

97<script>
98$(function () {
99    var $container = $('#container');
100    $container.imagesLoaded(function () {
101        $container.masonry({
102            itemSelector: '.box',
103            isFitWidth: true,
104            isAnimated: true
105        });
106    });
107});
108</script>

108
109<!-- END Masonry -->
110</body>
111</html>